@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,300|Source+Sans+Pro:400,600,700,300&display=swap');
/* @import url('https://fonts.googleapis.com/icon?family=Material+Icons'); */



/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */
 .tox{box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg){background:0 0;border:0;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox-editor-container>:first-child{border-top:none!important}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox-silver-sink{z-index:1300}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description{align-items:stretch;border:1px solid #ccc;border-radius:3px;display:flex;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>:last-child:not(:only-child){border-color:#ccc;border-style:solid}.tox .accessibility-issue__repair{margin-top:16px}.tox .accessibility-issue--info .accessibility-issue__description{background-color:rgba(32,122,183,.1);border-color:rgba(32,122,183,.4);color:#222f3e}.tox .accessibility-issue--info .accessibility-issue__description>:last-child{border-color:rgba(32,122,183,.4)}.tox .accessibility-issue--info h2{color:#207ab7}.tox .accessibility-issue--info .tox-icon svg{fill:#207ab7}.tox .accessibility-issue--info a .tox-icon{color:#207ab7}.tox .accessibility-issue--warn .accessibility-issue__description{background-color:rgba(255,165,0,.1);border-color:rgba(255,165,0,.5);color:#222f3e}.tox .accessibility-issue--warn .accessibility-issue__description>:last-child{border-color:rgba(255,165,0,.5)}.tox .accessibility-issue--warn h2{color:#cc8500}.tox .accessibility-issue--warn .tox-icon svg{fill:#cc8500}.tox .accessibility-issue--warn a .tox-icon{color:#cc8500}.tox .accessibility-issue--error .accessibility-issue__description{background-color:rgba(204,0,0,.1);border-color:rgba(204,0,0,.4);color:#222f3e}.tox .accessibility-issue--error .accessibility-issue__description>:last-child{border-color:rgba(204,0,0,.4)}.tox .accessibility-issue--error h2{color:#c00}.tox .accessibility-issue--error .tox-icon svg{fill:#c00}.tox .accessibility-issue--error a .tox-icon{color:#c00}.tox .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);border-color:rgba(120,171,70,.4);color:#222f3e}.tox .accessibility-issue--success .accessibility-issue__description>:last-child{border-color:rgba(120,171,70,.4)}.tox .accessibility-issue--success h2{color:#78ab46}.tox .accessibility-issue--success .tox-icon svg{fill:#78ab46}.tox .accessibility-issue--success a .tox-icon{color:#78ab46}.tox .tox-dialog__body-content .accessibility-issue__header h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .accessibility-issue__description{padding:4px 4px 4px 8px}.tox:not([dir=rtl]) .accessibility-issue__description>:last-child{border-left-width:1px;padding-left:4px}.tox[dir=rtl] .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .accessibility-issue__description{padding:4px 8px 4px 4px}.tox[dir=rtl] .accessibility-issue__description>:last-child{border-right-width:1px;padding-right:4px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:none;background-repeat:none;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;letter-spacing:1;line-height:24px;margin:0;outline:0;padding:4px 16px;text-align:center;text-decoration:none;text-transform:capitalize;white-space:nowrap}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:none;background-repeat:none;border-color:#f0f0f0;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;outline:0;padding:4px 16px;text-decoration:none;text-transform:capitalize}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:#d6d6d6;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,.3)}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#ccc;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#e6e6e6;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;color:#222f3e;cursor:pointer;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled{background-color:inherit;color:contrast(inherit,#222f3e,#fff)}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--enabled{background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--enabled{background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:default}.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item[role=menuitemcheckbox]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;-ms-flex-preferred-size:auto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:rgba(34,47,62,.7);display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:normal}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg{transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#dee0e2}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-comment-thread{background:#fff;position:relative}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment{background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 8px 16px 8px;position:relative}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:rgba(34,47,62,.7);font-size:12px}.tox .tox-comment__body{color:#222f3e;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__body p{margin:0}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto}.tox .tox-conversations{margin:8px}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,.7)}.tox .tox-user__name{color:rgba(34,47,62,.7);font-size:12px;font-style:normal;font-weight:700;text-transform:uppercase}.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog{background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:normal}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;-ms-flex-preferred-size:auto;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:normal}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;padding:16px 16px}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;font-size:14px;line-height:1.3;margin-bottom:8px;text-decoration:none;white-space:nowrap}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #207ab7;color:#207ab7}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto;max-height:650px;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#207ab7;cursor:pointer;text-decoration:none}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content a:active{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content ul{display:block;list-style-type:disc;margin-bottom:16px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.tox .tox-dialog__body-content .tox-form__group h1{font-size:20px;font-weight:700;margin-bottom:16px;margin-top:2rem}.tox .tox-dialog__body-content .tox-form__group h2{font-size:16px;font-weight:700;margin-bottom:16px;margin-top:2rem}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #ccc}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}body.tox-dialog__disable-scroll{overflow:hidden}.tox.tox-platform-ie .tox-dialog-wrap{position:-ms-device-fixed}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}.tox .tox-dropzone-container{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{border-top:1px solid #ccc;display:flex;flex:1;-ms-flex-preferred-size:auto;overflow:hidden;position:relative}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;-ms-flex-preferred-size:auto;height:100%;position:absolute;width:100%}.tox.tox-inline-edit-area{border:1px dotted #ccc}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex}.tox .tox-color-input .tox-textfield{border-radius:3px 0 0 3px;display:flex}.tox .tox-color-input span{border-color:rgba(34,47,62,.2);border-radius:0 3px 3px 0;border-style:solid;border-width:1px 1px 1px 0;box-shadow:none;box-sizing:border-box;cursor:pointer;display:flex;width:35px}.tox .tox-color-input span:focus{border-color:#207ab7}.tox[dir=rtl] .tox-color-input .tox-textfield{border-radius:0 3px 3px 0}.tox[dir=rtl] .tox-color-input span{border-radius:3px 0 0 3px;border-width:1px 0 1px 1px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:normal;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-textarea{flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-selectfield select,.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-toolbar-textfield{border-width:0;margin-bottom:3px;margin-top:2px;max-width:250px}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;white-space:pre-wrap}.tox-fullscreen{border:0;height:100%;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100%}.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-fullscreen .tox.tox-tinymce.tox-fullscreen{z-index:1200}.tox-fullscreen .tox.tox-tinymce-aux{z-index:1201}.tox .tox-image-tools{width:100%}.tox .tox-image-tools__toolbar{align-items:center;display:flex;justify-content:center}.tox .tox-image-tools__image{background-color:#666;height:380px;overflow:auto;position:relative;width:100%}.tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top:8px}.tox .tox-image-tools__image-bg{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools__toolbar>.tox-spacer{flex:1;-ms-flex-preferred-size:auto}.tox .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left:8px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left:32px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right:8px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right:32px}.tox .tox-insert-table-picker{display:flex;flex-wrap:wrap;width:169px}.tox .tox-insert-table-picker>div{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;box-sizing:content-box;height:16px;width:16px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox .tox-menu{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;margin-bottom:-1px;padding:0 4px 0 4px}.tox .tox-mbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0 4px;text-transform:normal;width:auto}.tox .tox-mbtn[disabled]{background-color:none;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn--active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{background-color:#fffaea;border-color:#ffe89d;border-style:solid;border-width:1px;box-sizing:border-box;color:#222f3e;display:grid;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-top:5px;opacity:0;padding:5px;transition:transform .1s ease-in,opacity 150ms ease-in}.tox .tox-notification a{color:#207ab7;text-decoration:underline}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#dff0d8;border-color:#d6e9c6}.tox .tox-notification--success a{color:#486d2a}.tox .tox-notification--error{background-color:#f2dede;border-color:#ebccd1}.tox .tox-notification--error a{color:#843441}.tox .tox-notification--warn{background-color:#fcf8e3;border-color:#faebcc}.tox .tox-notification--info{background-color:#d9edf7;border-color:#779ecb}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;-ms-grid-column-span:1;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;-ms-grid-column-align:end;grid-column-end:2;-ms-grid-column-span:1;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;-ms-grid-column-align:end;grid-column-end:4;-ms-grid-column-span:1;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{-ms-grid-column-align:center;grid-column-end:4;-ms-grid-column-span:3;grid-column-start:1;grid-row-end:3;-ms-grid-row-span:1;grid-row-start:2;justify-self:center}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar{flex-wrap:nowrap}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;position:absolute;width:0}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#ccc transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #ccc transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #ccc transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #ccc;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;-ms-flex-preferred-size:0;min-height:0}.tox .tox-sidebar{background-color:#fff;border-top:1px solid #ccc;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-slider{align-items:center;display:flex;flex:1;-ms-flex-preferred-size:auto;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #ccc;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:nth-child(1){animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__text-container{display:flex;flex:1 1 auto;justify-content:flex-end;overflow:hidden}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);text-decoration:none}.tox .tox-statusbar a:focus,.tox .tox-statusbar a:hover,.tox .tox-statusbar__path-item:focus,.tox .tox-statusbar__path-item:hover,.tox .tox-statusbar__wordcount:focus,.tox .tox-statusbar__wordcount:hover{cursor:pointer;text-decoration:underline}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;cursor:nwse-resize;display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto;margin-right:-8px;padding-left:1ch}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,.7)}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox .tox-throbber{z-index:1400}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0;text-transform:normal;width:34px}.tox .tox-tbtn svg{display:block;fill:#222f3e}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#dee0e2;border:0;box-shadow:none}.tox .tox-tbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tbtn--select{margin:2px 0 3px 0;padding:0 4px;width:auto}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,.7)}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:2px 0 3px 0;overflow:hidden}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #dee0e2 inset}.tox .tox-split-button:focus{background:#dee0e2;box-shadow:none;color:#222f3e}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,.7)}.tox .tox-pop .tox-split-button__chevron svg{transform:rotate(-90deg)}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:0 0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;border-top:1px solid #ccc;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;margin-bottom:-1px;padding:0 0}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow{margin-left:4px}.tox[dir=rtl] .tox-tbtn__icon-rtl svg{transform:rotateY(180deg)}.tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow{margin-right:4px}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #ccc}.tox .tox-tooltip{display:inline-block;padding:8px;position:relative}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:3px;box-shadow:0 2px 4px rgba(34,47,62,.3);color:rgba(255,255,255,.75);font-size:14px;font-style:normal;font-weight:400;padding:4px 8px;text-transform:normal}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-well{border:1px solid #ccc;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #ccc;border-radius:3px;display:flex;height:525px}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-image-tools-edit-panel{height:60px}.tox .tox-image-tools__sidebar{height:60px}
 /*# sourceMappingURL=skin.min.css.map */
 

.leftnav-collapse {
	box-sizing: border-box;
}

.widget-container.margin {
	margin: 16px 0
}

.widget-container.shadow {
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12)
}

.widget-container.padding {
	padding: 16px
}

.f-text-nowrap {
	white-space: nowrap
}

.f-flex-2 {
	flex: 2!important;
	min-width: 0
}

.f-flex-order-1 {
	order: 1
}

.f-flex-order-2 {
	order: 2
}

.f-flex-order-3 {
	order: 3
}

.f-flex-order-4 {
	order: 4
}

.f-line-height-40px {
	line-height: 40px
}

.f-height-40px {
	height: 40px
}

.f-height-44px {
	height: 44px
}

.f-height-65px {
	height: 65px
}

.f-min-height-100 {
	min-height: 100%
}

.f-min-height-85vh {
	min-height: 85vh
}

.f-min-height-100vh {
	min-height: 100vh
}

.f-border-bottom-1px {
	border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
	padding-left: 250px!important;
	padding-right: 0!important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
	width: calc(100vw - 270px)!important
}

body.enable-left-nav .mainContainer {
	width: calc(100vw - 73px)!important
}

body .siteMainTable {
	padding-left: 54px!important;
	padding-right: 0!important
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
	min-width: 42px!important;
	padding: 12px 8px 12px 14px!important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
	width: auto!important;
	height: auto!important
}

fcsky-shared-section .widget-container div.f-page-header-title {
	font-family: Montserrat, sans-serif!important;
	letter-spacing: .86px
}

.f-textalign-center {
	text-align: center!important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
	background: rgba(97, 97, 97, .9)!important;
	max-width: 100%!important
}

.full-screen.leftnav-collapse,
.leftnav-collapse {
	width: 100%!important
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-white-bg {
	background: #fff
}

.f-box-sizing-border-box {
	box-sizing: border-box
}

.f-card-title mat-label,
.f-sub-heading .f-section-title {
	text-transform: none!important;
	color: #4a4a4a!important;
	font-size: 16px!important;
	line-height: 24px!important
}

.f-card-title mat-label {
	font-family: Montserrat, sans-serif!important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
	top: 85px!important
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
		margin-left: -1px
	}
}

.f-grid-col-3 {
	max-width: 25%
}

.f-grid-col-4 {
	max-width: 33.33%
}

.f-grid-col-6 {
	max-width: 50%
}

.f-grid-col-12 {
	max-width: 100%
}

.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
.f-people-card a:visited,
.f-playbook-card a:visited,
.f-playbooktemplates-card a:visited,
.f-resources-collection-card a:visited,
.f-resources-links-card a:visited,
fcsky-shared-metrics-card a:visited,
fcsky-shared-section a:visited {
	color: #0093ee!important
}

fcsky-shared-sticky-footer .f-sticky-footer-gt-xs,
fcsky-shared-sticky-footer .f-sticky-footer-lt-sm {
	z-index: 101!important
}

#footer,
#footer2 {
	z-index: 9999!important
}

.f-footer {
	white-space: nowrap
}

.cdk-virtual-scroll-viewport {
	background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
	background-color: unset
}

.f-padding-0 {
	padding: 0!important
}

.f-margin-left-16px {
	margin-left: 16px!important
}

.f-margin-left-right-16px {
	margin-left: -16px!important;
	margin-right: -16px!important
}

.f-margin-right-16px {
	margin-right: 16px!important
}

.cdk-overlay-backdrop,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-container,
.cdk-overlay-pane {
	z-index: 12000!important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
	z-index: 13000!important
}

.cdk-global-overlay-wrapper {
	z-index: 12000!important
}

.cdk-overlay-connected-position-bounding-box {
	z-index: 13000!important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
	padding: 16px!important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
	transform: translateY(37%)!important
}

 .full-screen {
	background: #f6f6f6!important;
	z-index: 10000!important;
	min-height: 100%;
	position: fixed!important;
	overflow: auto!important;
	height: 100%!important
}

@media screen and (max-width:767px) {
	.f-ui-breadcrumb {
		display: block!important
	}
	 .full-screen {
		padding-bottom: 0!important
	}
	body:not(.tox-force-desktop) .tox .tox-dialog {
		margin: auto!important
	}
	fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
		padding: 13px 16px!important
	}
	#siteMainDiv #siteMainTable {
		padding-left: 0!important;
		padding-right: 0!important
	}
	body #siteMainDiv .leftnav-collapse {
		width: 100vw!important
	}
	body #siteMainDiv.left-nav-pad-top {
		padding-top: 112px!important
	}
	#siteMainDiv .f-optimize-header {
		width: 100%!important;
		padding: 0 16px!important;
		box-sizing: border-box
	}
	body.enable-left-nav {
		overflow-x: auto
	}
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
	color: #0093ee!important
}

.mat-header-cell .mat-sort-header-button {
	font-family: Montserrat, sans-serif!important;
	font-weight: 700!important;
	color: #9b9b9b!important
}

.widget-container .f-table-header-cell div {
	font-family: Montserrat, sans-serif!important
}

.f-table mat-row {
	border-bottom: 1px solid rgba(0, 0, 0, .12)!important
}

.f-table mat-row.f-table-detail-row {
	margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
	color: #757575!important
}

.f-button span.mat-button-wrapper {
	justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
	height: 44px;
	font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
	font-family: Montserrat, sans-serif!important;
	color: #fff!important;
	line-height: 18px!important;
	font-weight: 600!important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
	font-family: Montserrat, sans-serif!important;
	line-height: 18px!important;
	text-align: center!important
}

.mat-button.f-stroked-button {
	padding: 7px 23px!important;
	height: 44px!important
}

.f-button-dropdown-trigger,
.mat-button.f-button.f-stroked-blue-button,
.mat-button.f-stroked-button {
	font-family: Montserrat, sans-serif!important;
	color: #0093ee!important;
	line-height: 18px!important;
	font-weight: 600!important
}

.f-button-dropdown-trigger {
	padding: 7px 23px!important;
	margin-right: 0!important
}

.f-button.f-disabled-button {
	line-height: 18px!important;
	color: #9b9b9b!important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
	min-height: 0
}

.mat-tab-label {
	height: 48px!important
}

mat-card.f-padding-0 {
	padding: 0!important
}

mat-card {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.mat-tab-label-container {
	border-bottom: 1px solid hsla(0, 0%, 60.8%, .5)
}

.f-count {
	background-color: #9b9b9b!important;
	font-family: Source Sans Pro, sans-serif!important;
	font-weight: 700;
	min-width: 10px;
	min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
	background-color: #0093ee!important;
	height: 2px!important
}

.mat-tab-label .mat-tab-label-content {
	color: rgba(0, 0, 0, .5);
	font-family: Montserrat, sans-serif!important;
	font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
	color: #0093ee!important;
	font-weight: 700!important
}

.f-width-100 {
	max-width: 100%!important;
	width: 100%;
	flex: 100%!important
}

.f-button-width-110px {
	width: 110px
}

.mat-list-base {
	padding-top: 0!important
}

.mat-list-item,
.mat-list-option {
	font-family: Source Sans Pro, sans-serif!important
}

.mat-list.f-list-item .icon {
	width: 24px;
	height: 24px;
	background: #0093ee;
	border-radius: 100%
}

.mat-list-item-content {
	color: #9b9b9b!important
}

.mat-list-item-content a {
	color: #0093ee!important
}

.f-timeline-record mat-icon.small {
	width: 20px!important;
	height: 20px!important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
	margin: 1px 8px 0 0!important;
	height: 44px!important;
	padding: 0 16px!important
}

.mat-chip.mat-standard-chip {
	color: #9b9b9b!important;
	background-color: hsla(0, 0%, 60.8%, .2)!important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
	color: #d0021b!important;
	background-color: #ffd7da!important
}

.mat-chip-list-wrapper .mat-chip {
	padding: 10px!important;
	font-size: 14px!important
}

.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-draft,
.f-raised-pending {
	width: auto!important;
	font-family: Source Sans Pro, sans-serif!important
}

.f-raised-archive,
.f-raised-archived {
	line-height: 22px;
	background-color: #9b9b9b;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: Source Sans Pro, sans-serif!important
}

.f-basic-archive,
.f-basic-archived {
	color: #9b9b9b
}

.f-raised-complete {
	background-color: #5da93f;
	line-height: 22px;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: Source Sans Pro, sans-serif!important
}

.f-basic-complete {
	color: #5da93f
}

.main-container .widget-container span {
	font-family: Source Sans Pro, sans-serif!important
}

.main-container span.mat-button-wrapper span {
	font-family: Montserrat, sans-serif!important;
	font-weight: 600!important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
	font-family: Montserrat, sans-serif!important
}

fcsky-shared-svg .blue,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.red,
span fcsky-shared-svg .mat-icon.orange {
	background-color: transparent!important;
	background: none!important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
	margin: 0 16px!important
}

fcsky-shared-avatar .mat-card-title {
	font-size: 14px!important
}

fcsky-shared-avatar .mat-card {
	padding: 0!important
}

fcsky-shared-avatar .mat-card:hover {
	box-shadow: none!important
}

.widget-container a,
.widget-container div {
	font-family: Source Sans Pro, sans-serif!important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
	display: inline-flex!important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
	padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
	padding-bottom: 100px
}

.mat-form-field {
	line-height: 1.8!important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
	padding-top: 0!important
}

.mat-form-field-label-wrapper .mat-form-field-label {
	margin-top: -1px!important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	margin-top: 16px!important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
	margin-top: -6px!important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
	padding-top: 5px!important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
	margin-top: 9px;
	padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
	margin-top: -3px!important
}

.mat-error,
.mat-hint {
	font-size: 12px!important
}

fcsky-shared-numeric-filter .mat-error,
fcsky-shared-numeric-filter .mat-hint {
	font-size: 10.5px!important
}

.slide-toggle-label {
	color: rgba(0, 0, 0, .54)!important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
	z-index: 400!important
}

fcsky-shared-map .mapHeight h6 {
	font-weight: 400!important;
	margin: 0 0 8px!important;
	line-height: 22px!important
}

fcsky-shared-map .mapHeight h6 a {
	font-family: Montserrat, sans-serif!important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
	font-size: 14px!important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
	font-size: 32px!important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
	border-right: 1px solid #979797!important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
	border-right: 0!important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
	border-bottom: 1px solid #979797!important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
	border-bottom: 0!important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
	flex: unset!important;
	border-right-color: #979797!important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-count,
fcsky-shared-metrics-card .widget-container div.f-metrics-title {
	font-family: Montserrat, sans-serif!important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
	text-transform: uppercase;
	font-family: Montserrat, sans-serif!important;
	font-size: 12px!important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:first-child {
	padding-left: 0!important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
	padding: 6px 0!important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
	margin: 0 0 0 6px!important
}

.mat-sort-header-pointer-middle,
.mat-sort-header-stem {
	margin: auto!important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
	height: 44px!important
}

fcsky-shared-filter fcsky-shared-label .f-label {
	margin-bottom: 8px!important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
	min-height: auto!important;
	height: auto!important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: .4375em 0!important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
	padding: 4px 0 0!important
}

.f-no-record {
	color: #4a4a4a!important;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-weight: 400
}

.f-loading-shade {
	background: none transparent!important
}

fcsky-shared-table .f-loading-shade {
	background: hsla(0, 0%, 100%, .6)!important
}

.taskDrawerformWidth {
	width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
	background: #fff!important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
	border-color: #ccc!important
}

fcsky-shared-activity-entry .f-activity-editor {
	margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
	min-height: 46px!important
}

fcsky-shared-activity-timeline-record .mat-divider {
	margin-bottom: 8px!important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
	fill: #757575!important
}

.f-height-54px {
	height: 54px
}

.f-height-36px {
	height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
	border-bottom: 1px solid hsla(0, 0%, 60.8%, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
	border-bottom: 0 solid hsla(0, 0%, 60.8%, .5)!important
}

html.cdk-global-scrollblock div#footer,
html.cdk-global-scrollblock div#footer2 {
	z-index: 1000!important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
	box-sizing: border-box
}

fc-page-loader .loader-hidden {
	display: none!important
}

.custom_help_text {
	color: rgba(0, 0, 0, .54);
	font-size: 12px;
	font-family: Source Sans Pro, sans-serif;
	margin-top: -31px;
	display: block;
	text-align: left;
	line-height: 18px
}

.notificationDrawerformWidth {
	width: 625px
}

.notificationDrawerformWidth .f-form-grid {
	margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
	margin-left: 0!important;
	margin-right: 0!important
}

.f-optimize-header {
	width: 100%!important;
	padding: 0 16px!important;
	box-sizing: border-box
}

body.enable-left-nav {
	overflow-x: hidden
}

html.cdk-global-scrollblock {
	overflow: hidden;
	position: static
}

.multi-input-button-width .f-button {
	min-width: auto!important
}

.multi-input-button-width .f-button .mat-button-wrapper {
	margin-right: -5px!important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
	height: auto!important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
	background-color: transparent!important;
	opacity: 1;
	height: 1px!important;
	border-bottom: 0!important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
	color: rgba(0, 0, 0, .87)!important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
	color: rgba(0, 0, 0, .54)!important
}

.f-slide-drawer-inner-container .f-loading-shade {
	position: absolute!important
}

.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-page-header-title,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-title {
	font-family: Montserrat, sans-serif!important;
	color: #757575
}

fcsky-shared-table .f-loading-shade {
	position: absolute!important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
	background-image: url("data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=");
	background-repeat: no-repeat;
	padding-left: 26px
}

.f-vertical-align-middle {
	vertical-align: middle
}

button.f-filter-show-hide-button {
	min-width: 42px!important
}

.mat-button.f-filter-show-hide-button {
	padding: 7px 0 7px 6px!important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: 3px 0 8px!important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
	align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
	margin-top: 5px!important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
	padding-right: 6px!important
}

.checkbox-middle-align {
	height: 100%;
	align-items: center;
	display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
	margin: 16px 0 16px 16px;
	padding-right: 0
}

.f-form-grid {
	position: relative
}

.f-form-grid .f-notetext {
	position: absolute;
	top: 0;
	padding-left: 24px;
	opacity: .64;
	font-size: 14px;
	font-weight: 400;
	background: url(https://ui.franconnectuat.net/2017/bullet.svg) no-repeat 0
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
	background: #0093ee!important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
	padding-top: 0!important;
	margin-top: 0!important
}

.fc-playbook-instance-overview .widget-container {
	margin-bottom: 0!important;
	padding-bottom: 0!important
}

@media only screen and (max-width:1370px) {
	body.enable-left-nav .mainContainer {
		width: calc(100vw - 72px)!important
	}
	body.enable-left-nav.open-msa-left-nav .mainContainer {
		width: calc(100vw - 268px)!important
	}
}

@media only screen and (max-width:767px) {
	body.enable-left-nav.open-msa-left-nav .siteMainTable {
		padding-left: 250px!important;
		padding-right: 0!important;
		overflow: hidden
	}
	body .leftnav-expand {
		width: calc(100vw - 270px)!important
	}
}

 table {
	width: 100%
}

 .mat-list.f-list-item .mat-list-item-content {
	color: rgba(0, 0, 0, .54)
}

 .mat-list.f-list-item .icon {
	width: 24px;
	height: 24px;
	background: #1dc6d4;
	border-radius: 100%
}

 .mat-list.f-list-item .icon .mat-icon {
	background-repeat: no-repeat;
	display: inline-block;
	fill: currentColor;
	height: 18px;
	width: 24px;
	font-size: 18px;
	color: #fff;
	margin: -1px 0 0 -1px
}

 .location-container {
	display: flex;
	flex-direction: column;
	max-height: 500px
}

 .td-ellipsis-link {
	display: block
}

 .td-ellipsis,
 .td-ellipsis-link {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0
}

 .mat-table td.td-ellipsis,
 table.mat-table td {
	min-width: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

 /* .mat-table {
	table-layout: fixed
} */

 .activitMatCard .f-timeline-record .mat-card {
	padding: 0!important
}

 .activitMatCard .f-timeline-record .mat-card:hover {
	box-shadow: none
}

 fcsky-shared-activity-timeline-filter .mat-tab-label-container {
	border-bottom: 1px solid hsla(0, 0%, 60.8%, .5)
}

 fcsky-shared-activity-timeline-filter .mat-tab-header,
 fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
	border-bottom: 0 solid hsla(0, 0%, 60.8%, .5)!important
}

.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none!important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-end,
.f-text-align-right {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	color: #d0021b;
	content: "* "
}

.f-mat-hint {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	text-align: left
}

.f-help-text {
	bottom: 18px;
	color: #757575;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	text-align: end;
	width: 100%
}

.f-mat-error {
	font-family: Montserrat, sans-serif;
	font-size: 75%;
	line-height: 1.125;
	margin-left: 0;
	text-align: left
}

.f-no-user-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: 700
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	align-content: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	text-align: right;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	color: #f44336;
	content: "*";
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-active,
.f-basic-approved,
.f-basic-archived,
.f-basic-chip,
.f-basic-high-priority,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-overdue,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-waiting {
	color: #757575;
	width: 100%
}

.f-raised-active,
.f-raised-approved,
.f-raised-archived,
.f-raised-chip,
.f-raised-high-priority,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-overdue,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-waiting {
	background-color: #757575;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset!important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: 400
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: 700
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: rgba(0, 0, 0, .54)
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-loading-shade {
	background: hsla(0, 0%, 100%, .6);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 56px;
	z-index: 101
}

.f-flex-center-center,
.f-loading-shade {
	align-items: center;
	display: flex;
	justify-content: center
}

.f-flex-center-center {
	width: 100%
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: 1px solid #ccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg)!important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-links-listing-button .f-button span span,
.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button.global-action .f-button-wrapper,
.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat, sans-serif
}

h1 {
	font-size: 64px;
	font-weight: 700;
	line-height: 80px
}

h2 {
	font-size: 48px;
	font-weight: 600;
	line-height: 72px
}

h3 {
	font-size: 36px;
	font-weight: 400;
	line-height: 60px
}

h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 46px
}

h5 {
	font-size: 22px;
	font-weight: 700;
	line-height: 42px
}

h6 {
	font-size: 16px;
	font-weight: 600;
	line-height: 36px
}

.f-page-header-title,
.f-section-title,
.f-title,
.f-title-wst {
	font-family: Montserrat, sans-serif
}

.f-section-title,
.f-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 26px
}

.f-title-wst {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-page-header-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px
}

.f-form-label,
label {
	font-family: Montserrat, sans-serif
}

.f-form-text,
.f-link-text,
.f-link-text-bold,
p {
	font-family: Source Sans Pro, sans-serif
}

.f-form-label,
label {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-form-text {
	font-size: 12px;
	font-weight: 400;
	line-height: 28px
}

.f-link-text,
a,
p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.f-link-text,
.f-link-text-bold,
a,
a:hover,
a:link {
	color: #0093ee
}

a:link {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.f-link-text-bold {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px
}

section {
	display: inline-block
}

body {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px
}

[_nghost-let-c675] {
	display: inline-block;
	width: 100%
}

.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary,
.f-sample-activity-editor-textarea .tox .tox-statusbar,
.f-sample-activity-editor-textarea .tox .tox-toolbar {
	border-top: 0
}

.f-sample-activity-editor-textarea .tox-tinymce {
	border: 0
}

.f-editor-inline-menu-container {
	min-height: 37px
}

.f-activity-entry-buttons-wrapper-xs {
	width: 100%
}

.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none!important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-end,
.f-text-align-right {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	color: #d0021b;
	content: "* "
}

.f-mat-hint {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	text-align: left
}

.f-help-text {
	bottom: 18px;
	color: #757575;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	text-align: end;
	width: 100%
}

.f-mat-error {
	font-family: Montserrat, sans-serif;
	font-size: 75%;
	line-height: 1.125;
	margin-left: 0;
	text-align: left
}

.f-no-user-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: 700
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	align-content: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	text-align: right;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	color: #f44336;
	content: "*";
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-active,
.f-basic-approved,
.f-basic-archived,
.f-basic-chip,
.f-basic-high-priority,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-overdue,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-waiting {
	color: #757575;
	width: 100%
}

.f-raised-active,
.f-raised-approved,
.f-raised-archived,
.f-raised-chip,
.f-raised-high-priority,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-overdue,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-waiting {
	background-color: #757575;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset!important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: 400
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: 700
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: rgba(0, 0, 0, .54)
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-loading-shade {
	background: hsla(0, 0%, 100%, .6);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 56px;
	z-index: 101
}

.f-flex-center-center,
.f-loading-shade {
	align-items: center;
	display: flex;
	justify-content: center
}

.f-flex-center-center {
	width: 100%
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: 1px solid #ccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg)!important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-links-listing-button .f-button span span,
.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button.global-action .f-button-wrapper,
.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

[_nghost-let-c677] {
	display: block;
	width: 100%
}

.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none!important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-end,
.f-text-align-right {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	color: #d0021b;
	content: "* "
}

.f-mat-hint {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	text-align: left
}

.f-help-text {
	bottom: 18px;
	color: #757575;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	text-align: end;
	width: 100%
}

.f-mat-error {
	font-family: Montserrat, sans-serif;
	font-size: 75%;
	line-height: 1.125;
	margin-left: 0;
	text-align: left
}

.f-no-user-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: 700
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	align-content: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	text-align: right;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	color: #f44336;
	content: "*";
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-active,
.f-basic-approved,
.f-basic-archived,
.f-basic-chip,
.f-basic-high-priority,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-overdue,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-waiting {
	color: #757575;
	width: 100%
}

.f-raised-active,
.f-raised-approved,
.f-raised-archived,
.f-raised-chip,
.f-raised-high-priority,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-overdue,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-waiting {
	background-color: #757575;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset!important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: 400
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: 700
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: rgba(0, 0, 0, .54)
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-loading-shade {
	background: hsla(0, 0%, 100%, .6);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 56px;
	z-index: 101
}

.f-flex-center-center,
.f-loading-shade {
	align-items: center;
	display: flex;
	justify-content: center
}

.f-flex-center-center {
	width: 100%
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: 1px solid #ccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg)!important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-links-listing-button .f-button span span,
.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button.global-action .f-button-wrapper,
.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

[_nghost-let-c674] {
	display: block;
	height: 100%
}

.mce-top-part {
	bottom: 0;
	position: absolute
}

.f-editor-container {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 0 8px;
	resize: vertical;
	z-index: 1
}

.f-editor-container editor {
	display: inline-block!important
}

.f-editor-container editor .mce-content-body {
	height: 100%
}

.f-editor-container-bottom-menu editor .tox-statusbar {
	display: none
}

.f-editor-container-bottom-menu editor .tox-editor-container {
	flex-flow: column-reverse
}

.f-editor-container-bottom-menu editor .tox-toolbar-overlord {
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc!important;
	z-index: 1
}

.tox.tox-tinymce.tox-tinymce-inline.tox-toolbar-dock-transition.tox-toolbar-dock-fadein {
	z-index: 2
}

.f-editor-container .mce-content-body {
	box-sizing: border-box;
	padding: 8px
}

.mce-content-body.mce-edit-focus {
	outline: none
}

.tox.tox-tinymce.tox-tinymce-inline {
	display: flex!important
}

.f-editor-inline-menu-container .tox.tox-silver-sink.tox-tinymce-aux {
	display: unset!important
}

.tox-autocompleter {
	border: 0;
	border-radius: 4px;
	box-shadow: 0 0 1px rgba(9, 30, 66, .31), 0 4px 8px -2px rgba(9, 30, 66, .25);
	max-height: 380px!important
}

.tox-autocompleter>.tox-menu.tox-collection.tox-collection--list {
	background: #fff;
	border: none;
	border-radius: 4px;
	padding: 0
}

.tox .tox-collection--list .tox-collection__group {
	border-radius: 4px;
	overflow: hidden auto;
	padding: 0!important
}

.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
	background-color: #ebecf0!important;
	color: #222f3e
}

.tox .tox-collection--list .tox-collection__item {
	min-height: 48px
}

.f-editor-inline-menu-container .tox-editor-container {
	background: transparent;
	border: none
}

.f-editor-inline-menu-container .tox-toolbar-overlord,
.f-editor-inline-menu-container .tox-toolbar-overlord .tox-toolbar {
	background: none!important;
	border: none
}

.f-editor-inline-menu-container .tox-editor-container,
.f-editor-inline-menu-container .tox-toolbar-overlord {
	min-height: 34px
}

.f-editor-inline-menu-container .tox-tinymce,
.f-editor-inline-menu-container .tox-toolbar-overlord .tox-toolbar>* {
	border: none!important
}

.f-editor-inline-menu-container .tox-editor-container .tox-toolbar .tox-toolbar__group>button {
	margin: 0 4px 0 0!important
}

.f-editor-inline-menu-container .tox-editor-container .tox-toolbar {
	background: transparent!important
}

.f-editor-inline-menu-container .tox-notifications-container {
	bottom: 0!important;
	left: 0!important;
	width: 500px
}

.mce-content-body [contentEditable=false][data-mce-selected] {
	outline: none!important
}

.f-editor-inline-menu-container .tox-pop .tox-pop__dialog .tox-toolbar .tox-toolbar__group {
	flex-wrap: unset
}

.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none!important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-end,
.f-text-align-right {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	color: #d0021b;
	content: "* "
}

.f-mat-hint {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	text-align: left
}

.f-help-text {
	bottom: 18px;
	color: #757575;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	text-align: end;
	width: 100%
}

.f-mat-error {
	font-family: Montserrat, sans-serif;
	font-size: 75%;
	line-height: 1.125;
	margin-left: 0;
	text-align: left
}

.f-no-user-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: 700
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	align-content: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	text-align: right;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	color: #f44336;
	content: "*";
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-active,
.f-basic-approved,
.f-basic-archived,
.f-basic-chip,
.f-basic-high-priority,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-overdue,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-waiting {
	color: #757575;
	width: 100%
}

.f-raised-active,
.f-raised-approved,
.f-raised-archived,
.f-raised-chip,
.f-raised-high-priority,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-overdue,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-waiting {
	background-color: #757575;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link,
.f-mention {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset!important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: 400
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: 700
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: rgba(0, 0, 0, .54)
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-loading-shade {
	background: hsla(0, 0%, 100%, .6);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 56px;
	z-index: 101
}

.f-flex-center-center,
.f-loading-shade {
	align-items: center;
	display: flex;
	justify-content: center
}

.f-flex-center-center {
	width: 100%
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: 1px solid #ccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg)!important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-links-listing-button .f-button span span,
.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button.global-action .f-button-wrapper,
.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat, sans-serif
}

h1 {
	font-size: 64px;
	font-weight: 700;
	line-height: 80px
}

h2 {
	font-size: 48px;
	font-weight: 600;
	line-height: 72px
}

h3 {
	font-size: 36px;
	font-weight: 400;
	line-height: 60px
}

h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 46px
}

h5 {
	font-size: 22px;
	font-weight: 700;
	line-height: 42px
}

h6 {
	font-size: 16px;
	font-weight: 600;
	line-height: 36px
}

.f-page-header-title,
.f-section-title,
.f-title,
.f-title-wst {
	font-family: Montserrat, sans-serif
}

.f-section-title,
.f-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 26px
}

.f-title-wst {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-page-header-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px
}

.f-form-label,
label {
	font-family: Montserrat, sans-serif
}

.f-form-text,
.f-link-text,
.f-link-text-bold,
p {
	font-family: Source Sans Pro, sans-serif
}

.f-form-label,
label {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-form-text {
	font-size: 12px;
	font-weight: 400;
	line-height: 28px
}

.f-link-text,
a,
p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.f-link-text,
.f-link-text-bold,
a,
a:hover,
a:link {
	color: #0093ee
}

a:link {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.f-link-text-bold {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px
}

section {
	display: inline-block
}

body {
	background: #f5f5f5;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px
}

.f-button {
	border: 1px solid;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	padding: 11px 23px;
	text-align: center;
	text-transform: uppercase
}

.f-button.f-flat-button {
	background-color: #0093ee;
	border-color: #0093ee;
	color: #fff
}

.f-button.f-stroked-button {
	background-color: #fafafa;
	border-color: #ccc;
	color: #0093ee
}

.f-button.f-stroked-blue-button {
	background-color: #fff;
	border-color: #e8effc;
	color: #0093ee
}

.f-button.f-disabled-button {
	background-color: #e6e6e6;
	border-color: hsla(0, 0%, 100%, .5);
	color: #9b9b9b
}

.f-button.f-warning-button {
	background-color: #d0021b;
	border-color: #d0021b;
	color: #fff
}

.f-button.f-basic-button {
	background-color: #fafafa;
	border-color: #ccc;
	color: #4a4a4a
}

.f-button.f-submit-button {
	background-color: #5da93f;
	border-color: #5da93f;
	color: #fff
}

.f-button.f-svg-button {
	padding-bottom: 8px;
	padding-top: 8px
}

.f-button.f-empty-button {
	background-color: transparent;
	border: none;
	color: rgba(0, 0, 0, .5)
}

.f-button:focus {
	outline: none
}

.f-alert-popup .mat-dialog-container {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	padding: 0
}

.f-activity-editor {
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	position: relative;
	width: 100%
}

.f-activity-editor:hover:before {
	background-color: hsla(0, 0%, 50.2%, .4)
}

.f-activity-editor .f-sample-activity-editor-header {
	width: 100%
}

.f-activity-editor .f-sample-activity-editor-textarea {
	color: #9b9b9b;
	font-family: Source Sans Pro, sans-serif!important;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: normal;
	width: 100%
}

.f-activity-editor .f-sample-activity-editor-footer {
	background-color: hsla(0, 0%, 60.8%, .05);
	color: #9b9b9b;
	min-height: 68px;
	padding: 24px;
	width: 100%
}

@media (max-width:1279px) {
	.f-activity-editor .f-sample-activity-editor-footer {
		padding: 16px
	}
}

@media (max-width:959px) {
	.f-activity-editor .f-sample-activity-editor-footer {
		padding: 8px
	}
}

.f-activity-editor .f-sample-activity-editor-footer-inline-editing {
	background-color: hsla(0, 0%, 60.8%, .05);
	color: #9b9b9b;
	min-height: 43px;
	padding: 4px 8px
}

@media (max-width:1279px) {
	.f-activity-editor .f-sample-activity-editor-footer-inline-editing {
		padding: 4px 8px
	}
}

@media (max-width:959px) {
	.f-activity-editor .f-sample-activity-editor-footer-inline-editing {
		padding: 2px 4px
	}
}

.f-mention-card-parent {
	cursor: pointer;
	display: block;
	min-height: 48px;
	z-index: 1
}

.f-mention-card-parent .f-mention-card {
	align-content: center;
	align-items: center;
	display: flex;
	flex-flow: row nowrap;
	height: 100%;
	justify-content: flex-start;
	min-height: 48px;
	width: 100%
}

.f-mention-card-parent .f-mention-card>.f-mention-avatar {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	align-content: center;
	align-items: center;
	background-color: #26c1c9;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-family: Montserrat, sans-serif;
	font-weight: 800;
	height: 32px;
	justify-content: center;
	margin: 0 8px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	user-select: none;
	width: 32px
}

.f-mention-card-parent .f-mention-card>.f-mention-avatar>img {
	height: auto;
	width: 32px
}

.f-mention-card-parent .f-mention-card>.f-mention-name {
	overflow: hidden;
	text-overflow: ellipsis
}

.rte-autocomplete>li.loading {
	background: url(/assets/icons/dots-loader.gif) 50% no-repeat;
	background-size: auto 48px;
	height: 20px;
	width: 100%
}

.rte-autocomplete>li>div {
	height: 100%;
	width: 100%
}

.rte-autocomplete:focus>div,
.rte-autocomplete:hover>div,
.rte-autocomplete>li>div:focus,
.rte-autocomplete>li>div:hover {
	background-color: rgba(235, 236, 240, .5);
	text-decoration: none
}

.rte-autocomplete>.active>div,
.rte-autocomplete>.active>div:focus,
.rte-autocomplete>.active>div:hover {
	background-color: #ebecf0;
	outline: 0;
	text-decoration: none
}

.rte-autocomplete {
	background-clip: padding-box;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	display: block;
	float: left;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	left: 0;
	list-style: none;
	margin: 2px 0 0;
	max-height: 380px;
	min-width: 160px;
	overflow-y: auto;
	padding: 5px 0;
	position: absolute;
	top: 0;
	width: 220px;
	z-index: 1022
}

.f-editor-container .mce-content-body {
	z-index: 0
}

.f-editor-container .mce-content-body,
.f-editor-container .tox.tox-edit-area__iframe * {
	font-family: Source Sans Pro, sans-serif!important
}

.f-timeline-record {
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	color: rgba(0, 0, 0, .5);
	margin: 16px 0 16px 104px;
	min-width: 170px;
	padding: 16px;
	position: relative
}

@media (max-width:959px) {
	.f-timeline-record {
		margin: 16px 0 16px 52px;
		padding: 8px
	}
}

.f-task-type {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	background-color: #26c1c9;
	border-radius: 50%;
	color: #fff;
	height: 32px;
	left: -69px;
	overflow: hidden;
	position: absolute;
	top: calc(50% - 16px);
	user-select: none;
	width: 32px
}

@media (max-width:959px) {
	.f-task-type {
		left: -50px;
		top: calc(50% - 16px)
	}
}

.f-task-type mat-icon {
	color: #fff;
	font-size: 18px
}

.f-timeline-absolute-before,
.f-timeline-first-element:before,
.f-timeline-last-element:before,
.f-timeline-middle-element:before,
.f-timeline-single-element:before {
	bottom: calc(50% + 32px);
	content: "";
	left: -54px;
	position: absolute;
	top: -16px;
	width: 2px
}

@media (max-width:959px) {
	.f-timeline-absolute-before,
	.f-timeline-first-element:before,
	.f-timeline-last-element:before,
	.f-timeline-middle-element:before,
	.f-timeline-single-element:before {
		left: -35px
	}
}

.f-timeline-absolute-after,
.f-timeline-first-element:after,
.f-timeline-last-element:after,
.f-timeline-middle-element:after,
.f-timeline-single-element:after {
	bottom: -16px;
	content: "";
	left: -54px;
	position: absolute;
	top: calc(50% + 32px);
	width: 2px
}

@media (max-width:959px) {
	.f-timeline-absolute-after,
	.f-timeline-first-element:after,
	.f-timeline-last-element:after,
	.f-timeline-middle-element:after,
	.f-timeline-single-element:after {
		left: -35px
	}
}

.f-timeline-first-element:before {
	background-image: linear-gradient(0deg, #b5b5b5, hsla(0, 0%, 71%, 0))
}

.f-timeline-first-element:after,
.f-timeline-last-element:before,
.f-timeline-middle-element:after,
.f-timeline-middle-element:before {
	background-color: #b5b5b5
}

.f-timeline-last-element:after {
	background-image: linear-gradient(180deg, #b5b5b5, hsla(0, 0%, 71%, 0))
}

.f-timeline-single-element:before {
	background-image: linear-gradient(0deg, #b5b5b5, hsla(0, 0%, 71%, 0))
}

.f-timeline-single-element:after {
	background-image: linear-gradient(180deg, #b5b5b5, hsla(0, 0%, 71%, 0))
}

.f-editor-inline-wrapper {
	position: relative;
	width: calc(100% - 104px)
}

@media (max-width:959px) {
	.f-editor-inline-wrapper {
		width: calc(100% - 52px)
	}
}

.f-editor-inline-editing-width {
	margin: 16px 0 16px 104px
}

@media (max-width:959px) {
	.f-editor-inline-editing-width {
		margin: 16px 0 16px 52px
	}
}

.f-editor-inline-editing-styles,
.f-timeline-spinner-removed-record {
	width: 100%
}

.f-mention {
	background-color: rgba(74, 144, 226, .1);
	border-radius: 16px;
	cursor: default;
	display: inline;
	padding: 0 4px;
	word-break: break-word
}

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

.f-img-responsive-rounded-corners {
	border-radius: 4px;
	height: auto;
	max-width: 100%
}

.f-img-responsive-centered,
.f-img-responsive-centered-rounded-corners {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%
}

.f-img-responsive-centered-rounded-corners {
	border-radius: 4px
}

.f-custom-mat-snack-bar-container {
	background: #fff!important;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)!important;
	color: hsla(0, 0%, 100%, .7)!important
}

.f-custom-mat-snack-bar {
	background: #fff;
	color: #000;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px
}

.f-option-focused {
	background: #e1ebf5;
	color: rgba(0, 0, 0, .87)
}

.f-options-group-not-focused {
	background: hsla(0, 0%, 84.7%, .5)
}

.f-options-group-focused,
.f-options-sub-group-focused {
	background: #e1ebf5
}

.f-gantt-main-container {
	background-color: #fff;
	height: 100%;
	width: 100%
}

.f-gantt-main-container .f-gantt-chart-table-parent {
	align-items: center;
	color: #757575;
	display: flex;
	fill: #757575;
	flex-flow: row nowrap;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	justify-content: space-between;
	width: 100%
}

.f-gantt-header-container {
	background-color: #fff;
	width: 100%
}

.f-gantt-timeline-all-days,
.f-gantt-timeline-current-day,
.f-gantt-timeline-odd-days {
	padding-top: 4px
}

.f-gantt-timeline-odd-days {
	background-color: hsla(0, 0%, 96.1%, .4);
	position: relative
}

.f-gantt-timeline-current-day {
	background-color: rgba(80, 227, 194, .2)
}

.f-gantt-grid-custom-header {
	align-content: center;
	align-items: center;
	color: #3ca4f1;
	display: flex;
	font-weight: 700;
	height: 100%;
	width: 100%
}

.f-gantt-grid-custom-header .f-gantt-hide-grid {
	align-items: center;
	cursor: pointer;
	display: flex;
	justify-content: center
}

.f-gantt-justify-content-space-between {
	justify-content: space-between
}

.f-gantt-justify-content-center {
	justify-content: center
}

.f-status-sub-wrapper {
	border-radius: 50%;
	height: 16px;
	width: 16px
}

.f-gantt-status {
	color: hsla(0, 0%, 60.8%, .75);
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.71
}

.f-gantt-open-closed-icon {
	border-radius: 50%;
	color: grey;
	cursor: pointer
}

.f-gantt-open-closed-icon:hover {
	background-color: rgba(173, 216, 230, .5)
}

.f-gantt-grid-indent {
	float: left;
	height: 100%;
	width: 10px
}

.f-gantt-timeline-day-style {
	display: block;
	height: 100%;
	padding-top: 4px;
	width: 100%
}

.f-gantt-z-index-1 {
	z-index: 1
}

.f-gantt-text-color-white {
	color: #fff
}

.f-gantt-marker-today {
	background-color: rgba(78, 227, 61, .96)!important
}

.f-spinner-semi-transparent-background {
	background: hsla(0, 0%, 100%, .6)
}

.f-spinner-solid-background {
	background: #fff
}

.f-gantt-tooltip-wrapper {
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px
}

.f-gantt-marker-today {
	background-color: rgba(78, 227, 61, .96)
}

[_nghost-let-c676] {
	display: block;
	width: 100%
}

.f-timeline-time-group {
	color: #000;
	display: inline-block;
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .57px;
	line-height: normal;
	margin: 32px 0 24px 4px;
	min-width: 104px;
	text-align: center
}

@media (max-width:959px) {
	.f-timeline-time-group {
		margin: 16px 0 8px;
		min-width: 52px
	}
}

.f-timeline-time-group-not-first {
	position: relative
}

.f-timeline-time-group-not-first:before {
	background-color: #b5b5b5;
	bottom: 0;
	content: "";
	left: -54px;
	position: absolute;
	top: 0;
	width: 2px
}

@media (max-width:959px) {
	.f-timeline-time-group-not-first:before {
		left: -35px
	}
}

.f-timeline-date {
	color: #9b9b9b;
	margin-left: 104px
}

@media (max-width:959px) {
	.f-timeline-date {
		margin-left: 52px
	}
}

.f-timeline-end-of-activity,
.f-timeline-no-records {
	color: #9b9b9b;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: normal;
	min-height: 42px;
	text-align: center
}

.f-timeline-loading-box {
	min-height: 138px
}

@media (max-width:600px) {
	.f-timeline-loading-box {
		min-height: 90px
	}
}

@media (max-width:600px) {
	.f-button-custom-width {
		width: 100%
	}
}

[_nghost-let-c600] {
	display: block
}

.xs-small {
	height: 14px !important;
	width: 14px !important
}

.small {
	height: 16px !important;
	width: 16px !important
}

.small-medium {
	height: 21px !important;
	width: 21px !important
}

.medium {
	height: 24px !important;
	width: 24px !important
}

.medium-large {
	height: 32px !important;
	width: 32px !important
}

.large {
	height: 48px !important;
	width: 48px !important
}

.xl-large {
	height: 96px !important;
	width: 96px !important
}

.xxl-large {
	height: 120px !important;
	width: 120px !important
}

.xxxl-large {
	height: 144px !important;
	width: 144px !important
}

.xxxxl-large {
	height: 192px !important;
	width: 192px !important
}

.inherit {
	color: inherit;
	fill: currentColor
}

.grey {
	fill: #757575 !important
}

.dark-grey {
	fill: #4a4a4a
}

.lighter-grey8 {
	fill: #838383
}

.green {
	fill: #42c379
}

.red {
	fill: #ea5454
}

.lighter-grey {
	fill: #9b9b9b
}

.lighter-grey-10 {
	fill: #d8d8d8
}

.active {
	fill: #0093ee
}

mat-icon {
	display: flex
}

.attachment-size {
	height: 27px;
	width: 24px
}

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

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

[_nghost-let-c582] {
	display: block;
}

.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none!important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-end,
.f-text-align-right {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	color: #d0021b;
	content: "* "
}

.f-mat-hint {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	text-align: left
}

.f-help-text {
	bottom: 18px;
	color: #757575;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	text-align: end;
	width: 100%
}

.f-mat-error {
	font-family: Montserrat, sans-serif;
	font-size: 75%;
	line-height: 1.125;
	margin-left: 0;
	text-align: left
}

.f-no-user-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: 700
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	align-content: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	text-align: right;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	color: #f44336;
	content: "*";
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-active,
.f-basic-approved,
.f-basic-archived,
.f-basic-chip,
.f-basic-high-priority,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-overdue,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-waiting {
	color: #757575;
	width: 100%
}

.f-raised-active,
.f-raised-approved,
.f-raised-archived,
.f-raised-chip,
.f-raised-high-priority,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-overdue,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-waiting {
	background-color: #757575;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset!important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: 400
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: 700
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: rgba(0, 0, 0, .54)
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-loading-shade {
	background: hsla(0, 0%, 100%, .6);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 56px;
	z-index: 101
}

.f-flex-center-center,
.f-loading-shade {
	align-items: center;
	display: flex;
	justify-content: center
}

.f-flex-center-center {
	width: 100%
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: 1px solid #ccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg)!important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-links-listing-button .f-button span span,
.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button.global-action .f-button-wrapper,
.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

[_nghost-let-c672] {
	display: block;
	max-width: 100%;
	width: 100%
}

.f-activity-timeline-filter .mat-tab-body {
	height: 0
}

.mat-tab-label {
	text-transform: uppercase
}

.f-activity-timeline-filter .mat-tab-label.mat-tab-label-active {
	color: #0093ee;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.71;
	text-align: center
}

.f-activity-timeline-filter .mat-tab-label {
	min-width: 120px;
	opacity: 1
}

.f-activity-timeline-filter .mat-tab-label-container {
	z-index: auto!important
}

.f-activity-timeline-filter .mat-tab-label:not(.mat-tab-label-active) {
	color: #7f7f7f;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.71;
	text-align: center
}

.mat-tab-group {
	display: flex;
	flex-direction: column
}

.mat-tab-group.mat-tab-group-inverted-header {
	flex-direction: column-reverse
}

.mat-tab-label {
	height: 48px;
	padding: 0 24px;
	cursor: pointer;
	box-sizing: border-box;
	opacity: .6;
	min-width: 160px;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	position: relative
}

.mat-tab-label:focus {
	outline: none
}

.mat-tab-label:focus:not(.mat-tab-disabled) {
	opacity: 1
}

.cdk-high-contrast-active .mat-tab-label:focus {
	outline: dotted 2px;
	outline-offset: -2px
}

.mat-tab-label.mat-tab-disabled {
	cursor: default
}

.cdk-high-contrast-active .mat-tab-label.mat-tab-disabled {
	opacity: .5
}

.mat-tab-label .mat-tab-label-content {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap
}

.cdk-high-contrast-active .mat-tab-label {
	opacity: 1
}

@media(max-width: 599px) {
	.mat-tab-label {
		padding: 0 12px
	}
}

@media(max-width: 959px) {
	.mat-tab-label {
		padding: 0 12px
	}
}

.mat-tab-group[mat-stretch-tabs]>.mat-tab-header .mat-tab-label {
	flex-basis: 0;
	flex-grow: 1
}

.mat-tab-body-wrapper {
	position: relative;
	overflow: hidden;
	display: flex;
	transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

._mat-animation-noopable.mat-tab-body-wrapper {
	transition: none;
	animation: none
}

.mat-tab-body {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	flex-basis: 100%
}

.mat-tab-body.mat-tab-body-active {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1;
	flex-grow: 1
}

.mat-tab-group.mat-tab-group-dynamic-height .mat-tab-body.mat-tab-body-active {
	overflow-y: hidden
}

.mat-tab-header {
	display: flex;
	overflow: hidden;
	position: relative;
	flex-shrink: 0
}

.mat-tab-header-pagination {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	display: none;
	justify-content: center;
	align-items: center;
	min-width: 32px;
	cursor: pointer;
	z-index: 2;
	-webkit-tap-highlight-color: transparent;
	touch-action: none
}

.mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
	display: flex
}

.mat-tab-header-pagination-before,
.mat-tab-header-rtl .mat-tab-header-pagination-after {
	padding-left: 4px
}

.mat-tab-header-pagination-before .mat-tab-header-pagination-chevron,
.mat-tab-header-rtl .mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
	transform: rotate(-135deg)
}

.mat-tab-header-rtl .mat-tab-header-pagination-before,
.mat-tab-header-pagination-after {
	padding-right: 4px
}

.mat-tab-header-rtl .mat-tab-header-pagination-before .mat-tab-header-pagination-chevron,
.mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
	transform: rotate(45deg)
}

.mat-tab-header-pagination-chevron {
	border-style: solid;
	border-width: 2px 2px 0 0;
	content: "";
	height: 8px;
	width: 8px
}

.mat-tab-header-pagination-disabled {
	box-shadow: none;
	cursor: default
}

.mat-tab-list {
	flex-grow: 1;
	position: relative;
	transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

.mat-ink-bar {
	position: absolute;
	bottom: 0;
	height: 2px;
	transition: 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

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

.mat-tab-group-inverted-header .mat-ink-bar {
	bottom: auto;
	top: 0
}

.cdk-high-contrast-active .mat-ink-bar {
	outline: solid 2px;
	height: 0
}

.mat-tab-labels {
	display: flex
}

[mat-align-tabs=center]>.mat-tab-header .mat-tab-labels {
	justify-content: center
}

[mat-align-tabs=end]>.mat-tab-header .mat-tab-labels {
	justify-content: flex-end
}

.mat-tab-label-container {
	display: flex;
	flex-grow: 1;
	overflow: hidden;
	z-index: 1
}

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

.mat-tab-label {
	height: 48px;
	padding: 0 24px;
	cursor: pointer;
	box-sizing: border-box;
	opacity: .6;
	min-width: 160px;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	position: relative
}

.mat-tab-label:focus {
	outline: none
}

.mat-tab-label:focus:not(.mat-tab-disabled) {
	opacity: 1
}

.cdk-high-contrast-active .mat-tab-label:focus {
	outline: dotted 2px;
	outline-offset: -2px
}

.mat-tab-label.mat-tab-disabled {
	cursor: default
}

.cdk-high-contrast-active .mat-tab-label.mat-tab-disabled {
	opacity: .5
}

.mat-tab-label .mat-tab-label-content {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap
}

.cdk-high-contrast-active .mat-tab-label {
	opacity: 1
}

@media(max-width: 599px) {
	.mat-tab-label {
		min-width: 72px
	}
}

.mat-tab-body-content {
	height: 100%;
	overflow: auto
}

.mat-tab-group-dynamic-height .mat-tab-body-content {
	overflow: hidden
}

@keyframes mat-progress-spinner-stroke-rotate-30 {
	0% {
		stroke-dashoffset: 59.690260418206066;
		transform: rotate(0);
	}
	12.5% {
		stroke-dashoffset: 12.566370614359172;
		transform: rotate(0);
	}
	12.5001% {
		stroke-dashoffset: 12.566370614359172;
		transform: rotateX(180deg) rotate(72.5deg);
	}
	25% {
		stroke-dashoffset: 59.690260418206066;
		transform: rotateX(180deg) rotate(72.5deg);
	}
	25.0001% {
		stroke-dashoffset: 59.690260418206066;
		transform: rotate(270deg);
	}
	37.5% {
		stroke-dashoffset: 12.566370614359172;
		transform: rotate(270deg);
	}
	37.5001% {
		stroke-dashoffset: 12.566370614359172;
		transform: rotateX(180deg) rotate(161.5deg);
	}
	50% {
		stroke-dashoffset: 59.690260418206066;
		transform: rotateX(180deg) rotate(161.5deg);
	}
	50.0001% {
		stroke-dashoffset: 59.690260418206066;
		transform: rotate(180deg);
	}
	62.5% {
		stroke-dashoffset: 12.566370614359172;
		transform: rotate(180deg);
	}
	62.5001% {
		stroke-dashoffset: 12.566370614359172;
		transform: rotateX(180deg) rotate(251.5deg);
	}
	75% {
		stroke-dashoffset: 59.690260418206066;
		transform: rotateX(180deg) rotate(251.5deg);
	}
	75.0001% {
		stroke-dashoffset: 59.690260418206066;
		transform: rotate(90deg);
	}
	87.5% {
		stroke-dashoffset: 12.566370614359172;
		transform: rotate(90deg);
	}
	87.5001% {
		stroke-dashoffset: 12.566370614359172;
		transform: rotateX(180deg) rotate(341.5deg);
	}
	100% {
		stroke-dashoffset: 59.690260418206066;
		transform: rotateX(180deg) rotate(341.5deg);
	}
}


.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none!important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-end,
.f-text-align-right {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	color: #d0021b;
	content: "* "
}

.f-mat-hint {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	text-align: left
}

.f-help-text {
	bottom: 18px;
	color: #757575;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	text-align: end;
	width: 100%
}

.f-mat-error {
	font-family: Montserrat, sans-serif;
	font-size: 75%;
	line-height: 1.125;
	margin-left: 0;
	text-align: left
}

.f-no-user-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: 700
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	align-content: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	text-align: right;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	color: #f44336;
	content: "*";
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-active,
.f-basic-approved,
.f-basic-archived,
.f-basic-chip,
.f-basic-high-priority,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-overdue,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-waiting {
	color: #757575;
	width: 100%
}

.f-raised-active,
.f-raised-approved,
.f-raised-archived,
.f-raised-chip,
.f-raised-high-priority,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-overdue,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-waiting {
	background-color: #757575;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link,
.f-mention {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset!important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: 400
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: 700
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: rgba(0, 0, 0, .54)
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-loading-shade {
	background: hsla(0, 0%, 100%, .6);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 56px;
	z-index: 101
}

.f-flex-center-center,
.f-loading-shade {
	align-items: center;
	display: flex;
	justify-content: center
}

.f-flex-center-center {
	width: 100%
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: 1px solid #ccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg)!important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-links-listing-button .f-button span span,
.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button.global-action .f-button-wrapper,
.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat, sans-serif
}

h1 {
	font-size: 64px;
	font-weight: 700;
	line-height: 80px
}

h2 {
	font-size: 48px;
	font-weight: 600;
	line-height: 72px
}

h3 {
	font-size: 36px;
	font-weight: 400;
	line-height: 60px
}

h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 46px
}

h5 {
	font-size: 22px;
	font-weight: 700;
	line-height: 42px
}

h6 {
	font-size: 16px;
	font-weight: 600;
	line-height: 36px
}

.f-page-header-title,
.f-section-title,
.f-title,
.f-title-wst {
	font-family: Montserrat, sans-serif
}

.f-section-title,
.f-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 26px
}

.f-title-wst {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-page-header-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px
}

.f-form-label,
label {
	font-family: Montserrat, sans-serif
}

.f-entry-is-link,
.f-form-text,
.f-link-text,
.f-link-text-bold,
p {
	font-family: Source Sans Pro, sans-serif
}

.f-form-label,
label {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-form-text {
	font-size: 12px;
	font-weight: 400;
	line-height: 28px
}

.f-entry-is-link,
.f-link-text,
a,
p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.f-entry-is-link,
.f-link-text,
.f-link-text-bold,
a,
a:hover,
a:link {
	color: #0093ee
}

a:link {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.f-link-text-bold {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px
}

section {
	display: inline-block
}

body {
	background: #f5f5f5;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px
}

.f-button {
	border: 1px solid;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	padding: 11px 23px;
	text-align: center;
	text-transform: uppercase
}

.f-button.f-flat-button {
	background-color: #0093ee;
	border-color: #0093ee;
	color: #fff
}

.f-button.f-stroked-button {
	background-color: #fafafa;
	border-color: #ccc;
	color: #0093ee
}

.f-button.f-stroked-blue-button {
	background-color: #fff;
	border-color: #e8effc;
	color: #0093ee
}

.f-button.f-disabled-button {
	background-color: #e6e6e6;
	border-color: hsla(0, 0%, 100%, .5);
	color: #9b9b9b
}

.f-button.f-warning-button {
	background-color: #d0021b;
	border-color: #d0021b;
	color: #fff
}

.f-button.f-basic-button {
	background-color: #fafafa;
	border-color: #ccc;
	color: #4a4a4a
}

.f-button.f-submit-button {
	background-color: #5da93f;
	border-color: #5da93f;
	color: #fff
}

.f-button.f-svg-button {
	padding-bottom: 8px;
	padding-top: 8px
}

.f-button.f-empty-button {
	background-color: transparent;
	border: none;
	color: rgba(0, 0, 0, .5)
}

.f-button:focus {
	outline: none
}

.f-alert-popup .mat-dialog-container {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	padding: 0
}

.f-activity-editor {
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	position: relative;
	width: 100%
}

.f-activity-editor:hover:before {
	background-color: hsla(0, 0%, 50.2%, .4)
}

.f-activity-editor .f-sample-activity-editor-header {
	width: 100%
}

.f-activity-editor .f-sample-activity-editor-textarea {
	color: #9b9b9b;
	font-family: Source Sans Pro, sans-serif!important;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: normal;
	width: 100%
}

.f-activity-editor .f-sample-activity-editor-footer {
	background-color: hsla(0, 0%, 60.8%, .05);
	color: #9b9b9b;
	min-height: 68px;
	padding: 24px;
	width: 100%
}

@media (max-width:1279px) {
	.f-activity-editor .f-sample-activity-editor-footer {
		padding: 16px
	}
}

@media (max-width:959px) {
	.f-activity-editor .f-sample-activity-editor-footer {
		padding: 8px
	}
}

.f-activity-editor .f-sample-activity-editor-footer-inline-editing {
	background-color: hsla(0, 0%, 60.8%, .05);
	color: #9b9b9b;
	min-height: 43px;
	padding: 4px 8px
}

@media (max-width:1279px) {
	.f-activity-editor .f-sample-activity-editor-footer-inline-editing {
		padding: 4px 8px
	}
}

@media (max-width:959px) {
	.f-activity-editor .f-sample-activity-editor-footer-inline-editing {
		padding: 2px 4px
	}
}

.f-mention-card-parent {
	cursor: pointer;
	display: block;
	min-height: 48px;
	z-index: 1
}

.f-mention-card-parent .f-mention-card {
	align-content: center;
	align-items: center;
	display: flex;
	flex-flow: row nowrap;
	height: 100%;
	justify-content: flex-start;
	min-height: 48px;
	width: 100%
}

.f-mention-card-parent .f-mention-card>.f-mention-avatar {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	align-content: center;
	align-items: center;
	background-color: #26c1c9;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-family: Montserrat, sans-serif;
	font-weight: 800;
	height: 32px;
	justify-content: center;
	margin: 0 8px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	user-select: none;
	width: 32px
}

.f-mention-card-parent .f-mention-card>.f-mention-avatar>img {
	height: auto;
	width: 32px
}

.f-mention-card-parent .f-mention-card>.f-mention-name {
	overflow: hidden;
	text-overflow: ellipsis
}

.rte-autocomplete>li.loading {
	background: url(/assets/icons/dots-loader.gif) 50% no-repeat;
	background-size: auto 48px;
	height: 20px;
	width: 100%
}

.rte-autocomplete>li>div {
	height: 100%;
	width: 100%
}

.rte-autocomplete:focus>div,
.rte-autocomplete:hover>div,
.rte-autocomplete>li>div:focus,
.rte-autocomplete>li>div:hover {
	background-color: rgba(235, 236, 240, .5);
	text-decoration: none
}

.rte-autocomplete>.active>div,
.rte-autocomplete>.active>div:focus,
.rte-autocomplete>.active>div:hover {
	background-color: #ebecf0;
	outline: 0;
	text-decoration: none
}

.rte-autocomplete {
	background-clip: padding-box;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	display: block;
	float: left;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	left: 0;
	list-style: none;
	margin: 2px 0 0;
	max-height: 380px;
	min-width: 160px;
	overflow-y: auto;
	padding: 5px 0;
	position: absolute;
	top: 0;
	width: 220px;
	z-index: 1022
}

.f-editor-container .mce-content-body {
	z-index: 0
}

.f-editor-container .mce-content-body,
.f-editor-container .tox.tox-edit-area__iframe * {
	font-family: Source Sans Pro, sans-serif!important
}

.f-timeline-record {
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	color: rgba(0, 0, 0, .5);
	margin: 16px 0 16px 104px;
	min-width: 170px;
	padding: 16px;
	position: relative
}

@media (max-width:959px) {
	.f-timeline-record {
		margin: 16px 0 16px 52px;
		padding: 8px
	}
}

.f-task-type {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	background-color: #26c1c9;
	border-radius: 50%;
	color: #fff;
	height: 32px;
	left: -69px;
	overflow: hidden;
	position: absolute;
	top: calc(50% - 16px);
	user-select: none;
	width: 32px
}

@media (max-width:959px) {
	.f-task-type {
		left: -50px;
		top: calc(50% - 16px)
	}
}

.f-task-type mat-icon {
	color: #fff;
	font-size: 18px
}

.f-timeline-absolute-before,
.f-timeline-first-element:before,
.f-timeline-last-element:before,
.f-timeline-middle-element:before,
.f-timeline-single-element:before {
	bottom: calc(50% + 32px);
	content: "";
	left: -54px;
	position: absolute;
	top: -16px;
	width: 2px
}

@media (max-width:959px) {
	.f-timeline-absolute-before,
	.f-timeline-first-element:before,
	.f-timeline-last-element:before,
	.f-timeline-middle-element:before,
	.f-timeline-single-element:before {
		left: -35px
	}
}

.f-timeline-absolute-after,
.f-timeline-first-element:after,
.f-timeline-last-element:after,
.f-timeline-middle-element:after,
.f-timeline-single-element:after {
	bottom: -16px;
	content: "";
	left: -54px;
	position: absolute;
	top: calc(50% + 32px);
	width: 2px
}

@media (max-width:959px) {
	.f-timeline-absolute-after,
	.f-timeline-first-element:after,
	.f-timeline-last-element:after,
	.f-timeline-middle-element:after,
	.f-timeline-single-element:after {
		left: -35px
	}
}

.f-timeline-first-element:before {
	background-image: linear-gradient(0deg, #b5b5b5, hsla(0, 0%, 71%, 0))
}

.f-timeline-first-element:after,
.f-timeline-last-element:before,
.f-timeline-middle-element:after,
.f-timeline-middle-element:before {
	background-color: #b5b5b5
}

.f-timeline-last-element:after {
	background-image: linear-gradient(180deg, #b5b5b5, hsla(0, 0%, 71%, 0))
}

.f-timeline-single-element:before {
	background-image: linear-gradient(0deg, #b5b5b5, hsla(0, 0%, 71%, 0))
}

.f-timeline-single-element:after {
	background-image: linear-gradient(180deg, #b5b5b5, hsla(0, 0%, 71%, 0))
}

.f-editor-inline-wrapper {
	position: relative;
	width: calc(100% - 104px)
}

@media (max-width:959px) {
	.f-editor-inline-wrapper {
		width: calc(100% - 52px)
	}
}

.f-editor-inline-editing-width {
	margin: 16px 0 16px 104px
}

@media (max-width:959px) {
	.f-editor-inline-editing-width {
		margin: 16px 0 16px 52px
	}
}

.f-editor-inline-editing-styles,
.f-timeline-spinner-removed-record {
	width: 100%
}

.f-mention {
	background-color: rgba(74, 144, 226, .1);
	border-radius: 16px;
	cursor: default;
	display: inline;
	padding: 0 4px;
	word-break: break-word
}

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

.f-img-responsive-rounded-corners {
	border-radius: 4px;
	height: auto;
	max-width: 100%
}

.f-img-responsive-centered,
.f-img-responsive-centered-rounded-corners {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%
}

.f-img-responsive-centered-rounded-corners {
	border-radius: 4px
}

.f-custom-mat-snack-bar-container {
	background: #fff!important;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)!important;
	color: hsla(0, 0%, 100%, .7)!important
}

.f-custom-mat-snack-bar {
	background: #fff;
	color: #000;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px
}

.f-option-focused {
	background: #e1ebf5;
	color: rgba(0, 0, 0, .87)
}

.f-options-group-not-focused {
	background: hsla(0, 0%, 84.7%, .5)
}

.f-options-group-focused,
.f-options-sub-group-focused {
	background: #e1ebf5
}

.f-gantt-main-container {
	background-color: #fff;
	height: 100%;
	width: 100%
}

.f-gantt-main-container .f-gantt-chart-table-parent {
	align-items: center;
	color: #757575;
	display: flex;
	fill: #757575;
	flex-flow: row nowrap;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	justify-content: space-between;
	width: 100%
}

.f-gantt-header-container {
	background-color: #fff;
	width: 100%
}

.f-gantt-timeline-all-days,
.f-gantt-timeline-current-day,
.f-gantt-timeline-odd-days {
	padding-top: 4px
}

.f-gantt-timeline-odd-days {
	background-color: hsla(0, 0%, 96.1%, .4);
	position: relative
}

.f-gantt-timeline-current-day {
	background-color: rgba(80, 227, 194, .2)
}

.f-gantt-grid-custom-header {
	align-content: center;
	align-items: center;
	color: #3ca4f1;
	display: flex;
	font-weight: 700;
	height: 100%;
	width: 100%
}

.f-gantt-grid-custom-header .f-gantt-hide-grid {
	align-items: center;
	cursor: pointer;
	display: flex;
	justify-content: center
}

.f-gantt-justify-content-space-between {
	justify-content: space-between
}

.f-gantt-justify-content-center {
	justify-content: center
}

.f-status-sub-wrapper {
	border-radius: 50%;
	height: 16px;
	width: 16px
}

.f-gantt-status {
	color: hsla(0, 0%, 60.8%, .75);
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.71
}

.f-gantt-open-closed-icon {
	border-radius: 50%;
	color: grey;
	cursor: pointer
}

.f-gantt-open-closed-icon:hover {
	background-color: rgba(173, 216, 230, .5)
}

.f-gantt-grid-indent {
	float: left;
	height: 100%;
	width: 10px
}

.f-gantt-timeline-day-style {
	display: block;
	height: 100%;
	padding-top: 4px;
	width: 100%
}

.f-gantt-z-index-1 {
	z-index: 1
}

.f-gantt-text-color-white {
	color: #fff
}

.f-gantt-marker-today {
	background-color: rgba(78, 227, 61, .96)!important
}

.f-spinner-semi-transparent-background {
	background: hsla(0, 0%, 100%, .6)
}

.f-spinner-solid-background {
	background: #fff
}

.f-gantt-tooltip-wrapper {
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px
}

.f-gantt-marker-today {
	background-color: rgba(78, 227, 61, .96)
}

[_nghost-let-c673] {
	display: inline-block;
	width: 100%
}

.f-entry-affected-user,
.f-entry-creator-user,
.f-entry-resource,
.f-timeline-entry-normal-text {
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.71
}

.f-entry-is-link {
	cursor: pointer
}

.f-entry-is-link:hover {
	text-decoration: underline
}

mat-icon {
	align-items: center;
	display: flex;
	justify-content: center
}

.f-timeline-waiting-for-response-spinner-wrapper {
	height: 23px;
	width: 23px
}

.f-position-entry-age-text {
	color: #d8d8d8
}

fcsky-shared-activity-timeline-record .f-position-entry-age-text {
	color: rgba(0, 0, 0, .5) !important;
}

.mat-card {
	border-radius: 0 !important;
	box-shadow: none !important;
	display: inline-block !important;
	overflow: hidden !important;
	padding: 0 !important
}

.mat-card-header {
	align-items: center;
	min-height: 40px
}

.mat-card-header .f-avatar-name,
.mat-card-header .f-avatar-title {
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	margin-bottom: 0;
	width: 100%
}

.f-avatar-image {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	background-color: #26c1c9;
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	user-select: none
}


[_nghost-let-c668] .mat-card-header-text {
	align-content: space-between;
	display: flex;
	flex-wrap: wrap;
	min-height: 40px
}

[_nghost-let-c668] .f-avatar-only .mat-card-header-text,
[_nghost-let-c668] .f-large-size+.mat-card-header-text,
[_nghost-let-c668] .f-medium-size+.mat-card-header-text {
	display: none
}

.f-avatar-name {
	color: #0093ee
}

.f-avatar-title {
	color: #757575
}

.f-name-only {
	position: relative;
	top: 25%
}

.f-small-size {
	font-size: 14px !important;
	height: 36px !important;
	line-height: 36px !important;
	width: 36px !important
}

.f-medium-size {
	font-size: 32px !important;
	height: 74px !important;
	line-height: 74px !important;
	width: 74px !important
}

.f-large-size {
	font-size: 64px;
	height: 122px;
	line-height: 122px;
	width: 122px
}

.mat-card {
	transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
	display: block;
	position: relative;
	padding: 16px;
	border-radius: 4px
}

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

.mat-card .mat-divider-horizontal {
	position: absolute;
	left: 0;
	width: 100%
}

[dir=rtl] .mat-card .mat-divider-horizontal {
	left: auto;
	right: 0
}

.mat-card .mat-divider-horizontal.mat-divider-inset {
	position: static;
	margin: 0
}

[dir=rtl] .mat-card .mat-divider-horizontal.mat-divider-inset {
	margin-right: 0
}

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

.mat-card-actions,
.mat-card-subtitle,
.mat-card-content {
	display: block;
	margin-bottom: 16px
}

.mat-card-title {
	display: block;
	margin-bottom: 8px
}

.mat-card-actions {
	margin-left: -8px;
	margin-right: -8px;
	padding: 8px 0
}

.mat-card-actions-align-end {
	display: flex;
	justify-content: flex-end
}

.mat-card-image {
	width: calc(100% + 32px);
	margin: 0 -16px 16px -16px
}

.mat-card-footer {
	display: block;
	margin: 0 -16px -16px -16px
}

.mat-card-actions .mat-button,
.mat-card-actions .mat-raised-button,
.mat-card-actions .mat-stroked-button {
	margin: 0 8px
}

.mat-card-header {
	display: flex;
	flex-direction: row
}

.mat-card-header .mat-card-title {
	margin-bottom: 12px
}

.mat-card-header-text {
	margin: 0 16px
}

.mat-card-avatar {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	object-fit: cover
}

.mat-card-title-group {
	display: flex;
	justify-content: space-between
}

.mat-card-sm-image {
	width: 80px;
	height: 80px
}

.mat-card-md-image {
	width: 112px;
	height: 112px
}

.mat-card-lg-image {
	width: 152px;
	height: 152px
}

.mat-card-xl-image {
	width: 240px;
	height: 240px;
	margin: -8px
}

.mat-card-title-group>.mat-card-xl-image {
	margin: -8px 0 8px
}

@media(max-width: 599px) {
	.mat-card-title-group {
		margin: 0
	}
	.mat-card-xl-image {
		margin-left: 0;
		margin-right: 0
	}
}

.mat-card>:first-child,
.mat-card-content>:first-child {
	margin-top: 0
}

.mat-card>:last-child:not(.mat-card-footer),
.mat-card-content>:last-child:not(.mat-card-footer) {
	margin-bottom: 0
}

.mat-card-image:first-child {
	margin-top: -16px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}

.mat-card>.mat-card-actions:last-child {
	margin-bottom: -8px;
	padding-bottom: 0
}

.mat-card-actions .mat-button:first-child,
.mat-card-actions .mat-raised-button:first-child,
.mat-card-actions .mat-stroked-button:first-child {
	margin-left: 0;
	margin-right: 0
}

.mat-card-title:not(:first-child),
.mat-card-subtitle:not(:first-child) {
	margin-top: -4px
}

.mat-card-header .mat-card-subtitle:not(:first-child) {
	margin-top: -8px
}

.mat-card>.mat-card-xl-image:first-child {
	margin-top: -8px
}

.mat-card>.mat-card-xl-image:last-child {
	margin-bottom: -8px
}

.mat-divider {
	display: block;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid
}

.mat-divider.mat-divider-vertical {
	border-top: 0;
	border-right-width: 1px;
	border-right-style: solid
}

.mat-divider.mat-divider-inset {
	margin-left: 80px
}

[dir=rtl] .mat-divider.mat-divider-inset {
	margin-left: auto;
	margin-right: 80px
}

.f-actions[_ngcontent-let-c640] {
	align-items: center;
	display: flex;
	justify-content: center
}

.mat-menu-panel {
	min-width: 112px;
	max-width: 280px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	max-height: calc(100vh - 48px);
	border-radius: 4px;
	outline: 0;
	min-height: 64px
}

.mat-menu-panel.ng-animating {
	pointer-events: none
}

.cdk-high-contrast-active .mat-menu-panel {
	outline: solid 1px
}

.mat-menu-content:not(:empty) {
	padding-top: 8px;
	padding-bottom: 8px
}

.mat-menu-item {
	-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;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	line-height: 48px;
	height: 48px;
	padding: 0 16px;
	text-align: left;
	text-decoration: none;
	max-width: 100%;
	position: relative
}

.mat-menu-item::-moz-focus-inner {
	border: 0
}

.mat-menu-item[disabled] {
	cursor: default
}

[dir=rtl] .mat-menu-item {
	text-align: right
}

.mat-menu-item .mat-icon {
	margin-right: 16px;
	vertical-align: middle
}

.mat-menu-item .mat-icon svg {
	vertical-align: top
}

[dir=rtl] .mat-menu-item .mat-icon {
	margin-left: 16px;
	margin-right: 0
}

.mat-menu-item[disabled] {
	pointer-events: none
}

.cdk-high-contrast-active .mat-menu-item.cdk-program-focused,
.cdk-high-contrast-active .mat-menu-item.cdk-keyboard-focused,
.cdk-high-contrast-active .mat-menu-item-highlighted {
	outline: dotted 1px
}

.mat-menu-item-submenu-trigger {
	padding-right: 32px
}

.mat-menu-item-submenu-trigger::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%)
}

[dir=rtl] .mat-menu-item-submenu-trigger {
	padding-right: 16px;
	padding-left: 32px
}

[dir=rtl] .mat-menu-item-submenu-trigger::after {
	right: auto;
	left: 16px;
	transform: rotateY(180deg) translateY(-50%)
}

button.mat-menu-item {
	width: 100%
}

.mat-menu-item .mat-menu-ripple {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	pointer-events: none
}


.f-ui-breadcrumb {
	margin: 0;
	padding: 0
}

.f-ui-breadcrumb li {
	display: inline-block;
	list-style-type: none;
	padding: 0
}

.f-ui-breadcrumb li,
.f-ui-breadcrumb li:before,
.f-ui-breadcrumb li a {
	color: rgba(0, 0, 0, .5);
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px
}

.f-ui-breadcrumb li a {
	text-decoration: none
}

.f-ui-breadcrumb li+li:before {
	content: " / ";
	padding: 0 3px
}

fcsky-shared-page-header {
	background: #fff;
	display: block;
	padding: 10px 0
}

fcsky-shared-page-header .f-page-header-title {
	color: #000;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 1.5px;
	text-transform: uppercase
}




.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none!important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-end,
.f-text-align-right {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	color: #d0021b;
	content: "* "
}

.f-mat-hint {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	text-align: left
}

.f-help-text {
	bottom: 18px;
	color: #757575;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	text-align: end;
	width: 100%
}

.f-mat-error {
	font-family: Montserrat, sans-serif;
	font-size: 75%;
	line-height: 1.125;
	margin-left: 0;
	text-align: left
}

.f-no-user-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: 700
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	align-content: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	text-align: right;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	color: #f44336;
	content: "*";
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-active,
.f-basic-approved,
.f-basic-archived,
.f-basic-chip,
.f-basic-high-priority,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-overdue,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-waiting {
	color: #757575;
	width: 100%
}

.f-raised-active,
.f-raised-approved,
.f-raised-archived,
.f-raised-chip,
.f-raised-high-priority,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-overdue,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-waiting {
	background-color: #757575;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset!important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: 400
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: 700
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: rgba(0, 0, 0, .54)
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-loading-shade {
	background: hsla(0, 0%, 100%, .6);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 56px;
	z-index: 101
}

.f-flex-center-center,
.f-loading-shade {
	align-items: center;
	display: flex;
	justify-content: center
}

.f-flex-center-center {
	width: 100%
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: 1px solid #ccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg)!important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-links-listing-button .f-button span span,
.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button.global-action .f-button-wrapper,
.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

 .f-section-title-container {
	padding: 5px 0
}

 .f-section-title-container .f-left-position {
	padding-right: 10px
}

 .f-section-title-container .f-right-position {
	padding-left: 10px
}

 .f-section-title-container .f-main,
 .f-section-title-container .f-dynamic-ngcontent>* {
	display: flex
}

 .f-section-title-container .f-section-title {
	-ms-grid-row-align: center;
	align-self: center;
	color: #757575;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase
}
.selected-blue .mat-tab-label {
    height: 62px !important;
}
.f-count-chip {
    border-radius: 4px;
    border: 1px solid #cac9ca;
    background-color: #fff;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    min-width: 25px;
    margin: 18px 0 0 -1px;
    text-align: center;
	box-sizing: border-box;
	z-index: 1;
    position: relative;
}
.f-count-chip a {
    line-height: 34px!important;
    margin: auto;
}

.card-label-value mat-label {
    font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
    font-weight: 700!important;
    color: #4a4a4a!important;
}
.team-members-count .f-label {
    color: rgba(0,0,0,.5)!important;
    font-family: Source Sans Pro,sans-serif!important;
    font-weight: 400!important;
}

 fcsky-shared-svg {
	display: inline-flex;
	vertical-align: middle
}



.f-multi-label-values-parent {
	font-family: Source Sans Pro, sans-serif;
	line-height: 24px;
	padding: 6px 0
}

.f-multi-label-values-parent p {
	color: rgba(0, 0, 0, .87);
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 0
}

.f-multi-label-values-parent .f-multi-label-values-label-style {
	color: #4a4a4a;
	font-size: 14px
}




.xs-small {
    height: 14px;
    width: 14px;
}

h1[_ngcontent-bfc-c219],
h2[_ngcontent-bfc-c219],
h3[_ngcontent-bfc-c219],
h4[_ngcontent-bfc-c219],
h5[_ngcontent-bfc-c219],
h6[_ngcontent-bfc-c219] {
	font-family: Montserrat, sans-serif
}

h1[_ngcontent-bfc-c219] {
	font-size: 64px;
	font-weight: 700;
	line-height: 80px
}

h2[_ngcontent-bfc-c219] {
	font-size: 48px;
	font-weight: 600;
	line-height: 72px
}

h3[_ngcontent-bfc-c219] {
	font-size: 36px;
	font-weight: 400;
	line-height: 60px
}

h4[_ngcontent-bfc-c219] {
	font-size: 24px;
	font-weight: 300;
	line-height: 46px
}

h5[_ngcontent-bfc-c219] {
	font-size: 22px;
	font-weight: 700;
	line-height: 42px
}

h6[_ngcontent-bfc-c219] {
	font-size: 16px;
	font-weight: 600;
	line-height: 36px
}

.f-page-header-title[_ngcontent-bfc-c219],
.f-section-title[_ngcontent-bfc-c219],
.f-title[_ngcontent-bfc-c219],
.f-title-wst[_ngcontent-bfc-c219] {
	font-family: Montserrat, sans-serif
}

.f-section-title[_ngcontent-bfc-c219],
.f-title[_ngcontent-bfc-c219] {
	font-size: 14px;
	font-weight: 700;
	line-height: 26px
}

.f-title-wst[_ngcontent-bfc-c219] {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-page-header-title[_ngcontent-bfc-c219] {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px
}

.f-form-label[_ngcontent-bfc-c219],
label[_ngcontent-bfc-c219] {
	font-family: Montserrat, sans-serif
}

.f-form-text[_ngcontent-bfc-c219],
.f-link-text[_ngcontent-bfc-c219],
.f-link-text-bold[_ngcontent-bfc-c219],
p[_ngcontent-bfc-c219] {
	font-family: Source Sans Pro, sans-serif
}

.f-form-label[_ngcontent-bfc-c219],
label[_ngcontent-bfc-c219] {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-form-text[_ngcontent-bfc-c219] {
	font-size: 12px;
	font-weight: 400;
	line-height: 28px
}

.f-link-text[_ngcontent-bfc-c219],
a[_ngcontent-bfc-c219],
p[_ngcontent-bfc-c219] {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.f-link-text[_ngcontent-bfc-c219],
.f-link-text-bold[_ngcontent-bfc-c219],
a[_ngcontent-bfc-c219],
a[_ngcontent-bfc-c219]:hover,
a[_ngcontent-bfc-c219]:link {
	color: #0093ee
}

a[_ngcontent-bfc-c219]:link {
	text-decoration: none
}

a[_ngcontent-bfc-c219]:hover {
	text-decoration: underline
}

.f-link-text-bold[_ngcontent-bfc-c219] {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px
}

section[_ngcontent-bfc-c219] {
	display: inline-block
}

body[_ngcontent-bfc-c219] {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-icon[_ngcontent-bfc-c219] {
	display: inline-block;
	margin-right: 16px;
	vertical-align: middle
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-logo-icon[_ngcontent-bfc-c219] {
	color: #cac9ca;
	margin-right: 15px;
	padding-top: 10px
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-item[_ngcontent-bfc-c219] {
	background-color: #fff;
	border: 1px solid #cac9ca;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	line-height: 44px;
	margin: 0 24px 4px 0;
	padding: 0 16px
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-item.file-upload[_ngcontent-bfc-c219]:hover {
	background-color: #e6e6e6
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-item.f-show-all[_ngcontent-bfc-c219] {
	color: #0093ee;
	cursor: pointer
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-item[_ngcontent-bfc-c219] .f-extension[_ngcontent-bfc-c219] {
	margin-right: 16px
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-item[_ngcontent-bfc-c219] .f-download[_ngcontent-bfc-c219] {
	cursor: pointer
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-item[_ngcontent-bfc-c219] .f-attachment-name[_ngcontent-bfc-c219] {
	color: #4a90e2;
	display: inline-block;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.43;
	margin-right: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 106px
}

.f-attachment-container[_ngcontent-bfc-c219] .f-attachment-item-icon[_ngcontent-bfc-c219] {
	color: #757575;
	display: inline-block;
	vertical-align: middle;
	width: 24px
}

.f-attachment-container[_ngcontent-bfc-c219] .f-error[_ngcontent-bfc-c219] {
	color: red
}

.f-attachment-container[_ngcontent-bfc-c219] mat-spinner.f-attachment-spinner[_ngcontent-bfc-c219] {
	margin: 3px
}

.f-attachment-container[_ngcontent-bfc-c219] .f-download-all[_ngcontent-bfc-c219] {
	cursor: pointer;
	display: inline-block;
	padding-top: 10px
}

.f-attachment-container[_ngcontent-bfc-c219] .f-download-all[_ngcontent-bfc-c219] span[_ngcontent-bfc-c219] {
	color: rgba(0, 0, 0, .5);
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	margin-left: 12px
}




.f-border-top-1px {
	border-top: 1px solid #bbb
}

.f-footer-container {
	bottom: 0;
	position: fixed;
	width: calc(100% - 32px);
	z-index: 9999;
	background: #fff
}

.f-footer {
	font-size: 12px
}

.f-footer-logo {
	width: 125px;
	height: 30px;
	background: url('footer-logo-fc.png');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative
}

.f-footer-logo:before {
	content: attr(data-text);
	position: absolute;
	right: 100%;
	white-space: nowrap;
	padding: 1px 9px 0 0;
	font-size: 12px
}

.f-text-nowrap {
	white-space: nowrap
}

.f-flex-2 {
	flex: 2!important;
	min-width: 0
}

.f-flex-order-1 {
	order: 1
}

.f-flex-order-2 {
	order: 2
}

.f-flex-order-3 {
	order: 3
}

.f-flex-order-4 {
	order: 4
}

.f-line-height-40px {
	line-height: 40px
}

.f-height-40px {
	height: 40px
}

.f-height-44px {
	height: 44px
}

.f-height-65px {
	height: 65px
}

.f-min-height-100 {
	min-height: 100%
}

.f-min-height-85vh {
	min-height: 85vh
}

.f-min-height-100vh {
	min-height: 100vh
}

.f-border-bottom-1px {
	border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
	padding-left: 250px!important;
	padding-right: 0!important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
	width: calc(100vw - 270px)!important
}

body.enable-left-nav .mainContainer {
	width: calc(100vw - 73px)!important
}

body .siteMainTable {
	padding-left: 54px!important;
	padding-right: 0!important
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
	min-width: 42px!important;
	padding: 12px 8px 12px 14px!important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
	width: auto!important;
	height: auto!important
}

fcsky-shared-section .widget-container div.f-page-header-title {
	font-family: Montserrat, sans-serif!important;
	letter-spacing: .86px
}

.f-textalign-center {
	text-align: center!important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
	background: rgba(97, 97, 97, .9)!important;
	max-width: 100%!important
}

.full-screen.leftnav-collapse,
.leftnav-collapse {
	width: 100%!important
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-white-bg {
	background: #fff
}

.f-box-sizing-border-box {
	box-sizing: border-box
}

.f-card-title mat-label,
.f-sub-heading .f-section-title {
	text-transform: none!important;
	color: #4a4a4a!important;
	font-size: 16px!important;
	line-height: 24px!important
}

.f-card-title mat-label {
	font-family: Montserrat, sans-serif!important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
	top: 85px!important
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
		margin-left: -1px
	}
}

.f-grid-col-3 {
	max-width: 25%
}

.f-grid-col-4 {
	max-width: 33.33%
}

.f-grid-col-6 {
	max-width: 50%
}

.f-grid-col-12 {
	max-width: 100%
}

.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
.f-people-card a:visited,
.f-playbook-card a:visited,
.f-playbooktemplates-card a:visited,
.f-resources-collection-card a:visited,
.f-resources-links-card a:visited,
fcsky-shared-metrics-card a:visited,
fcsky-shared-section a:visited {
	color: #0093ee!important
}

fcsky-shared-sticky-footer .f-sticky-footer-gt-xs,
fcsky-shared-sticky-footer .f-sticky-footer-lt-sm {
	z-index: 101!important
}

#footer,
#footer2 {
	z-index: 9999!important
}

.f-footer {
	white-space: nowrap
}

.cdk-virtual-scroll-viewport {
	background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
	background-color: unset
}

.f-padding-0 {
	padding: 0!important
}

.f-margin-left-16px {
	margin-left: 16px!important
}

.f-margin-left-right-16px {
	margin-left: -16px!important;
	margin-right: -16px!important
}

.f-margin-right-16px {
	margin-right: 16px!important
}

.cdk-overlay-backdrop,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-container,
.cdk-overlay-pane {
	z-index: 12000!important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
	z-index: 13000!important
}

.cdk-global-overlay-wrapper {
	z-index: 12000!important
}

.cdk-overlay-connected-position-bounding-box {
	z-index: 13000!important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
	padding: 16px!important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
	transform: translateY(37%)!important
}

 .full-screen {
	background: #f6f6f6!important;
	z-index: 10000!important;
	min-height: 100%;
	position: fixed!important;
	overflow: auto!important;
	height: 100%!important;
	
width: 100%!important;
}

@media screen and (max-width:767px) {
	.f-ui-breadcrumb {
		display: block!important
	}
	 .full-screen {
		padding-bottom: 0!important
	}
	body:not(.tox-force-desktop) .tox .tox-dialog {
		margin: auto!important
	}
	fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
		padding: 13px 16px!important
	}
	#siteMainDiv #siteMainTable {
		padding-left: 0!important;
		padding-right: 0!important
	}
	body #siteMainDiv .leftnav-collapse {
		width: 100vw!important
	}
	body #siteMainDiv.left-nav-pad-top {
		padding-top: 112px!important
	}
	#siteMainDiv .f-optimize-header {
		width: 100%!important;
		padding: 0 16px!important;
		box-sizing: border-box
	}
	body.enable-left-nav {
		overflow-x: auto
	}
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
	color: #0093ee!important
}

.mat-header-cell .mat-sort-header-button {
	font-family: Montserrat, sans-serif!important;
	font-weight: 700!important;
	color: #9b9b9b!important
}

.widget-container .f-table-header-cell div {
	font-family: Montserrat, sans-serif!important
}

.f-table mat-row {
	border-bottom: 1px solid rgba(0, 0, 0, .12)!important
}

.f-table mat-row.f-table-detail-row {
	margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
	color: #757575!important
}

.f-button span.mat-button-wrapper {
	justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
	height: 44px;
	font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
	font-family: Montserrat, sans-serif!important;
	color: #fff!important;
	line-height: 18px!important;
	font-weight: 600!important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
	font-family: Montserrat, sans-serif!important;
	line-height: 18px!important;
	text-align: center!important
}

.mat-button.f-stroked-button {
	padding: 7px 23px!important;
	height: 44px!important
}

.f-button-dropdown-trigger,
.mat-button.f-button.f-stroked-blue-button,
.mat-button.f-stroked-button {
	font-family: Montserrat, sans-serif!important;
	color: #0093ee!important;
	line-height: 18px!important;
	font-weight: 600!important
}

.f-button-dropdown-trigger {
	padding: 7px 23px!important;
	margin-right: 0!important
}

.f-button.f-disabled-button {
	line-height: 18px!important;
	color: #9b9b9b!important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
	min-height: 0
}

.mat-tab-label {
	height: 48px!important
}

mat-card.f-padding-0 {
	padding: 0!important
}

mat-card {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.mat-tab-label-container {
	border-bottom: 1px solid hsla(0, 0%, 60.8%, .5)
}

.f-count {
	background-color: #9b9b9b!important;
	font-family: Source Sans Pro, sans-serif!important;
	font-weight: 700;
	min-width: 10px;
	min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
	background-color: #0093ee!important;
	height: 2px!important
}

.mat-tab-label .mat-tab-label-content {
	color: rgba(0, 0, 0, .5);
	font-family: Montserrat, sans-serif!important;
	font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
	color: #0093ee!important;
	font-weight: 700!important
}

.f-width-100 {
	max-width: 100%!important;
	width: 100%;
	flex: 100%!important
}

.f-button-width-110px {
	width: 110px
}

.mat-list-base {
	padding-top: 0!important
}

.mat-list-item,
.mat-list-option {
	font-family: Source Sans Pro, sans-serif!important
}

.mat-list.f-list-item .icon {
	width: 24px;
	height: 24px;
	background: #0093ee;
	border-radius: 100%
}

.mat-list-item-content {
	color: #9b9b9b!important
}

.mat-list-item-content a {
	color: #0093ee!important
}

.f-timeline-record mat-icon.small {
	width: 20px!important;
	height: 20px!important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
	margin: 1px 8px 0 0!important;
	height: 44px!important;
	padding: 0 16px!important
}

.mat-chip.mat-standard-chip {
	color: #9b9b9b!important;
	background-color: hsla(0, 0%, 60.8%, .2)!important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
	color: #d0021b!important;
	background-color: #ffd7da!important
}

.mat-chip-list-wrapper .mat-chip {
	padding: 10px!important;
	font-size: 14px!important
}
.mat-chip-list-wrapper .mat-chip .mat-icon.small {
	padding: 0 5px;
}

.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-draft,
.f-raised-pending {
	width: auto!important;
	font-family: Source Sans Pro, sans-serif!important
}

.f-raised-archive,
.f-raised-archived {
	line-height: 22px;
	background-color: #9b9b9b;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: Source Sans Pro, sans-serif!important
}

.f-basic-archive,
.f-basic-archived {
	color: #9b9b9b
}

.f-raised-complete {
	background-color: #5da93f;
	line-height: 22px;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: Source Sans Pro, sans-serif!important
}

.f-basic-complete {
	color: #5da93f
}

.main-container .widget-container span {
	font-family: Source Sans Pro, sans-serif!important
}

.main-container span.mat-button-wrapper span {
	font-family: Montserrat, sans-serif!important;
	font-weight: 600!important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
	font-family: Montserrat, sans-serif!important
}

fcsky-shared-svg .blue,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.red,
span fcsky-shared-svg .mat-icon.orange {
	background-color: transparent!important;
	background: none!important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
	margin: 0 16px!important
}

fcsky-shared-avatar .mat-card-title {
	font-size: 14px!important
}

fcsky-shared-avatar .mat-card {
	padding: 0!important
}

fcsky-shared-avatar .mat-card:hover {
	box-shadow: none!important
}

.widget-container a,
.widget-container div {
	font-family: Source Sans Pro, sans-serif!important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
	display: inline-flex!important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
	padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
	padding-bottom: 100px
}

.mat-form-field {
	line-height: 1.8!important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
	padding-top: 0!important
}

.mat-form-field-label-wrapper .mat-form-field-label {
	margin-top: -1px!important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	margin-top: 16px!important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
	margin-top: -6px!important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
	padding-top: 5px!important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
	margin-top: 9px;
	padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
	margin-top: -3px!important
}

.mat-error,
.mat-hint {
	font-size: 12px!important
}

fcsky-shared-numeric-filter .mat-error,
fcsky-shared-numeric-filter .mat-hint {
	font-size: 10.5px!important
}

.slide-toggle-label {
	color: rgba(0, 0, 0, .54)!important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
	z-index: 400!important
}

fcsky-shared-map .mapHeight h6 {
	font-weight: 400!important;
	margin: 0 0 8px!important;
	line-height: 22px!important
}

fcsky-shared-map .mapHeight h6 a {
	font-family: Montserrat, sans-serif!important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
	font-size: 14px!important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
	font-size: 32px!important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
	border-right: 1px solid #979797!important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
	border-right: 0!important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
	border-bottom: 1px solid #979797!important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
	border-bottom: 0!important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
	flex: unset!important;
	border-right-color: #979797!important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-count,
fcsky-shared-metrics-card .widget-container div.f-metrics-title {
	font-family: Montserrat, sans-serif!important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
	text-transform: uppercase;
	font-family: Montserrat, sans-serif!important;
	font-size: 12px!important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:first-child {
	padding-left: 0!important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
	padding: 6px 0!important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
	margin: 0 0 0 6px!important
}

.mat-sort-header-pointer-middle,
.mat-sort-header-stem {
	margin: auto!important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
	height: 44px!important
}

fcsky-shared-filter fcsky-shared-label .f-label {
	margin-bottom: 8px!important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
	min-height: auto!important;
	height: auto!important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: .4375em 0!important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
	padding: 4px 0 0!important
}

.f-no-record {
	color: #4a4a4a!important;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-weight: 400
}

.f-loading-shade {
	background: none transparent!important
}

fcsky-shared-table .f-loading-shade {
	background: hsla(0, 0%, 100%, .6)!important
}

.taskDrawerformWidth {
	width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
	background: #fff!important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
	border-color: #ccc!important
}

fcsky-shared-activity-entry .f-activity-editor {
	margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
	min-height: 46px!important
}

fcsky-shared-activity-timeline-record .mat-divider {
	margin-bottom: 8px!important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
	fill: #757575!important
}

.f-height-54px {
	height: 54px
}

.f-height-36px {
	height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
	border-bottom: 1px solid hsla(0, 0%, 60.8%, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
	border-bottom: 0 solid hsla(0, 0%, 60.8%, .5)!important
}

html.cdk-global-scrollblock div#footer,
html.cdk-global-scrollblock div#footer2 {
	z-index: 1000!important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
	box-sizing: border-box
}

fc-page-loader .loader-hidden {
	display: none!important
}

.custom_help_text {
	color: rgba(0, 0, 0, .54);
	font-size: 12px;
	font-family: Source Sans Pro, sans-serif;
	margin-top: -31px;
	display: block;
	text-align: left;
	line-height: 18px
}

.notificationDrawerformWidth {
	width: 625px
}

.notificationDrawerformWidth .f-form-grid {
	margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
	margin-left: 0!important;
	margin-right: 0!important
}

.f-optimize-header {
	width: 100%!important;
	padding: 0 16px!important;
	box-sizing: border-box
}

body.enable-left-nav {
	overflow-x: hidden
}

html.cdk-global-scrollblock {
	overflow: hidden;
	position: static
}

.multi-input-button-width .f-button {
	min-width: auto!important
}

.multi-input-button-width .f-button .mat-button-wrapper {
	margin-right: -5px!important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
	height: auto!important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
	background-color: transparent!important;
	opacity: 1;
	height: 1px!important;
	border-bottom: 0!important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
	color: rgba(0, 0, 0, .87)!important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
	color: rgba(0, 0, 0, .54)!important
}

.f-slide-drawer-inner-container .f-loading-shade {
	position: absolute!important
}

.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-page-header-title,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-title {
	font-family: Montserrat, sans-serif!important;
	color: #757575
}

fcsky-shared-table .f-loading-shade {
	position: absolute!important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
	background-image: url("data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=");
	background-repeat: no-repeat;
	padding-left: 26px
}

.f-vertical-align-middle {
	vertical-align: middle
}

button.f-filter-show-hide-button {
	min-width: 42px!important
}

.mat-button.f-filter-show-hide-button {
	padding: 7px 0 7px 6px!important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: 3px 0 8px!important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
	align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
	margin-top: 5px!important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
	padding-right: 6px!important
}

.checkbox-middle-align {
	height: 100%;
	align-items: center;
	display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
	margin: 16px 0 16px 16px;
	padding-right: 0
}

.f-form-grid {
	position: relative
}

.f-form-grid .f-notetext {
	position: absolute;
	top: 0;
	padding-left: 24px;
	opacity: .64;
	font-size: 14px;
	font-weight: 400;
	background: url(https://ui.franconnectuat.net/2017/bullet.svg) no-repeat 0
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
	background: #0093ee!important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
	padding-top: 0!important;
	margin-top: 0!important
}

.fc-playbook-instance-overview .widget-container {
	margin-bottom: 0!important;
	padding-bottom: 0!important
}

@media only screen and (max-width:1370px) {
	body.enable-left-nav .mainContainer {
		width: calc(100vw - 72px)!important
	}
	body.enable-left-nav.open-msa-left-nav .mainContainer {
		width: calc(100vw - 268px)!important
	}
}

@media only screen and (max-width:767px) {
	body.enable-left-nav.open-msa-left-nav .siteMainTable {
		padding-left: 250px!important;
		padding-right: 0!important;
		overflow: hidden
	}
	body .leftnav-expand {
		width: calc(100vw - 270px)!important
	}
}

 .f-float-left {
	float: left
}

 .f-float-right {
	float: right
}

 .f-width-25-per {
	width: 25%
}

 .f-width-75-per {
	width: calc(75% - 24px)
}

 .f-width-100-per {
	width: 100%
}

 .card-3-col-group>div {
	max-width: calc(33.33% - 32px);
	min-height: 180px
}

 table {
	width: 100%
}

 mat-header-row .f-table-header-cell,
 mat-table .mat-header-row {
	border-bottom: 1px solid rgba(0, 0, 0, .12)!important
}

 .card-3-col-group {
	margin-left: -16px;
	max-height: 600px!important;
	overflow-y: auto
}

 .card-3-col-group fcsky-shared-contact-card {
	box-sizing: border-box;
	width: auto!important;
	display: block!important
}

 .mat-header-row th {
	font-family: Montserrat, sans-serif!important;
	font-weight: 700!important;
	color: #9b9b9b!important
}

 /* .f-table-header-cell {
	background-color: #fff!important
} */

 .mat-header-cell .mat-sort-header-button {
	background: #fff!important
}

 .mat-list.f-list-item .icon .mat-icon {
	width: 18px!important;
	margin: 3px!important
}

 .f-matlistitemcontent-0 .mat-list-item-content {
	line-height: 0!important
}

 .f-matlistitemcontent-0 .mat-list-base .mat-list-item {
	height: auto!important
}

 .card-3-col-group fcsky-shared-contact-card .f-card-name {
	cursor: pointer
}

 .card-3-col-group fcsky-shared-contact-card .f-card-name:hover {
	text-decoration: underline!important
}

 .card-3-col-group fcsky-shared-contact-card>div {
	height: auto!important
}

 .card-3-col-group fcsky-shared-contact-card fcsky-shared-avatar {
	margin-bottom: 16px!important;
	cursor: pointer!important
}

 fc-team-detail fcsky-shared-links-listing {
	display: block;
	padding: 16px 0 0!important
}

 fc-team-detail fcsky-shared-links-listing-group .f-virtual-viewport {
	padding-bottom: 5px
}



fcsky-shared-contact-card {
	background: #fff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
    display: inline-block;
    padding: 25px;
    text-align: center;
    width: 288px;
}



.mat-expansion-panel-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 24px;
	border-radius: inherit;
	transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel-header._mat-animation-noopable {
	transition: none
}

.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
	outline: none
}

.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
	background: inherit
}

.mat-expansion-panel-header:not([aria-disabled=true]) {
	cursor: pointer
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before {
	flex-direction: row-reverse
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
	margin: 0 16px 0 0
}

[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
	margin: 0 0 0 16px
}

.mat-content {
	display: flex;
	flex: 1;
	flex-direction: row;
	overflow: hidden
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
	display: flex;
	flex-grow: 1;
	margin-right: 16px
}

[dir=rtl] .mat-expansion-panel-header-title,
[dir=rtl] .mat-expansion-panel-header-description {
	margin-right: 0;
	margin-left: 16px
}

.mat-expansion-panel-header-description {
	flex-grow: 2
}

.mat-expansion-indicator::after {
	border-style: solid;
	border-width: 0 2px 2px 0;
	content: "";
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	vertical-align: middle
}

.f-avatar-only .mat-card-header-text {
	display: none;
}
.f-mat-list-parent {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
}




.mat-subheader {
	display: flex;
	box-sizing: border-box;
	padding: 16px;
	align-items: center
}

.mat-list-base .mat-subheader {
	margin: 0
}

.mat-list-base {
	padding-top: 8px;
	display: block;
	-webkit-tap-highlight-color: transparent
}

.mat-list-base .mat-subheader {
	height: 48px;
	line-height: 16px
}

.mat-list-base .mat-subheader:first-child {
	margin-top: -8px
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
	display: block;
	height: 48px;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	padding: 0
}

.mat-list-base .mat-list-item .mat-list-item-content,
.mat-list-base .mat-list-option .mat-list-item-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
	padding: 0 16px;
	position: relative;
	height: inherit
}

.mat-list-base .mat-list-item .mat-list-item-content-reverse,
.mat-list-base .mat-list-option .mat-list-item-content-reverse {
	display: flex;
	align-items: center;
	padding: 0 16px;
	flex-direction: row-reverse;
	justify-content: space-around
}

.mat-list-base .mat-list-item .mat-list-item-ripple,
.mat-list-base .mat-list-option .mat-list-item-ripple {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	pointer-events: none
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar,
.mat-list-base .mat-list-option.mat-list-item-with-avatar {
	height: 56px
}

.mat-list-base .mat-list-item.mat-2-line,
.mat-list-base .mat-list-option.mat-2-line {
	height: 72px
}

.mat-list-base .mat-list-item.mat-3-line,
.mat-list-base .mat-list-option.mat-3-line {
	height: 88px
}

.mat-list-base .mat-list-item.mat-multi-line,
.mat-list-base .mat-list-option.mat-multi-line {
	height: auto
}

.mat-list-base .mat-list-item.mat-multi-line .mat-list-item-content,
.mat-list-base .mat-list-option.mat-multi-line .mat-list-item-content {
	padding-top: 16px;
	padding-bottom: 16px
}

.mat-list-base .mat-list-item .mat-list-text,
.mat-list-base .mat-list-option .mat-list-text {
	display: flex;
	flex-direction: column;
	flex: auto;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0
}

.mat-list-base .mat-list-item .mat-list-text>*,
.mat-list-base .mat-list-option .mat-list-text>* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: inherit
}

.mat-list-base .mat-list-item .mat-list-text:empty,
.mat-list-base .mat-list-option .mat-list-text:empty {
	display: none
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,
.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
	padding-right: 0;
	padding-left: 16px
}

[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
	padding-right: 16px;
	padding-left: 0
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
	padding-left: 0;
	padding-right: 16px
}

[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
	padding-right: 0;
	padding-left: 16px
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,
.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text {
	padding-right: 16px;
	padding-left: 16px
}

.mat-list-base .mat-list-item .mat-list-avatar,
.mat-list-base .mat-list-option .mat-list-avatar {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover
}

.mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,
.mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset {
	margin-left: 72px;
	width: calc(100% - 72px)
}

[dir=rtl] .mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,
[dir=rtl] .mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset {
	margin-left: auto;
	margin-right: 72px
}

.mat-list-base .mat-list-item .mat-list-icon,
.mat-list-base .mat-list-option .mat-list-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	font-size: 24px;
	box-sizing: content-box;
	border-radius: 50%;
	padding: 4px
}

.mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,
.mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset {
	margin-left: 64px;
	width: calc(100% - 64px)
}

[dir=rtl] .mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,
[dir=rtl] .mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset {
	margin-left: auto;
	margin-right: 64px
}

.mat-list-base .mat-list-item .mat-divider,
.mat-list-base .mat-list-option .mat-divider {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0
}

[dir=rtl] .mat-list-base .mat-list-item .mat-divider,
[dir=rtl] .mat-list-base .mat-list-option .mat-divider {
	margin-left: auto;
	margin-right: 0
}

.mat-list-base .mat-list-item .mat-divider.mat-divider-inset,
.mat-list-base .mat-list-option .mat-divider.mat-divider-inset {
	position: absolute
}

.mat-list-base[dense] {
	padding-top: 4px;
	display: block
}

.mat-list-base[dense] .mat-subheader {
	height: 40px;
	line-height: 8px
}

.mat-list-base[dense] .mat-subheader:first-child {
	margin-top: -4px
}

.mat-list-base[dense] .mat-list-item,
.mat-list-base[dense] .mat-list-option {
	display: block;
	height: 40px;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	padding: 0
}

.mat-list-base[dense] .mat-list-item .mat-list-item-content,
.mat-list-base[dense] .mat-list-option .mat-list-item-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
	padding: 0 16px;
	position: relative;
	height: inherit
}

.mat-list-base[dense] .mat-list-item .mat-list-item-content-reverse,
.mat-list-base[dense] .mat-list-option .mat-list-item-content-reverse {
	display: flex;
	align-items: center;
	padding: 0 16px;
	flex-direction: row-reverse;
	justify-content: space-around
}

.mat-list-base[dense] .mat-list-item .mat-list-item-ripple,
.mat-list-base[dense] .mat-list-option .mat-list-item-ripple {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	pointer-events: none
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar {
	height: 48px
}

.mat-list-base[dense] .mat-list-item.mat-2-line,
.mat-list-base[dense] .mat-list-option.mat-2-line {
	height: 60px
}

.mat-list-base[dense] .mat-list-item.mat-3-line,
.mat-list-base[dense] .mat-list-option.mat-3-line {
	height: 76px
}

.mat-list-base[dense] .mat-list-item.mat-multi-line,
.mat-list-base[dense] .mat-list-option.mat-multi-line {
	height: auto
}

.mat-list-base[dense] .mat-list-item.mat-multi-line .mat-list-item-content,
.mat-list-base[dense] .mat-list-option.mat-multi-line .mat-list-item-content {
	padding-top: 16px;
	padding-bottom: 16px
}

.mat-list-base[dense] .mat-list-item .mat-list-text,
.mat-list-base[dense] .mat-list-option .mat-list-text {
	display: flex;
	flex-direction: column;
	flex: auto;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0
}

.mat-list-base[dense] .mat-list-item .mat-list-text>*,
.mat-list-base[dense] .mat-list-option .mat-list-text>* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: inherit
}

.mat-list-base[dense] .mat-list-item .mat-list-text:empty,
.mat-list-base[dense] .mat-list-option .mat-list-text:empty {
	display: none
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
	padding-right: 0;
	padding-left: 16px
}

[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
	padding-right: 16px;
	padding-left: 0
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
	padding-left: 0;
	padding-right: 16px
}

[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
	padding-right: 0;
	padding-left: 16px
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text {
	padding-right: 16px;
	padding-left: 16px
}

.mat-list-base[dense] .mat-list-item .mat-list-avatar,
.mat-list-base[dense] .mat-list-option .mat-list-avatar {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover
}

.mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,
.mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset {
	margin-left: 68px;
	width: calc(100% - 68px)
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,
[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset {
	margin-left: auto;
	margin-right: 68px
}

.mat-list-base[dense] .mat-list-item .mat-list-icon,
.mat-list-base[dense] .mat-list-option .mat-list-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	font-size: 20px;
	box-sizing: content-box;
	border-radius: 50%;
	padding: 4px
}

.mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,
.mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset {
	margin-left: 60px;
	width: calc(100% - 60px)
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,
[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset {
	margin-left: auto;
	margin-right: 60px
}

.mat-list-base[dense] .mat-list-item .mat-divider,
.mat-list-base[dense] .mat-list-option .mat-divider {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-divider,
[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-divider {
	margin-left: auto;
	margin-right: 0
}

.mat-list-base[dense] .mat-list-item .mat-divider.mat-divider-inset,
.mat-list-base[dense] .mat-list-option .mat-divider.mat-divider-inset {
	position: absolute
}

.mat-nav-list a {
	text-decoration: none;
	color: inherit
}

.mat-nav-list .mat-list-item {
	cursor: pointer;
	outline: none
}

mat-action-list button {
	background: none;
	color: inherit;
	border: none;
	font: inherit;
	outline: inherit;
	-webkit-tap-highlight-color: transparent;
	text-align: left
}

[dir=rtl] mat-action-list button {
	text-align: right
}

mat-action-list button::-moz-focus-inner {
	border: 0
}

mat-action-list .mat-list-item {
	cursor: pointer;
	outline: inherit
}

.mat-list-option:not(.mat-list-item-disabled) {
	cursor: pointer;
	outline: none
}

.mat-list-item-disabled {
	pointer-events: none
}

.cdk-high-contrast-active .mat-list-item-disabled {
	opacity: .5
}

.cdk-high-contrast-active :host .mat-list-item-disabled {
	opacity: .5
}

.cdk-high-contrast-active .mat-selection-list:focus {
	outline-style: dotted
}

.cdk-high-contrast-active .mat-list-option:hover,
.cdk-high-contrast-active .mat-list-option:focus,
.cdk-high-contrast-active .mat-nav-list .mat-list-item:hover,
.cdk-high-contrast-active .mat-nav-list .mat-list-item:focus,
.cdk-high-contrast-active mat-action-list .mat-list-item:hover,
.cdk-high-contrast-active mat-action-list .mat-list-item:focus {
	outline: dotted 1px
}

.cdk-high-contrast-active .mat-list-single-selected-option::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	width: 10px;
	height: 0;
	border-bottom: solid 10px;
	border-radius: 10px
}

.cdk-high-contrast-active [dir=rtl] .mat-list-single-selected-option::after {
	right: auto;
	left: 16px
}

@media(hover: none) {
	.mat-list-option:not(.mat-list-single-selected-option):not(.mat-list-item-disabled):hover,
	.mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover,
	.mat-action-list .mat-list-item:not(.mat-list-item-disabled):hover {
		background: none
	}
}



.cdk-virtual-scroll-spacer {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    transform-origin: 0 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat, sans-serif
}

h1 {
	font-size: 64px;
	font-weight: 700;
	line-height: 80px
}

h2 {
	font-size: 48px;
	font-weight: 600;
	line-height: 72px
}

h3 {
	font-size: 36px;
	font-weight: 400;
	line-height: 60px
}

h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 46px
}

h5 {
	font-size: 22px;
	font-weight: 700;
	line-height: 42px
}

h6 {
	font-size: 16px;
	font-weight: 600;
	line-height: 36px
}

.f-page-header-title,
.f-section-title,
.f-title,
.f-title-wst {
	font-family: Montserrat, sans-serif
}

.f-section-title,
.f-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 26px
}

.f-title-wst {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-page-header-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px
}

.f-form-label,
label {
	font-family: Montserrat, sans-serif
}

.f-form-text,
.f-link-text,
.f-link-text-bold,
p {
	font-family: Source Sans Pro, sans-serif
}

.f-form-label,
label {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}

.f-form-text {
	font-size: 12px;
	font-weight: 400;
	line-height: 28px
}

.f-link-text,
a,
p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.f-link-text,
.f-link-text-bold,
a,
a:hover,
a:link {
	color: #0093ee
}

a:link {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.f-link-text-bold {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px
}

section {
	display: inline-block
}

body {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px
}

.mat-button:focus,
.mat-fab:focus,
.mat-flat-button:focus,
.mat-icon-button:focus,
.mat-menu-item:focus,
.mat-mini-fab:focus,
.mat-raised-button:focus,
.mat-stroked-button:focus,
::ng-deep .mat-sort-header-container button:focus {
	outline: none
}

::ng-deep .mat-tab-label .mat-tab-label-content .mat-icon {
	margin: 0 8px
}

.mat-table {
	max-height: none
}

.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none!important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-end,
.f-text-align-right {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	color: #d0021b;
	content: "* "
}

.f-mat-hint {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	text-align: left
}

.f-help-text {
	bottom: 18px;
	color: #757575;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	text-align: end;
	width: 100%
}

.f-mat-error {
	font-family: Montserrat, sans-serif;
	font-size: 75%;
	line-height: 1.125;
	margin-left: 0;
	text-align: left
}

.f-no-user-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: 700
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	align-content: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	text-align: right;
	width: 100%
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	color: #f44336;
	content: "*";
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-active,
.f-basic-approved,
.f-basic-archived,
.f-basic-chip,
.f-basic-high-priority,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-overdue,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-waiting {
	color: #757575;
	width: 100%
}

.f-raised-active,
.f-raised-approved,
.f-raised-archived,
.f-raised-chip,
.f-raised-high-priority,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-overdue,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-waiting {
	background-color: #757575;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset!important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: 400
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: 700
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: rgba(0, 0, 0, .54)
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-flex-center-center {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%
}

.f-matspinner-default::ng-deep circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: 1px solid #ccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg)!important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-links-listing-button .f-button span span,
.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button.global-action .f-button-wrapper,
.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12)
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

.f-selected-items-bar {
	background-color: #e8effc;
	display: flex;
	flex-direction: row;
	height: 54px;
	place-content: stretch space-between
}

.f-selected-items-bar .f-selected-items {
	color: #4a4a4a;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 54px;
	padding-left: 24px
}

.f-selected-items-bar .f-selected-items-actions {
	display: inline-block;
	line-height: 54px
}

.f-selected-items-bar .f-display-actions {
	display: inline-block;
	vertical-align: middle
}

.f-selected-items-bar .f-display-inline-block {
	display: inline-block
}

.f-selected-items-bar .f-upfront-action {
	color: #4a90e2;
	cursor: pointer;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 54px;
	vertical-align: middle
}

.f-selected-items-bar .f-action-right-padding {
	padding-right: 15px
}

.f-selected-items-bar .f-icon-right-padding {
	padding-right: 5px
}

.f-table {
	width: 100%
}

.f-table,
.f-table *,
.f-table :after,
.f-table :before {
	box-sizing: border-box
}

.f-table-cell-with-icon {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	width: 100%
}

.f-table .f-alternate-color-row {
	background-color: #f1f1f1
}

.f-table .f-sticky-header-cell {
	z-index: 102!important
}

.f-table .f-table-header-cell {
	background-color: #ebebeb;
	color: #9b9b9b!important;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 700!important;
	height: 56px;
	letter-spacing: normal;
	line-height: 24px;
	padding: 0 8px;
	text-transform: uppercase;
	vertical-align: middle
}

.f-table .f-table-header-cell .f-table-header-drag-me {
	cursor: col-resize;
	height: 100%;
	position: absolute;
	top: 0;
	width: 20px
}

.f-table .f-table-header-cell .f-left {
	left: 0
}

.f-table .f-table-header-cell .f-right {
	right: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:after {
	background: #9b9b9b;
	content: "";
	display: inline-block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px
}

.f-table .f-table-header-cell.f-dnd-cell:hover:before {
	background: #9b9b9b;
	content: "";
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 1px
}

.f-table .f-table-header-cell:not(tr) {
	padding: 0 8px
}

.f-table .f-table-header-cell ::ng-deep button {
	text-transform: uppercase
}

.f-table .f-table-header-cell.f-min-width-header-cell {
	flex: 0 0 60px
}

.f-table .f-table-header-cell mat-checkbox {
	margin-left: 0!important
}

.f-table .f-table-row-cell {
	color: #4a4a4a;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 18px
}

.f-table .f-table-row-cell.f-min-width-row-cell {
	max-width: 60px;
	min-width: 60px
}

.f-table .f-table-row-cell mat-checkbox {
	margin-left: 0
}

.f-table td {
	border-bottom: 0
}

.f-table tr.selected td {
	background-color: #ebf6ff
}

.f-table .f-new-row {
	background-color: #e1f8f3
}

.f-table fcsky-shared-svg {
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-top
}

.f-table .f-right-align {
	margin-left: auto;
	margin-right: 5px
}

.f-table .f-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.f-table td.mat-cell:first-of-type,
.f-table td.mat-footer-cell:first-of-type,
.f-table th.mat-header-cell:first-of-type {
	padding-left: 24px!important
}

.f-table td.mat-cell:first-of-type .f-cell-container-full-width,
.f-table td.mat-footer-cell:first-of-type .f-cell-container-full-width,
.f-table th.mat-header-cell:first-of-type .f-cell-container-full-width {
	padding: 0
}

.f-table td.mat-cell,
.f-table td.mat-footer-cell,
.f-table th.mat-header-cell {
	vertical-align: middle!important
}

.f-table td.mat-column-actions,
.f-table td.mat-column-check,
.f-table th.mat-column-actions,
.f-table th.mat-column-check {
	box-sizing: border-box
}

.f-table mat-checkbox {
	margin-left: 24px
}

.f-table .mat-header-row {
	z-index: 100
}

.f-table.f-padding-left-24 .mat-header-row {
	border-bottom: 0;
	padding: 0 24px
}

.f-table.f-padding-left-24 .mat-row {
	padding: 0 24px
}

.f-table.f-padding-left-24 .f-table-detail-row fcsky-shared-attachments {
	margin: 0
}

.f-table fcsky-shared-attachments {
	width: 100%
}

.f-table .f-no-data {
	position: relative;
	text-align: center
}

.f-table .f-no-data tr {
	border: 0
}

.f-table .f-table-footer {
	border: 0;
	display: flex;
	width: 100%
}

.f-table .f-hide-footer {
	display: none
}

.f-table td.mat-footer-cell {
	border: 0
}

.f-table .f-table-detail-row {
	border-bottom: 1px solid #e6e6e6;
	display: flex;
	height: 62px;
	width: 100%
}

.f-table .f-table-detail-row fcsky-shared-attachments {
	margin-right: 24px
}

.f-table .f-table-detail-row td {
	border-bottom: 0;
	display: block;
	padding-top: 2px
}

.f-table .f-hide-attachments {
	display: none
}

.f-table .f-row-border {
	height: 50px
}

.f-table .f-row-border td {
	border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-attachment-container {
	display: flex;
	overflow: hidden
}

.f-table .f-link-ellipsis,
.f-table .f-show-ellipsis {
	border-right: 16px solid transparent;
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.f-table .f-icon-on-right {
	border-right: 5px solid transparent
}

.f-table .f-link-ellipsis {
	color: #0093ee
}

.f-table .f-cell-container-full-width {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	max-width: 100%;
	min-width: 100%;
	padding: 0 8px
}

.f-table .f-align-to-right {
	width: 100%
}

.f-table .f-align-to-right,
.f-table .f-align-to-right .f-table-header-ellipsis {
	justify-content: flex-end;
	text-align: right
}

.f-table .f-align-to-center {
	width: 100%
}

.f-table .f-align-to-center,
.f-table .f-align-to-center .f-table-header-ellipsis {
	justify-content: center;
	text-align: center
}

.f-table .f-cell-with-icon {
	max-width: calc(100% - 29px);
	min-width: calc(100% - 29px)
}

.f-table .f-status-width {
	border: 0;
	width: auto
}

.f-table .f-status-ellipsis {
	color: #fff
}

.f-table .f-table-header-ellipsis {
	justify-content: flex-start;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.f-table ::ng-deep .mat-sort-header-content {
	width: calc(100% - 18px)
}

.f-table fcsky-shared-table-attachment-column,
.f-table fcsky-shared-table-cell-phone-number,
.f-table fcsky-shared-table-chip,
.f-table fcsky-shared-table-date,
.f-table fcsky-shared-table-default,
.f-table fcsky-shared-table-link {
	display: contents
}

.f-table-pagination-wrapper {
	position: relative
}

.f-loading-shade {
	align-items: center;
	background: hsla(0, 0%, 100%, .6);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 56px;
	white-space: nowrap;
	z-index: 101
}

.f-no-attachments {
	display: flex;
	height: 61px;
	margin-left: 60px
}

.f-no-attachments span {
	color: #838383;
	padding-top: 2px
}

.f-number-of-records {
	align-items: center;
	border-top: 1px solid #e6e6e6;
	box-sizing: border-box;
	display: flex;
	height: 56px;
	justify-content: flex-end
}

.f-number-of-records span {
	color: rgba(0, 0, 0, .54);
	font-family: Source Sans Pro, sans-serif;
	font-size: 12px
}

.f-no-data-label {
	bottom: 50%;
	color: #4a4a4a;
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	left: 50%;
	letter-spacing: normal;
	line-height: 18px;
	position: absolute;
	transform: translate(-50%, -50%)
}

.f-attachment-count {
	vertical-align: middle
}

.grey-color {
	background-color: #f1f1f1
}

.simple-color {
	background-color: #fff
}

.cdk-drag-preview {
	align-items: center;
	background-color: #ebebeb;
	border-radius: 4px;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
	color: #9b9b9b;
	display: flex;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	height: 0!important;
	justify-content: unset;
	overflow: hidden;
	padding: 24px 16px;
	text-transform: uppercase
}

.cdk-drag-placeholder {
	height: 0;
	opacity: 0
}

.cdk-drag-animating,
.cdk-drop-list-dragging .cdk-drag {
	transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.f-sticky-attachment-offset {
	background-color: #fff;
	height: 61px;
	position: -webkit-sticky;
	position: sticky;
	z-index: 20
}

.f-sticky-attachment-offset.left {
	left: 0
}

.f-sticky-attachment-offset.right {
	right: 0
}









.example-headers-align .mat-expansion-panel-header-description,
.f-accordion-headers-align .mat-expansion-panel-header-title {
	flex-basis: 0
}

.f-accordion-headers-align .mat-expansion-panel-header-description {
	align-items: center;
	justify-content: space-between
}

.f-accordion-headers-align .mat-expansion-panel-header-description mat-icon {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.f-hidden {
	display: none
}

.f-accordion-headers-align .mat-expansion-panel-header-description {
	margin-right: 0
}

.f-accordion-headers-align .mat-expansion-panel-header-title {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 700;
	height: 24px;
	letter-spacing: normal;
	line-height: 1.71;
	width: 96px
}

.f-accordion-headers-align .mat-expansion-panel-header[aria-disabled=false] .mat-expansion-panel-header-title {
	color: #9b9b9b
}

.f-accordion-headers-align .mat-expansion-panel-header-description {
	font-size: 14px
}

.f-accordion-closed {
	transform: rotate(0deg);
	transition: transform .15s ease
}

.f-accordion-opened {
	transform: rotate(90deg);
	transition: transform .15s ease
}


fcsky-shared-svg.f-selected {
    color: #0093ee;
}

.f-card-email, .f-card-name, .f-card-phone, .f-card-title {
    color: rgba(0,0,0,.5);
    display: block;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f-card-email, .f-card-name {
    color: #0093ee;
}
.f-middle-content {
    display: -ms-inline-grid;
    display: inline-grid;
    min-height: 90px;
    width: 100%;
}
fcsky-shared-avatar {
    display: block;
    /* width: 100%; */
}
.f-card-name {
    font-weight: 700;
}
.card-3-col-group fcsky-shared-contact-card fcsky-shared-avatar {
    margin-bottom: 16px !important;
    cursor: pointer!important;
}

/* body.enable-left-nav.open-msa-left-nav .f-alert-notification {
	left: 275px;
}

.f-alert-notification {
	position: fixed;
	bottom: -100vh;
	left: 0;
    left: 76px;
    width: 340px;
    z-index: 999;
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 43%);
	padding: 16px;
	transition: all .7s;
}
.f-alert-notification-close {
	position: absolute;
    top: 23px;
    right: 16px;
}

.f-alert-notification-body-container {
    font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 24px;
    overflow: auto;
    padding: 1px 32px 8px;
    word-break: break-word;
    color: rgba(0,0,0,.87);
}

.f-alert-notification-show {
	bottom: 32px;	
} */

.f-alert-notification {
	position: absolute;
    top: 65px;
    left: 72px;
    right: 20px;
    background: #707070;
	z-index: 11111;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Source Sans Pro, sans-serif!important;
	color: #fff;
}
.f-alert-notification-icon {
	background: #fff;
    border-radius: 100%;
    padding: 4px;
    margin-right: 16px;
}
.f-alert-notification-icon svg {
	width: 20px;
	height: 20px;
	fill: #707070;
}

.f-alert-notification .f-alert-notification-text span,
.f-alert-notification .f-alert-notification-text a {
	font-family: Source Sans Pro,sans-serif;
	font-size: 14px;
	font-weight: 700!important;
	color: #fff;
}

.mat-tab-label-active:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #4b94ee;
    height: 2px;
}

.f-activity-timeline-accordion {
    cursor: pointer;
    transform: rotate(180deg);
}
.f-activity-timeline-accordion-active {
    transform: rotate(270deg);
}
.f-activity-timeline-accordion-panel {
    border-top: solid 1px rgba(0, 0, 0, .12);
    padding: 16px 32px;
    margin: 16px -16px 0 -16px;
}


.mat-chip-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: -7px;
}
.f-filter-chip-div {
	padding: 6px;
	position: relative;
}
.mat-chip.mat-standard-chip .f-chip-text-limit {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mat-chip.mat-standard-chip {
    border-radius: 4px;
    font-family: Source Sans Pro,sans-serif;
    font-size: 16px;
    height: auto;
    margin: 8px;
    min-height: auto;
    padding: 10px 20px;
}
.mat-standard-chip {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 16px;
    align-items: center;
    cursor: default;
    min-height: 32px;
    height: 1px;
}







.cdk-overlay-backdrop {
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 1000 !important;
	pointer-events: auto !important;
	-webkit-tap-highlight-color: transparent !important;
	transition: opacity .4s cubic-bezier(.25,.8,.25,1) !important;
	opacity: 0 !important;
	background-color: hsla(0,0%,50.2%,.3) !important;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
	opacity: 1 !important;
}

.fc-scroll-none {
	overflow: hidden;
	position: static;
}


.f-filter-chip-div-click .fc-share-filter {
	max-height: unset !important;
}

.fc-share-filter {
	width: 300px;
	max-height: 310px;
	pointer-events: auto;
	
	position: absolute;
	top: 44px;
	left: -65px;
	z-index: 13000!important;
	box-shadow: 0 6px 6px -3px rgb(0 0 0 / 20%), 0 10px 14px 1px rgb(0 0 0 / 14%), 0 4px 18px 3px rgb(0 0 0 / 12%);
	background-color: #fff;
	border-radius: 4px;
}

.fc-share-filter-search {
	box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	padding-left: 12px;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
	height: 60px;
	min-height: 60px;
	padding-right: 20px;
	width: 100%;
}
.fc-share-filter-dropdown-list {
	overflow: auto;
	height: calc(100% - 60px);
}
.fc-share-filter-dropdown-list ul {
	margin: auto;
	padding: 0;
}
.fc-share-filter-dropdown-list ul li {
	list-style: none;
	height: 48px !important;
	color: rgba(0,0,0,.87) !important;
	font-family: Source Sans Pro,sans-serif !important;
	font-size: 14px !important;
	cursor: pointer !important;
	padding-left: 8px !important;
	line-height: 48px !important;
	text-align: left !important;
	text-transform: none !important;
	font-weight: 400 !important;
}
.fc-share-filter-dropdown-list ul li:hover {
	background: rgba(0,0,0,.04);
	color: rgba(0,0,0,.87);
}
.f-div-overlap-btn.active {
	z-index: 99999;
	position: relative;
}
.f-div-overlap-btn.active:after {
	content: '';
	background-color: hsla(0,0%,50.2%,.3);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.f-div-overlap-btn.f-hide-after:after {
	content: '';
	display: none;
}


.f-filter-chip-div .fc-share-filter {
	left: 0;
	width: 266px;
}



.f-custom-radio-item {
	position: relative;
	padding-left: 20px;
	margin: 5px 5px 10px 5px;
	display: flex;
	align-items: center;
}
.f-custom-radio {
	width: 20px;
	height: 20px;
	position: relative;
    left: 0;
	top: 0;
	margin-left: -20px;
}
.f-custom-radio:after,
.f-custom-radio:before {
	content: '';
}
.f-custom-radio:after {
	box-sizing: border-box;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color ease 280ms;
    width: 20px;
    border-width: 2px;
    border-style: solid;
	border-radius: 50%;
	border-color: rgba(0,0,0,.37)!important;
}
.f-custom-radio:before {
	background-color: #417ed9;
	transform: scale(0.5);
	border-radius: 50%;
    box-sizing: border-box;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform ease 280ms,background-color ease 280ms;
	width: 20px;
	display: none;
}
.f-custom-radio-item-label {
	font-size: 14px!important;
	font-family: SourceSansPro-Regular,sans-serif;
    font-weight: 400;
	line-height: normal;
	padding-right: 16px!important;
	padding-left: 8px;
}

.f-custom-radio-item-action {
	display: none;
	padding: 0 5px;
}


.f-custom-radio-item.f-custom-radio-active .f-custom-radio:before {
	display: block;
}
.f-custom-radio-item.f-custom-radio-active .f-custom-radio-item-label {
	display: none;
}
.f-custom-radio-item.f-custom-radio-active .f-custom-radio-item-action {
	display: block;
}


.f-button-dropdown {
	position: relative;
}
.f-button-dropdown .fc-share-filter {
	right: 0;
	width: 192px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.f-button-dropdown .fc-share-filter li {
	padding: 0 16px !important;
}

.f-filter-overlay-custom {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: red;
    z-index: 1;
}

.f-filter-chip-div-click .cdk-overlay-backdrop-showing.cdk-overlay-backdrop-showing {
	z-index: 9999 !important;
}



.f-save-view .f-button-wrapper {
	margin-left: 6px !important;
}
/* .f-div-overlap-btn {
	max-width: 230px;
	white-space: nowrap;
}
.f-div-overlap-btn .f-chip-text-limit {

} */

.button-group {
	margin-right: 8px;
}
.button-group  .f-button:not(.button-group-active) {
	margin: 0;
	color: rgba(0, 0, 0, .5) !important;
	border-color: #ccc !important;
	background: #ececec !important;
}
.button-group  .f-button:first-child {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.button-group  .f-button:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
}
.button-group-active {
	background: #fff !important;
}

.f-timeline-record > .f-activity-timeline-accordion-panel {
	color: rgba(0, 0, 0, .84);
}
.f-timeline-record > .f-activity-timeline-accordion-panel img,
.f-timeline-record > .f-activity-timeline-accordion-panel iframe {
	display: block;
	margin: 0 auto;
}





.view-all-comments {
	display: flex;
	align-content: center;
    font-weight: 500;
    font-size: 13px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	color: #757575;
    /* color: #bdbdbd; */
    margin: 16px -32px 0;
    padding: 7px 32px;
}
.view-all-comments svg {
	fill: #757575;
	width: 21px;
	height: 21px;
	margin-right: 8px;
}

.fran-post-comments {

}
.fran-post-comments li {
	list-style: none;
    display: flex;
    padding: 10px 32px;
    background: #fafafa;
    margin: 0 -32px;
    border-bottom: 1px solid #eeeeee;
}
.fran-post-comments li .fran-post-comments-avtar {
	width: 40px;
    height: 40px;
    overflow: hidden;
	border-radius: 100%;
	margin: 0 16px 0 8px;
}
.fran-post-comments li .fran-post-comments-avtar img {
	margin: -5px;
    display: block;
}
.fran-post-comments li .fran-post-comments-body {
	flex: 2;
}



.we-comet {
    padding-left: 0;
    list-style: none;
	margin-top: 48px;
}

.we-comet > li {
    display: flex;
    margin-bottom: 20px;
    /* width: 100%; */
}

.we-comet > li:last-child {
    margin-bottom: 0;
}

.comet-avatar {
    /* display: table-cell;
    max-width: 7.6%; */
    vertical-align: top;
    /* width: 7.6%; */
}
.comet-avatar > img{
	max-width: 35px;
	width: 35px;
	min-width: 35px;
	border-radius: 100%;
}
.we-comment {
    border: 1px solid #ede9e9;
    flex: 2;
    margin-left: 20px;
    padding: 10px;
    vertical-align: top;
    position: relative;

}

.we-comment::before,
.peoples-mesg-box > ul > li p:before {
    border-bottom: 10px solid transparent;
    border-right: 11px solid #ede9e9;
    border-top: 10px solid transparent;
    left: -11px;
    top: 10px;
    position: absolute;
    content: '';
}

.we-comment::after,
.peoples-mesg-box > ul > li p:after {
    border-bottom: 8px solid transparent;
    border-right: 9px solid #fff;
    border-top: 8px solid transparent;
    left: -9px;
    top: 12px;
    position: absolute;
    content: '';
}
.coment-head {
	display: flex;
}
.coment-head > a { 
	flex: 2;
}
.coment-head > span { 
	color: rgba(0, 0, 0, .5);
}



h1, h2, h3, h4, h5, h6{font-family:"Montserrat",sans-serif}h1{font-size:64px;line-height:80px;font-weight:700}h2{font-size:48px;line-height:72px;font-weight:600}h3{font-size:36px;line-height:60px;font-weight:400}h4{font-size:24px;line-height:46px;font-weight:300}h5{font-size:22px;line-height:42px;font-weight:700}h6{font-size:16px;line-height:36px;font-weight:600}.f-title, .f-title-wst, .f-section-title, .f-page-header-title{font-family:"Montserrat",sans-serif}.f-title, .f-section-title{font-size:14px;line-height:26px;font-weight:700}.f-title-wst{font-size:14px;line-height:26px;font-weight:400}.f-page-header-title{font-size:22px;line-height:32px;font-weight:700}label, .f-form-label{font-family:"Montserrat",sans-serif}p, .f-form-text, .f-link-text, .f-link-text-bold{font-family:"Source Sans Pro",sans-serif}label, .f-form-label{font-size:14px;line-height:26px;font-weight:400}.f-form-text{font-size:12px;line-height:28px;font-weight:400}p, .f-link-text, a{font-size:14px;line-height:24px;font-weight:400}a, a:link, a:hover, .f-link-text, .f-link-text-bold{color:#0093ee}a:link{text-decoration:none}a:hover{text-decoration:underline}.f-link-text-bold{font-size:14px;line-height:18px;font-weight:600}section{display:inline-block}body{font-size:14px;line-height:22px;font-weight:400}.f-select-card{flex:1;border-radius:4px;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;margin:8px 12px 8px 0;padding:16px;min-height:64px;box-sizing:border-box;cursor:pointer;background-color:#fff;position:relative}.f-select-card   .f-checkbox-container{right:8px;top:4px;position:absolute}.f-select-card   .f-default{font-weight:500;font-size:14px;color:#414141;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.f-select-card   .f-heading{font-size:22px;color:#020202}.f-select-card   .f-title{text-transform:uppercase}.f-select-card     .mat-checkbox-frame{border-radius:50%!important}.f-select-card     .mat-checkbox-disabled{cursor:pointer!important}.f-select-card     .mat-checkbox-checked.mat-accent .mat-checkbox-background{border-radius:50%!important;background-color:#5da93f!important;border:solid 2px #5da93f!important}  .f-loading-shade>mat-spinner>svg>circle{stroke-width:2px!important}.f-loading-shade{top:0px!important;background:rgba(255,255,255,.6)!important}.f-rel{position:relative!important}


.mat-sort-header-container {
	display: flex;
	cursor: pointer;
	align-items: center;
	letter-spacing: normal;
	outline: 0
}

[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container,
[mat-sort-header].cdk-program-focused .mat-sort-header-container {
	border-bottom: solid 1px currentColor
}

.mat-sort-header-disabled .mat-sort-header-container {
	cursor: default
}

.mat-sort-header-content {
	text-align: center;
	display: flex;
	align-items: center
}

.mat-sort-header-position-before {
	flex-direction: row-reverse
}

.mat-sort-header-arrow {
	height: 12px;
	width: 12px;
	min-width: 12px;
	position: relative;
	display: flex;
	opacity: 0
}

.mat-sort-header-arrow,
[dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow {
	margin: 0 0 0 6px
}

.mat-sort-header-position-before .mat-sort-header-arrow,
[dir=rtl] .mat-sort-header-arrow {
	margin: 0 6px 0 0
}

.mat-sort-header-stem {
	background: currentColor;
	height: 10px;
	width: 2px;
	margin: auto;
	display: flex;
	align-items: center
}

.cdk-high-contrast-active .mat-sort-header-stem {
	width: 0;
	border-left: solid 2px
}

.mat-sort-header-indicator {
	width: 100%;
	height: 2px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0
}

.mat-sort-header-pointer-middle {
	margin: auto;
	height: 2px;
	width: 2px;
	background: currentColor;
	transform: rotate(45deg)
}

.cdk-high-contrast-active .mat-sort-header-pointer-middle {
	width: 0;
	height: 0;
	border-top: solid 2px;
	border-left: solid 2px
}

.mat-sort-header-pointer-left,
.mat-sort-header-pointer-right {
	background: currentColor;
	width: 6px;
	height: 2px;
	position: absolute;
	top: 0
}

.cdk-high-contrast-active .mat-sort-header-pointer-left,
.cdk-high-contrast-active .mat-sort-header-pointer-right {
	width: 0;
	height: 0;
	border-left: solid 6px;
	border-top: solid 2px
}

.mat-sort-header-pointer-left {
	transform-origin: right;
	left: 0
}

.mat-sort-header-pointer-right {
	transform-origin: left;
	right: 0
}

.mat-sort-header-container {
	display: flex;
	cursor: pointer;
	align-items: center;
	letter-spacing: normal;
	outline: 0
}

[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container,
[mat-sort-header].cdk-program-focused .mat-sort-header-container {
	border-bottom: solid 1px currentColor
}

.mat-sort-header-disabled .mat-sort-header-container {
	cursor: default
}

.mat-sort-header-content {
	text-align: center;
	display: flex;
	align-items: center
}

.mat-sort-header-position-before {
	flex-direction: row-reverse
}

.mat-sort-header-arrow {
	height: 12px;
	width: 12px;
	min-width: 12px;
	position: relative;
	display: flex;
	opacity: 0
}

.mat-sort-header-arrow,
[dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow {
	margin: 0 0 0 6px
}

.mat-sort-header-position-before .mat-sort-header-arrow,
[dir=rtl] .mat-sort-header-arrow {
	margin: 0 6px 0 0
}

.mat-sort-header-stem {
	background: currentColor;
	height: 10px;
	width: 2px;
	margin: auto;
	display: flex;
	align-items: center
}

.cdk-high-contrast-active .mat-sort-header-stem {
	width: 0;
	border-left: solid 2px
}

.mat-sort-header-indicator {
	width: 100%;
	height: 2px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0
}

.mat-sort-header-pointer-middle {
	margin: auto;
	height: 2px;
	width: 2px;
	background: currentColor;
	transform: rotate(45deg)
}

.cdk-high-contrast-active .mat-sort-header-pointer-middle {
	width: 0;
	height: 0;
	border-top: solid 2px;
	border-left: solid 2px
}

.mat-sort-header-pointer-left,
.mat-sort-header-pointer-right {
	background: currentColor;
	width: 6px;
	height: 2px;
	position: absolute;
	top: 0
}

.cdk-high-contrast-active .mat-sort-header-pointer-left,
.cdk-high-contrast-active .mat-sort-header-pointer-right {
	width: 0;
	height: 0;
	border-left: solid 6px;
	border-top: solid 2px
}

.mat-sort-header-pointer-left {
	transform-origin: right;
	left: 0
}

.mat-sort-header-pointer-right {
	transform-origin: left;
	right: 0
}






h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", sans-serif
}

h1 {
	font-size: 64px;
	line-height: 80px;
	font-weight: 700
}

h2 {
	font-size: 48px;
	line-height: 72px;
	font-weight: 600
}

h3 {
	font-size: 36px;
	line-height: 60px;
	font-weight: 400
}

h4 {
	font-size: 24px;
	line-height: 46px;
	font-weight: 300
}

h5 {
	font-size: 22px;
	line-height: 42px;
	font-weight: 700
}

h6 {
	font-size: 16px;
	line-height: 36px;
	font-weight: 600
}

.f-title,
.f-title-wst,
.f-section-title,
.f-page-header-title {
	font-family: "Montserrat", sans-serif
}

.f-title,
.f-section-title {
	font-size: 14px;
	line-height: 26px;
	font-weight: 700
}

.f-title-wst {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400
}

.f-page-header-title {
	font-size: 22px;
	line-height: 32px;
	font-weight: 700
}

label,
.f-form-label {
	font-family: "Montserrat", sans-serif
}

p,
.f-form-text,
.f-link-text,
.f-link-text-bold {
	font-family: "Source Sans Pro", sans-serif
}

label,
.f-form-label {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400
}

.f-form-text {
	font-size: 12px;
	line-height: 28px;
	font-weight: 400
}

p,
.f-link-text,
a {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400
}

a,
a:link,
a:hover,
.f-link-text,
.f-link-text-bold {
	color: #0093ee
}

a:link {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.f-link-text-bold {
	font-size: 14px;
	line-height: 18px;
	font-weight: 600
}

section {
	display: inline-block
}

body {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400
}

.mat-button:focus,
.mat-fab:focus,
.mat-flat-button:focus,
.mat-icon-button:focus,
.mat-mini-fab:focus,
.mat-raised-button:focus,
.mat-stroked-button:focus,
.mat-menu-item:focus {
	outline: none
}

.mat-sort-header-container button:focus {
	outline: none
}

.mat-tab-label .mat-tab-label-content .mat-icon {
	margin: 0 8px
}

.mat-table {
	max-height: none
}

.white-color {
	background-color: #fff
}

.color-blue {
	color: #0093ee
}

.pointer {
	cursor: pointer
}

.f-margin-auto {
	margin: auto
}

.f-margin-0 {
	margin: 0
}

.f-margin-1px {
	margin: 1px
}

.f-margin-2px {
	margin: 2px
}

.f-margin-3px {
	margin: 3px
}

.f-margin-4px {
	margin: 4px
}

.f-margin-5px {
	margin: 5px
}

.f-margin-8px {
	margin: 8px
}

.f-margin-10px {
	margin: 10px
}

.f-margin-12px {
	margin: 12px
}

.f-margin-15px {
	margin: 15px
}

.f-margin-16px {
	margin: 16px
}

.f-margin-20px {
	margin: 20px
}

.f-margin-24px {
	margin: 24px
}

.f-margin-32px {
	margin: 32px
}

.f-margin-40px {
	margin: 40px
}

.f-margin-48px {
	margin: 48px
}

.f-margin-56px {
	margin: 56px
}

.f-margin-64px {
	margin: 64px
}

.f-margin-top-0 {
	margin-top: 0
}

.f-margin-top-1px {
	margin-top: 1px
}

.f-margin-top-2px {
	margin-top: 2px
}

.f-margin-top-3px {
	margin-top: 3px
}

.f-margin-top-4px {
	margin-top: 4px
}

.f-margin-top-5px {
	margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
	margin-top: 8px
}

.f-margin-top-10px {
	margin-top: 10px
}

.f-margin-top-12px {
	margin-top: 12px
}

.f-margin-top-15px {
	margin-top: 15px
}

.f-margin-top-16px {
	margin-top: 16px
}

.f-margin-top-18px {
	margin-top: 18px
}

.f-margin-top-20px {
	margin-top: 20px
}

.f-margin-top-24px {
	margin-top: 24px
}

.f-margin-top-32px {
	margin-top: 32px
}

.f-margin-top-40px {
	margin-top: 40px
}

.f-margin-top-48px {
	margin-top: 48px
}

.f-margin-top-56px {
	margin-top: 56px
}

.f-margin-top-64px {
	margin-top: 64px
}

.f-margin-bottom-0 {
	margin-bottom: 0
}

.f-margin-bottom-1px {
	margin-bottom: 1px
}

.f-margin-bottom-2px {
	margin-bottom: 2px
}

.f-margin-bottom-3px {
	margin-bottom: 3px
}

.f-margin-bottom-4px {
	margin-bottom: 4px
}

.f-margin-bottom-5px {
	margin-bottom: 5px
}

.f-margin-bottom-8px {
	margin-bottom: 8px
}

.f-margin-bottom-10px {
	margin-bottom: 10px
}

.f-margin-bottom-12px {
	margin-bottom: 12px
}

.f-margin-bottom-15px {
	margin-bottom: 15px
}

.f-margin-bottom-16px {
	margin-bottom: 16px
}

.f-margin-bottom-18px {
	margin-bottom: 18px
}

.f-margin-bottom-20px {
	margin-bottom: 20px
}

.f-margin-bottom-24px {
	margin-bottom: 24px
}

.f-margin-bottom-32px {
	margin-bottom: 32px
}

.f-margin-bottom-40px {
	margin-bottom: 40px
}

.f-margin-bottom-48px {
	margin-bottom: 48px
}

.f-margin-bottom-56px {
	margin-bottom: 56px
}

.f-margin-bottom-60px {
	margin-bottom: 60px
}

.f-margin-bottom-64px {
	margin-bottom: 64px
}

.f-margin-left-0 {
	margin-left: 0
}

.f-margin-left-1px {
	margin-left: 1px
}

.f-margin-left-2px {
	margin-left: 2px
}

.f-margin-left-3px {
	margin-left: 3px
}

.f-margin-left-4px {
	margin-left: 4px
}

.f-margin-left-5px {
	margin-left: 5px
}

.f-margin-left-8px {
	margin-left: 8px
}

.f-margin-left-10px {
	margin-left: 10px
}

.f-margin-left-12px {
	margin-left: 12px
}

.f-margin-left-15px {
	margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
	margin-left: 16px
}

.f-margin-left-18px {
	margin-left: 18px
}

.f-margin-left-20px {
	margin-left: 20px
}

.f-margin-left-24px {
	margin-left: 24px
}

.f-margin-left-32px {
	margin-left: 32px
}

.f-margin-left-40px {
	margin-left: 40px
}

.f-margin-left-48px {
	margin-left: 48px
}

.f-margin-left-56px {
	margin-left: 56px
}

.f-margin-left-64px {
	margin-left: 64px
}

.f-margin-right-0 {
	margin-right: 0
}

.f-margin-right-1px {
	margin-right: 1px
}

.f-margin-right-2px {
	margin-right: 2px
}

.f-margin-right-3px {
	margin-right: 3px
}

.f-margin-right-4px {
	margin-right: 4px
}

.f-margin-right-5px {
	margin-right: 5px
}

.f-margin-right-8px {
	margin-right: 8px
}

.f-margin-right-10px {
	margin-right: 10px
}

.f-margin-right-12px {
	margin-right: 12px
}

.f-margin-right-15px {
	margin-right: 15px
}

.f-margin-right-16px {
	margin-right: 16px
}

.f-margin-right-18px {
	margin-right: 18px
}

.f-margin-right-20px {
	margin-right: 20px
}

.f-margin-right-24px {
	margin-right: 24px
}

.f-margin-right-32px {
	margin-right: 32px
}

.f-margin-right-40px {
	margin-right: 40px
}

.f-margin-right-48px {
	margin-right: 48px
}

.f-margin-right-56px {
	margin-right: 56px
}

.f-margin-right-64px {
	margin-right: 64px
}

.f-padding-top-0 {
	padding-top: 0
}

.f-padding-top-1px {
	padding-top: 1px
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-padding-top-3px {
	padding-top: 3px
}

.f-padding-top-4px {
	padding-top: 4px
}

.f-padding-top-5px {
	padding-top: 5px
}

.f-padding-top-8px {
	padding-top: 8px
}

.f-padding-top-10px {
	padding-top: 10px
}

.f-padding-top-12px {
	padding-top: 12px
}

.f-padding-top-15px {
	padding-top: 15px
}

.f-padding-top-16px {
	padding-top: 16px
}

.f-padding-top-20px {
	padding-top: 20px
}

.f-padding-top-24px {
	padding-top: 24px
}

.f-padding-top-32px {
	padding-top: 32px
}

.f-padding-top-40px {
	padding-top: 40px
}

.f-padding-top-48px {
	padding-top: 48px
}

.f-padding-top-56px {
	padding-top: 56px
}

.f-padding-top-64px {
	padding-top: 64px
}

.f-padding-bottom-0 {
	padding-bottom: 0
}

.f-padding-bottom-1px {
	padding-bottom: 1px
}

.f-padding-bottom-2px {
	padding-bottom: 2px
}

.f-padding-bottom-3px {
	padding-bottom: 3px
}

.f-padding-bottom-4px {
	padding-bottom: 4px
}

.f-padding-bottom-5px {
	padding-bottom: 5px
}

.f-padding-bottom-8px {
	padding-bottom: 8px
}

.f-padding-bottom-10px {
	padding-bottom: 10px
}

.f-padding-bottom-12px {
	padding-bottom: 12px
}

.f-padding-bottom-15px {
	padding-bottom: 15px
}

.f-padding-bottom-16px {
	padding-bottom: 16px
}

.f-padding-bottom-20px {
	padding-bottom: 20px
}

.f-padding-bottom-24px {
	padding-bottom: 24px
}

.f-padding-bottom-32px {
	padding-bottom: 32px
}

.f-padding-bottom-40px {
	padding-bottom: 40px
}

.f-padding-bottom-48px {
	padding-bottom: 48px
}

.f-padding-bottom-56px {
	padding-bottom: 56px
}

.f-padding-bottom-64px {
	padding-bottom: 64px
}

.f-padding-left-0 {
	padding-left: 0
}

.f-padding-left-1px {
	padding-left: 1px
}

.f-padding-left-2px {
	padding-left: 2px
}

.f-padding-left-3px {
	padding-left: 3px
}

.f-padding-left-4px {
	padding-left: 4px
}

.f-padding-left-5px {
	padding-left: 5px
}

.f-padding-left-8px {
	padding-left: 8px
}

.f-padding-left-10px {
	padding-left: 10px
}

.f-padding-left-12px {
	padding-left: 12px
}

.f-padding-left-15px {
	padding-left: 15px
}

.f-padding-left-16px {
	padding-left: 16px
}

.f-padding-left-20px {
	padding-left: 20px
}

.f-padding-left-24px {
	padding-left: 24px
}

.f-padding-left-32px {
	padding-left: 32px
}

.f-padding-left-40px {
	padding-left: 40px
}

.f-padding-left-48px {
	padding-left: 48px
}

.f-padding-left-56px {
	padding-left: 56px
}

.f-padding-left-64px {
	padding-left: 64px
}

.f-padding-right-0 {
	padding-right: 0
}

.f-padding-right-1px {
	padding-right: 1px
}

.f-padding-right-2px {
	padding-right: 2px
}

.f-padding-right-3px {
	padding-right: 3px
}

.f-padding-right-4px {
	padding-right: 4px
}

.f-padding-right-5px {
	padding-right: 5px
}

.f-padding-right-8px {
	padding-right: 8px
}

.f-padding-right-10px {
	padding-right: 10px
}

.f-padding-right-12px {
	padding-right: 12px
}

.f-padding-right-15px {
	padding-right: 15px
}

.f-padding-right-16px {
	padding-right: 16px
}

.f-padding-right-20px {
	padding-right: 20px
}

.f-padding-right-24px {
	padding-right: 24px
}

.f-padding-right-32px {
	padding-right: 32px
}

.f-padding-right-40px {
	padding-right: 40px
}

.f-padding-right-48px {
	padding-right: 48px
}

.f-padding-right-56px {
	padding-right: 56px
}

.f-padding-right-64px {
	padding-right: 64px
}

.f-padding-0 {
	padding: 0
}

.f-padding-1px {
	padding: 1px
}

.f-padding-2px {
	padding: 2px
}

.f-padding-3px {
	padding: 3px
}

.f-padding-4px {
	padding: 4px
}

.f-padding-5px {
	padding: 5px
}

.f-padding-8px {
	padding: 8px
}

.f-padding-10px {
	padding: 10px
}

.f-padding-12px {
	padding: 12px
}

.f-padding-15px {
	padding: 15px
}

.f-padding-16px {
	padding: 16px
}

.f-padding-20px {
	padding: 20px
}

.f-padding-24px {
	padding: 24px
}

.f-padding-32px {
	padding: 32px
}

.f-padding-40px {
	padding: 40px
}

.f-padding-48px {
	padding: 48px
}

.f-padding-56px {
	padding: 56px
}

.f-padding-64px {
	padding: 64px
}

.f-width-100 {
	width: 100%
}

.f-width-75 {
	width: 75%
}

.f-width-60 {
	width: 60%
}

.f-width-50 {
	width: 50%
}

.f-width-35 {
	width: 35%
}

.f-width-25 {
	width: 25%
}

.f-width-20 {
	width: 20%
}

.f-width-10 {
	width: 10%
}

.f-height-100 {
	height: 100%
}

.f-height-48 {
	height: 48px
}

.f-no-pointer-events-important {
	pointer-events: none !important
}

.f-no-pointer-events {
	pointer-events: none
}

.f-not-allowed-cursor {
	cursor: not-allowed
}

.f-pointer-events-auto {
	pointer-events: auto
}

.f-text-align-left {
	text-align: left
}

.f-text-align-right,
.f-text-align-end {
	text-align: right
}

.f-text-align-center {
	text-align: center
}

.f-required-legend {
	color: #373a3c
}

.f-required-legend:before {
	content: "* ";
	color: #d0021b
}

.f-mat-hint {
	font-size: 12px;
	text-align: left;
	line-height: 1.125;
	font-family: "Montserrat", sans-serif
}

.f-help-text {
	position: relative;
	color: #757575;
	font-size: 12px;
	text-align: end;
	width: 100%;
	padding: 0;
	bottom: 18px;
	font-family: "Source Sans Pro", sans-serif;
	margin-top: 16px;
	line-height: 12px
}

.f-mat-error {
	font-size: 75%;
	text-align: left;
	line-height: 1.125;
	font-family: "Montserrat", sans-serif;
	margin-left: 0
}

.f-no-user-selection {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.f-cursor-pointer {
	cursor: pointer
}

.f-cursor-normal {
	cursor: default
}

.f-text-uppercase {
	text-transform: uppercase
}

.f-text-lowercase {
	text-transform: lowercase
}

.f-text-bold {
	font-weight: bold !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	width: 100%;
	display: flex;
	margin-top: 16px;
	flex-flow: row nowrap;
	align-content: center;
	justify-content: flex-end;
	text-align: right
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
	align-self: flex-end;
	text-align: end;
	width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
	width: 100%
}

.f-mandatory:after {
	content: "*";
	color: #f44336;
	font-size: 16px;
	margin-left: 3px
}

.alert-svg-large {
	height: 48px;
	width: 48px
}

.f-basic-chip,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-high-priority,
.f-basic-queued,
.f-basic-ready-review,
.f-basic-processing-error,
.f-basic-archived,
.f-basic-overdue,
.f-basic-approved,
.f-basic-waiting,
.f-basic-active,
.f-basic-unscheduled,
.f-basic-pending {
	width: 100%;
	color: #757575
}

.f-raised-chip,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-high-priority,
.f-raised-queued,
.f-raised-ready-review,
.f-raised-processing-error,
.f-raised-archived,
.f-raised-overdue,
.f-raised-approved,
.f-raised-waiting,
.f-raised-active,
.f-raised-unscheduled,
.f-raised-pending {
	line-height: 22px;
	background-color: #757575;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	width: 100%
}

.f-basic-pending {
	color: #faca00
}

.f-raised-pending {
	background-color: #faca00
}

.f-basic-unscheduled {
	color: #8698d0
}

.f-raised-unscheduled {
	background-color: #8698d0
}

.f-basic-active {
	color: #1abfce
}

.f-raised-active {
	background-color: #1abfce
}

.f-basic-waiting {
	color: #f68b3e
}

.f-raised-waiting {
	background-color: #f68b3e
}

.f-basic-approved {
	color: #5da93f
}

.f-raised-approved {
	background-color: #5da93f
}

.f-basic-overdue {
	color: #f55c58
}

.f-raised-overdue {
	background-color: #f55c58
}

.f-basic-archived {
	color: #989898
}

.f-raised-archived {
	background-color: #989898
}

.f-basic-processing-error {
	color: #3b8ed8
}

.f-raised-processing-error {
	background-color: #3b8ed8
}

.f-basic-ready-review {
	color: #bb9f00
}

.f-raised-ready-review {
	background-color: #bb9f00
}

.f-basic-queued {
	color: #881ab9
}

.f-raised-queued {
	background-color: #881ab9
}

.f-basic-high-priority {
	color: #f55c58
}

.f-raised-high-priority {
	background-color: #f55c58
}

.f-basic-medium-priority {
	color: #f68b3e
}

.f-raised-medium-priority {
	background-color: #f68b3e
}

.f-basic-low-priority {
	color: #1abfce
}

.f-raised-low-priority {
	background-color: #1abfce
}

.f-link {
	color: #4a90e2;
	cursor: pointer;
	width: 100%
}

.f-font-weight-unset {
	font-weight: unset
}

.f-max-width-unset-important {
	max-width: unset !important
}

.f-font-weight-inherit {
	font-weight: inherit
}

.f-font-weight-normal {
	font-weight: normal
}

.f-font-weight-lighter {
	font-weight: lighter
}

.f-font-weight-bold {
	font-weight: bold
}

.f-font-weight-600 {
	font-weight: 600
}

.f-font-weight-bolder {
	font-weight: bolder
}

.f-position-relative {
	position: relative
}

.f-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.f-overflow-hidden {
	overflow: hidden
}

.f-overflow-y-scroll {
	overflow-y: scroll
}

.f-overflow-x-scroll {
	overflow-x: scroll
}

.f-overflow-auto {
	overflow: auto
}

.f-letter-spacing-0-5 {
	letter-spacing: .5px
}

.f-letter-spacing-1 {
	letter-spacing: 1px
}

.f-letter-spacing-1-25 {
	letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
	letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
	letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
	letter-spacing: 1.83px
}

.f-letter-spacing-2 {
	letter-spacing: 2px
}

.f-white-space-nowrap {
	white-space: nowrap
}

.f-inline-block {
	display: inline-block
}

.f-display-block {
	display: block
}

.f-z-index-1 {
	z-index: 1
}

.f-text-color-warning {
	color: #f44336
}

.f-count {
	background: rgba(0, 0, 0, .87);
	border-radius: 2px;
	color: #fff;
	margin-left: 12px;
	padding: 2px 6px
}

.f-black-text-54 {
	color: #0000008a
}

.f-spacer-16 {
	margin-top: 16px
}

.f-spacer-20 {
	margin-top: 20px
}

.f-spacer-24 {
	margin-top: 24px
}

.f-underline {
	text-decoration: underline
}

.f-loading-shade {
	position: absolute;
	top: 56px;
	left: 0;
	bottom: 0px;
	right: 0;
	background: rgba(255, 255, 255, .6);
	z-index: 101;
	display: flex;
	align-items: center;
	justify-content: center
}

.f-flex-center-center {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-border-horizontal-1px {
	border-top: solid 1px #cccccc
}

.f-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.f-color-inherit {
	color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
	transform: rotate(135deg) !important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
	transform: none
}

.f-panel-container .f-no-data-label {
	bottom: 30%
}

.f-panel-container fcsky-shared-button div {
	padding-top: 16px
}

.f-panel-container fcsky-shared-button div button span span {
	margin: auto
}

.f-links-listing-button .f-button span span {
	margin: auto
}

.f-links-listing-button.group-action .f-button-wrapper {
	padding: 16px
}

.f-links-listing-button.global-action .f-button-wrapper {
	padding: 16px
}

.f-right-shadow {
	box-shadow: 5px 0 5px -5px #0000001f
}

.f-left-shadow {
	box-shadow: -5px 0 5px -5px #0000001f
}

.f-vertical-align-middle {
	vertical-align: middle
}

.f-pointer {
	cursor: pointer
}

.f-line-height-24px {
	line-height: 24px
}

.f-fixed-position {
	position: sticky;
	z-index: 1000;
	top: 56px;
	height: 62px;
	background-color: #fff;
	box-shadow: 0 2px 8px #0000001f;
	padding-left: 8px
}

.f-fixed-position .f-collapsable {
	box-shadow: none;
	border-top: none;
	width: 36px !important
}

.f-selected-items-bar {
	height: 54px;
	background-color: #e8effc;
	display: flex;
	flex-direction: row;
	place-content: stretch space-between
}

.f-selected-items-bar .f-selected-items {
	color: #4a4a4a;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	line-height: 54px;
	padding-left: 24px;
	font-weight: 600
}

.f-selected-items-bar .f-selected-items-actions {
	line-height: 54px;
	display: inline-block
}

.f-selected-items-bar .f-display-actions {
	display: inline-block;
	vertical-align: middle
}

.f-selected-items-bar .f-display-inline-block {
	display: inline-block
}

.f-selected-items-bar .f-upfront-action {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	line-height: 54px;
	vertical-align: middle;
	font-weight: 600;
	color: #4a90e2;
	cursor: pointer
}

.f-selected-items-bar .f-action-right-padding {
	padding-right: 15px
}

.f-selected-items-bar .f-icon-right-padding {
	padding-right: 5px
}

.f-table {
	width: 100%;
	box-sizing: border-box
}

.f-table *,
.f-table *:before,
.f-table *:after {
	box-sizing: border-box
}

.f-table-cell-with-icon {
	display: flex;
	justify-content: space-between;
	width: 100%;
	cursor: pointer
}

.f-table .f-alternate-color-row {
	background-color: #f1f1f1
}

.f-table .f-sticky-header-cell {
	z-index: 102 !important
}

.f-table .f-table-header-cell {
	height: 56px;
	background-color: #ebebeb;
	line-height: 24px;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700 !important;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #9b9b9b !important;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 0 8px
}

.f-table .f-table-header-cell .f-table-header-drag-me {
	position: absolute;
	height: 100%;
	width: 20px;
	top: 0;
	cursor: col-resize
}

.f-table .f-table-header-cell .f-left {
	left: 0
}

.f-table .f-table-header-cell .f-right {
	right: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:after {
	content: "";
	width: 1px;
	display: inline-block;
	background: #9b9b9b;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:before {
	content: "";
	width: 1px;
	display: inline-block;
	background: #9b9b9b;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.f-table .f-table-header-cell:not(tr) {
	padding: 0 8px
}

.f-table .f-table-header-cell button {
	text-transform: uppercase
}

.f-table .f-table-header-cell.f-min-width-header-cell {
	flex: 0 0 60px
}

.f-table .f-table-header-cell mat-checkbox {
	margin-left: 0 !important
}

.f-table .f-table-row-cell {
	line-height: 18px;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #4a4a4a
}

.f-table .f-table-row-cell.f-min-width-row-cell {
	min-width: 60px;
	max-width: 60px
}

.f-table .f-table-row-cell mat-checkbox {
	margin-left: 0
}

.f-table td {
	border-bottom: 0
}

.f-table tr.selected td {
	background-color: #ebf6ff
}

.f-table .f-new-row {
	background-color: #e1f8f3
}

.f-table fcsky-shared-svg {
	vertical-align: text-top;
	display: inline-block;
	margin-right: 5px
}

.f-table .f-right-align {
	margin-left: auto;
	margin-right: 5px
}

.f-table .f-sticky {
	position: sticky;
	top: 0
}

.f-table td.mat-cell:first-of-type,
.f-table td.mat-footer-cell:first-of-type,
.f-table th.mat-header-cell:first-of-type {
	padding-left: 24px !important
}

.f-table td.mat-cell:first-of-type .f-cell-container-full-width,
.f-table td.mat-footer-cell:first-of-type .f-cell-container-full-width,
.f-table th.mat-header-cell:first-of-type .f-cell-container-full-width {
	padding: 0
}

.f-table td.mat-cell,
.f-table td.mat-footer-cell,
.f-table th.mat-header-cell {
	vertical-align: middle !important
}

.f-table th.mat-column-check,
.f-table th.mat-column-actions,
.f-table td.mat-column-check,
.f-table td.mat-column-actions {
	box-sizing: border-box
}

.f-table mat-checkbox {
	margin-left: 24px
}

.f-table .mat-header-row {
	z-index: 100
}

.f-table.f-padding-left-24 .mat-header-row {
	padding: 0 24px;
	border-bottom: 0
}

.f-table.f-padding-left-24 .mat-row {
	padding: 0 24px
}

.f-table.f-padding-left-24 .f-table-detail-row fcsky-shared-attachments {
	margin: 0
}

.f-table fcsky-shared-attachments {
	width: 100%
}

.f-table .f-no-data {
	position: relative;
	text-align: center
}

.f-table .f-no-data tr {
	border: 0
}

.f-table .f-table-footer {
	border: 0;
	display: flex;
	width: 100%
}

.f-table .f-hide-footer {
	display: none
}

.f-table td.mat-footer-cell {
	border: 0
}

.f-table .f-table-detail-row {
	width: 100%;
	display: flex;
	height: 62px;
	border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-detail-row fcsky-shared-attachments {
	margin-right: 24px
}

.f-table .f-table-detail-row td {
	padding-top: 2px;
	display: block;
	border-bottom: 0
}

.f-table .f-hide-attachments {
	display: none
}

.f-table .f-row-border {
	height: 50px
}

.f-table .f-row-border td {
	border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-attachment-container {
	overflow: hidden;
	display: flex
}

.f-table .f-show-ellipsis,
.f-table .f-link-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	border-right: 16px solid transparent;
	display: inline-block
}

.f-table .f-icon-on-right {
	border-right: 5px solid transparent
}

.f-table .f-link-ellipsis {
	color: #0093ee
}

.f-table .f-cell-container-full-width {
	min-width: 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	padding: 0 8px;
	box-sizing: border-box
}

.f-table .f-align-to-right {
	text-align: right;
	justify-content: flex-end;
	width: 100%
}

.f-table .f-align-to-right .f-table-header-ellipsis {
	text-align: right;
	justify-content: flex-end
}

.f-table .f-align-to-center {
	text-align: center;
	justify-content: center;
	width: 100%
}

.f-table .f-align-to-center .f-table-header-ellipsis {
	text-align: center;
	justify-content: center
}

.f-table .f-cell-with-icon {
	min-width: calc(100% - 29px);
	max-width: calc(100% - 29px)
}

.f-table .f-status-width {
	width: auto;
	border: 0
}

.f-table .f-status-ellipsis {
	color: #fff
}

.f-table .f-table-header-ellipsis {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	justify-content: flex-start
}

.f-table .mat-sort-header-content {
	width: calc(100% - 18px)
}

.f-table fcsky-shared-table-link,
.f-table fcsky-shared-table-chip,
.f-table fcsky-shared-table-attachment-column,
.f-table fcsky-shared-table-cell-phone-number,
.f-table fcsky-shared-table-date,
.f-table fcsky-shared-table-default,
.f-table fcsky-shared-table-multi-link {
	display: contents
}

.f-table-pagination-wrapper {
	position: relative
}

.f-loading-shade {
	position: absolute;
	top: 56px;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(255, 255, 255, .6);
	z-index: 101;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap
}

.f-no-attachments {
	display: flex;
	margin-left: 60px;
	height: 61px
}

.f-no-attachments span {
	padding-top: 2px;
	color: #838383
}

.f-number-of-records {
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	border-top: 1px solid #e6e6e6
}

.f-number-of-records span {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
	color: #0000008a
}

.f-no-data-label {
	line-height: 18px;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform: translate(-50%, -50%)
}

.f-attachment-count {
	vertical-align: middle
}

.grey-color {
	background-color: #f1f1f1
}

.simple-color {
	background-color: #fff
}

.cdk-drag-preview {
	height: 0px !important;
	border-radius: 4px;
	box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
	background-color: #ebebeb;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #9b9b9b;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: unset;
	padding: 24px 16px;
	overflow: hidden
}

.cdk-drag-placeholder {
	opacity: 0;
	height: 0
}

.cdk-drop-list-dragging .cdk-drag {
	transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.cdk-drag-animating {
	transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.f-sticky-attachment-offset {
	height: 61px;
	position: sticky;
	z-index: 20;
	background-color: #fff
}

.f-sticky-attachment-offset.left {
	left: 0
}

.f-sticky-attachment-offset.right {
	right: 0
}






.f-text-nowrap {
	white-space: nowrap
}

.f-flex-2 {
	flex: 2 !important;
	min-width: 0
}

.f-flex-order-1 {
	order: 1
}

.f-flex-order-2 {
	order: 2
}

.f-flex-order-3 {
	order: 3
}

.f-flex-order-4 {
	order: 4
}

.f-line-height-40px {
	line-height: 40px
}

.f-height-40px {
	height: 40px
}

.f-height-44px {
	height: 44px
}

.f-height-65px {
	height: 65px
}

.f-min-height-100 {
	min-height: 100%
}

.f-min-height-85vh {
	min-height: 85vh
}

.f-min-height-100vh {
	min-height: 100vh
}

.f-border-bottom-1px {
	border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
	padding-left: 250px !important;
	padding-right: 0 !important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
	width: calc(100vw - 270px) !important
}

body.enable-left-nav .mainContainer {
	width: calc(100vw - 73px) !important
}

body .siteMainTable {
	padding-left: 54px !important;
	padding-right: 0 !important
}

body .cdk-overlay-connected-position-bounding-box fcsky-shared-chip-overlay .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	margin-top: 6px !important
}

body .f-form-accordion .widget-container {
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: none !important
}

body .f-form-accordion .mat-expansion-panel-body {
	padding: 0 1px 0 0;
	margin: 0
}

body .f-form-accordion .mat-expansion-panel {
	box-shadow: none
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header {
	padding: 0 8px;
	margin: 0;
	height: 48px;
	border-bottom: 1px solid #ebebeb;
	border-radius: 0
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
	box-shadow: none !important;
	background: none !important
}

body .f-form-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
	border-bottom: 0
}

.f--cyan {
	color: #26c1c9
}

.f--green {
	color: #4d8b35
}

.f--yellow {
	color: #faca00
}

.f--red {
	color: #d0021b
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
	min-width: 42px !important;
	padding: 12px 8px 12px 14px !important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
	width: auto !important;
	height: auto !important
}

fcsky-shared-section .widget-container div.f-page-header-title {
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: .86px
}

.f-textalign-center {
	text-align: center !important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
	background: rgba(97, 97, 97, .9) !important;
	max-width: 100% !important
}

.leftnav-collapse {
	width: 100% !important
}

.full-screen.leftnav-collapse {
	width: 100% !important
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-white-bg {
	background: #fff
}

.f-box-sizing-border-box {
	box-sizing: border-box
}

.f-sub-heading .f-section-title {
	text-transform: none !important;
	text-transform: initial !important;
	color: #4a4a4a !important;
	font-size: 16px !important;
	line-height: 24px !important
}

.f-card-title mat-label {
	text-transform: none !important;
	text-transform: initial !important;
	color: #4a4a4a !important;
	font-size: 16px !important;
	font-family: Montserrat, sans-serif !important;
	line-height: 24px !important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
	top: 85px !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
		margin-left: -1px
	}
}

.f-grid-col-3 {
	max-width: 25%
}

.f-grid-col-4 {
	max-width: 33.33%
}

.f-grid-col-6 {
	max-width: 50%
}

.f-grid-col-12 {
	max-width: 100%
}

.f-resources-links-card a:visited,
.f-resources-collection-card a:visited,
.f-playbooktemplates-card a:visited,
.f-playbook-card a:visited,
.f-people-card a:visited,
.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
fcsky-shared-section a:visited,
fcsky-shared-metrics-card a:visited {
	color: #0093ee !important
}

fcsky-shared-sticky-footer .f-sticky-footer-lt-sm,
fcsky-shared-sticky-footer .f-sticky-footer-gt-xs {
	z-index: 101 !important
}

#footer,
#footer2 {
	z-index: 9999 !important
}

.f-footer {
	white-space: nowrap
}

.cdk-virtual-scroll-viewport {
	background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
	background-color: unset
}

.f-padding-0 {
	padding: 0 !important
}

.f-margin-left-16px {
	margin-left: 16px !important
}

.f-margin-left-right-16px {
	margin-left: -16px !important;
	margin-right: -16px !important
}

.f-margin-right-16px {
	margin-right: 16px !important
}

.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane,
.cdk-overlay-backdrop {
	z-index: 12000 !important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
	z-index: 13000 !important
}

.cdk-global-overlay-wrapper {
	z-index: 13000 !important
}

.cdk-overlay-connected-position-bounding-box {
	z-index: 13000 !important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
	padding: 16px !important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
	transform: translateY(37%) !important
}

 .full-screen {
	background: #f6f6f6 !important;
	z-index: 10000 !important;
	min-height: 100%;
	position: fixed !important;
	overflow: auto !important;
	height: 100% !important
}

@media screen and (max-width: 767px) {
	.f-ui-breadcrumb {
		display: block !important
	}

	 .full-screen {
		padding-bottom: 0 !important
	}

	body:not(.tox-force-desktop) .tox .tox-dialog {
		margin: auto !important
	}

	fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
		padding: 13px 16px !important
	}

	#siteMainDiv #siteMainTable {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	body #siteMainDiv .leftnav-collapse {
		width: 100vw !important
	}

	body #siteMainDiv.left-nav-pad-top {
		padding-top: 112px !important
	}

	#siteMainDiv .f-optimize-header {
		width: 100% !important;
		padding: 0 16px !important;
		box-sizing: border-box
	}

	body.enable-left-nav {
		overflow-x: auto
	}
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
	color: #0093ee !important
}

.mat-header-cell .mat-sort-header-button {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;
	color: #9b9b9b !important
}

.widget-container .f-table-header-cell div {
	font-family: "Montserrat", sans-serif !important
}

.f-table mat-row {
	border-bottom: solid 1px rgba(0, 0, 0, .12) !important
}

.f-table mat-row.f-table-detail-row {
	margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
	color: #757575 !important
}

.f-button span.mat-button-wrapper {
	justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
	height: 44px;
	font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
	font-family: "Montserrat", sans-serif !important;
	color: #fff !important;
	line-height: 18px !important;
	font-weight: 600 !important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
	font-family: "Montserrat", sans-serif !important;
	line-height: 18px !important;
	text-align: center !important
}

.mat-button.f-stroked-button {
	font-family: "Montserrat", sans-serif !important;
	color: #0093ee !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	padding: 7px 23px !important;
	height: 44px !important
}

.mat-button.f-button.f-stroked-blue-button {
	font-family: "Montserrat", sans-serif !important;
	color: #0093ee !important;
	line-height: 18px !important;
	font-weight: 600 !important
}

.f-button-dropdown-trigger {
	font-family: "Montserrat", sans-serif !important;
	color: #0093ee !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	padding: 7px 23px !important;
	margin-right: 0 !important
}

.f-button.f-disabled-button {
	line-height: 18px !important;
	color: #9b9b9b !important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
	min-height: 0
}

.mat-tab-label {
	height: 48px !important
}

mat-card.f-padding-0 {
	padding: 0 !important
}

mat-card {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important
}

.mat-tab-label-container {
	border-bottom: 1px solid rgba(155, 155, 155, .5)
}

.f-count {
	background-color: #9b9b9b !important;
	font-family: "Source Sans Pro", sans-serif !important;
	font-weight: 700;
	min-width: 10px;
	min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
	background-color: #0093ee !important;
	height: 2px !important
}

.mat-tab-label .mat-tab-label-content {
	color: rgba(0, 0, 0, .502);
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
	color: #0093ee !important;
	font-weight: 700 !important
}

.f-width-100 {
	max-width: 100% !important;
	width: 100%;
	flex: 100% !important
}

.f-button-width-110px {
	width: 110px
}

.mat-list-base {
	padding-top: 0 !important
}

.mat-list-item,
.mat-list-option {
	font-family: "Source Sans Pro", sans-serif !important
}

.mat-list.f-list-item .icon {
	width: 24px;
	height: 24px;
	background: #0093ee;
	border-radius: 100%
}

.mat-list-item-content {
	color: #9b9b9b !important
}

.mat-list-item-content a {
	color: #0093ee !important
}

.f-timeline-record mat-icon.small {
	width: 20px !important;
	height: 20px !important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
	margin: 1px 8px 0 0 !important;
	height: 44px !important;
	padding: 0 16px !important
}

.mat-chip.mat-standard-chip {
	color: #9b9b9b !important;
	background-color: rgba(155, 155, 155, .2) !important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
	color: #d0021b !important;
	background-color: #ffd7da !important
}

.mat-chip-list-wrapper .mat-chip {
	padding: 10px !important;
	font-size: 14px !important
}

.f-raised-draft,
.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-pending {
	width: auto !important;
	width: initial !important;
	font-family: "Source Sans Pro", sans-serif !important
}

.f-raised-archived,
.f-raised-archive {
	line-height: 22px;
	background-color: #9b9b9b;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-archive,
.f-basic-archived {
	color: #9b9b9b
}

.f-raised-complete,
.f-raised-complete {
	background-color: #5da93f;
	line-height: 22px;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-complete,
.f-basic-complete {
	color: #5da93f
}

.main-container .widget-container span {
	font-family: "Source Sans Pro", sans-serif !important
}

.main-container span.mat-button-wrapper span {
	font-family: Montserrat, sans-serif !important;
	font-weight: 600 !important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
	font-family: Montserrat, sans-serif !important
}

fcsky-shared-svg .blue,
span fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.red {
	background-color: transparent !important;
	background: none !important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
	margin: 0 16px !important
}

fcsky-shared-avatar .mat-card-title {
	font-size: 14px !important
}

fcsky-shared-avatar .mat-card {
	padding: 0 !important
}

fcsky-shared-avatar .mat-card:hover {
	box-shadow: none !important
}

.widget-container a,
.widget-container div {
	font-family: "Source Sans Pro", sans-serif !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
	display: inline-flex !important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
	padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
	padding-bottom: 100px
}

.mat-form-field {
	line-height: 1.8 !important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
	padding-top: 0 !important
}

.mat-form-field-label-wrapper .mat-form-field-label {
	margin-top: -1px !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	margin-top: 16px !important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
	margin-top: -6px !important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
	padding-top: 5px !important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
	margin-top: 9px;
	padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
	margin-top: -3px !important
}

.mat-hint,
.mat-error {
	font-size: 12px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-form-field-subscript-wrapper {
	margin-top: 5px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-hint {
	text-align: left
}

fcsky-shared-numeric-filter .mat-hint,
fcsky-shared-numeric-filter .mat-error {
	font-size: 10.5px !important
}

.slide-toggle-label {
	color: rgba(0, 0, 0, .541) !important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
	z-index: 400 !important
}

fcsky-shared-map .mapHeight h6 {
	font-weight: normal !important;
	margin: 0 0 8px !important;
	line-height: 22px !important
}

fcsky-shared-map .mapHeight h6 a {
	font-family: Montserrat, sans-serif !important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
	font-size: 14px !important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
	font-size: 32px !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
	border-right: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
	border-right: 0 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
	border-bottom: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
	border-bottom: 0 !important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
	flex: unset !important;
	border-right-color: #979797 !important
}

fcsky-shared-metrics-card .widget-container div.f-metrics-title,
fcsky-shared-metrics-card .f-horizontal-separator .f-data-count {
	font-family: Montserrat, sans-serif !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
	text-transform: uppercase;
	font-family: Montserrat, sans-serif !important;
	font-size: 12px !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:nth-child(1) {
	padding-left: 0 !important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
	padding: 6px 0 !important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
	margin: 0 0 0 6px !important
}

.mat-sort-header-stem,
.mat-sort-header-pointer-middle {
	margin: auto !important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
	height: 44px !important
}

fcsky-shared-filter fcsky-shared-label .f-label {
	margin-bottom: 8px !important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
	min-height: auto !important;
	height: auto !important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: .4375em 0 !important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
	padding: 4px 0 0 !important
}

.f-no-record {
	color: #4a4a4a !important;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	font-weight: 400
}

.f-loading-shade {
	background: none transparent !important
}

fcsky-shared-table .f-loading-shade {
	background: rgba(255, 255, 255, .6) !important
}

.taskDrawerformWidth {
	width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
	background: #fff !important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
	border-color: #ccc !important
}

fcsky-shared-activity-entry .f-activity-editor {
	margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
	min-height: 46px !important
}

fcsky-shared-activity-timeline-record .mat-divider {
	margin-bottom: 8px !important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
	fill: #757575 !important
}

.f-height-54px {
	height: 54px
}

.f-height-36px {
	height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
	border-bottom: 1px solid rgba(155, 155, 155, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
	border-bottom: 0px solid rgba(155, 155, 155, .5) !important
}

html.cdk-global-scrollblock div#footer2,
html.cdk-global-scrollblock div#footer {
	z-index: 1000 !important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
	box-sizing: border-box
}

fc-page-loader .loader-hidden {
	display: none !important
}

.custom_help_text {
	color: rgba(0, 0, 0, .541);
	font-size: 12px;
	font-family: "Source Sans Pro", sans-serif;
	margin-top: -31px;
	display: block;
	text-align: left;
	line-height: 18px
}

.notificationDrawerformWidth {
	width: 625px
}

.notificationDrawerformWidth .f-form-grid {
	margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.f-optimize-header {
	width: 100% !important;
	padding: 0 16px !important;
	box-sizing: border-box
}

body.enable-left-nav {
	overflow-x: hidden
}

html.cdk-global-scrollblock {
	overflow: hidden;
	position: static
}

.multi-input-button-width .f-button {
	min-width: auto !important
}

.multi-input-button-width .f-button .mat-button-wrapper {
	margin-right: -5px !important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
	height: auto !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
	background-color: transparent !important;
	opacity: 1;
	height: 1px !important;
	border-bottom: 0 !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
	color: rgba(0, 0, 0, .871) !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
	color: rgba(0, 0, 0, .541) !important
}

.f-slide-drawer-inner-container .f-loading-shade {
	position: absolute !important
}

.f-slide-drawer-inner-container .f-title,
.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-page-header-title {
	font-family: "Montserrat", sans-serif !important;
	color: #757575
}

fcsky-shared-table .f-loading-shade {
	position: absolute !important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
	background-image: url(data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=);
	background-repeat: no-repeat;
	padding-left: 26px
}

.f-vertical-align-middle {
	vertical-align: middle
}

button.f-filter-show-hide-button {
	min-width: 42px !important
}

.mat-button.f-filter-show-hide-button {
	padding: 7px 0 7px 6px !important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: 3px 0 8px !important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
	align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
	margin-top: 5px !important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
	padding-right: 6px !important
}

.checkbox-middle-align {
	height: 100%;
	align-items: center;
	display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
	margin: 16px 0 16px 16px;
	padding-right: 0
}

.f-form-grid {
	position: relative
}

.f-form-grid .f-notetext {
	position: absolute;
	top: 0;
	padding-left: 24px;
	opacity: .64;
	font-size: 14px;
	font-weight: normal;
	background: url(https://ui.franconnectstg.net/2032/bullet.svg) no-repeat left
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
	background: #0093ee !important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
	padding-top: 0 !important;
	margin-top: 0 !important
}

.fc-playbook-instance-overview .widget-container {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important
}

div#columnRight .f-playbook-card,
div#columnRight .f-grid-col-3 {
	flex: 1 1 calc(33.33%) !important;
	min-width: calc(33.33%) !important;
	max-width: calc(33.33%) !important
}

@media only screen and (max-width: 1200px) {

	div#columnRight .f-playbook-card,
	div#columnRight .f-grid-col-3 {
		flex: 1 1 calc(50%) !important;
		min-width: calc(50%) !important;
		max-width: calc(50%) !important
	}
}

@media only screen and (max-width: 800px) {
	div#columnRight {
		margin-left: 0 !important
	}
}

@media only screen and (max-width: 500px) {

	div#columnRight .f-playbook-card,
	div#columnRight .f-grid-col-3 {
		flex: 1 1 calc(100%) !important;
		min-width: calc(100%) !important;
		max-width: calc(100%) !important
	}
}

@media only screen and (max-width: 1370px) {
	body.enable-left-nav .mainContainer {
		width: calc(100vw - 72px) !important
	}

	body.enable-left-nav.open-msa-left-nav .mainContainer {
		width: calc(100vw - 268px) !important
	}
}

@media only screen and (max-width: 767px) {
	body.enable-left-nav.open-msa-left-nav .siteMainTable {
		padding-left: 250px !important;
		padding-right: 0 !important;
		overflow: hidden
	}

	body .leftnav-expand {
		width: calc(100vw - 270px) !important
	}
}

.f-sub-title-resources {
	margin-top: -12px;
	margin-left: -8px;
	margin-right: -8px
}

.f-sub-title-resources mat-label {
	font-weight: 400 !important;
	font-size: 14px !important;
	color: #4a4a4a;
	font-family: "Source Sans Pro", sans-serif;
	line-height: 20px
}

.gridlayout .f-loading-shade {
	position: absolute;
	background: rgba(255, 255, 255, .6);
	z-index: 101;
	display: flex;
	align-items: center;
	justify-content: center
}

.no-record-label {
	font-family: "Montserrat", sans-serif;
	width: 100%
}

.selected-blue .mat-tab-label {
	height: 62px !important
}

.card-label mat-label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	color: #4a4a4a !important;
	white-space: nowrap
}

.card-label-value mat-label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	font-weight: 700 !important;
	color: #4a4a4a !important
}

.dx-gridbase-container {
	margin: 0 !important
}

.f-playbook-card {
	max-width: 25%
}

.f-playbook-card-sm {
	max-width: 50%
}

.f-playbook-card-xs {
	max-width: 100%
}

.f-padding-top-2px {
	padding-top: 2px
}

.f-playbook-card-height {
	min-height: 281px
}


.f-text-nowrap {
	white-space: nowrap
}

.f-flex-2 {
	flex: 2 !important;
	min-width: 0
}

.f-flex-order-1 {
	order: 1
}

.f-flex-order-2 {
	order: 2
}

.f-flex-order-3 {
	order: 3
}

.f-flex-order-4 {
	order: 4
}

.f-line-height-40px {
	line-height: 40px
}

.f-height-40px {
	height: 40px
}

.f-height-44px {
	height: 44px
}

.f-height-65px {
	height: 65px
}

.f-min-height-100 {
	min-height: 100%
}

.f-min-height-85vh {
	min-height: 85vh
}

.f-min-height-100vh {
	min-height: 100vh
}

.f-border-bottom-1px {
	border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
	padding-left: 250px !important;
	padding-right: 0 !important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
	width: calc(100vw - 270px) !important
}

body.enable-left-nav .mainContainer {
	width: calc(100vw - 73px) !important
}

body .siteMainTable {
	padding-left: 54px !important;
	padding-right: 0 !important
}

body .cdk-overlay-connected-position-bounding-box fcsky-shared-chip-overlay .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	margin-top: 6px !important
}

body .f-form-accordion .widget-container {
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: none !important
}

body .f-form-accordion .mat-expansion-panel-body {
	padding: 0 1px 0 0;
	margin: 0
}

body .f-form-accordion .mat-expansion-panel {
	box-shadow: none
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header {
	padding: 0 8px;
	margin: 0;
	height: 48px;
	border-bottom: 1px solid #ebebeb;
	border-radius: 0
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
	box-shadow: none !important;
	background: none !important
}

body .f-form-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
	border-bottom: 0
}

.f--cyan {
	color: #26c1c9
}

.f--green {
	color: #4d8b35
}

.f--yellow {
	color: #faca00
}

.f--red {
	color: #d0021b
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
	min-width: 42px !important;
	padding: 12px 8px 12px 14px !important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
	width: auto !important;
	height: auto !important
}

fcsky-shared-section .widget-container div.f-page-header-title {
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: .86px
}

.f-textalign-center {
	text-align: center !important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
	background: rgba(97, 97, 97, .9) !important;
	max-width: 100% !important
}

.leftnav-collapse {
	width: 100% !important
}

.full-screen.leftnav-collapse {
	width: 100% !important
}

.f-matspinner-default circle {
	stroke: #2196f3
}

.f-white-bg {
	background: #fff
}

.f-box-sizing-border-box {
	box-sizing: border-box
}

.f-sub-heading .f-section-title {
	text-transform: none !important;
	text-transform: initial !important;
	color: #4a4a4a !important;
	font-size: 16px !important;
	line-height: 24px !important
}

.f-card-title mat-label {
	text-transform: none !important;
	text-transform: initial !important;
	color: #4a4a4a !important;
	font-size: 16px !important;
	font-family: Montserrat, sans-serif !important;
	line-height: 24px !important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
	top: 85px !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
		margin-left: -1px
	}
}

.f-grid-col-3 {
	max-width: 25%
}

.f-grid-col-4 {
	max-width: 33.33%
}

.f-grid-col-6 {
	max-width: 50%
}

.f-grid-col-12 {
	max-width: 100%
}

.f-resources-links-card a:visited,
.f-resources-collection-card a:visited,
.f-playbooktemplates-card a:visited,
.f-playbook-card a:visited,
.f-people-card a:visited,
.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
fcsky-shared-section a:visited,
fcsky-shared-metrics-card a:visited {
	color: #0093ee !important
}

fcsky-shared-sticky-footer .f-sticky-footer-lt-sm,
fcsky-shared-sticky-footer .f-sticky-footer-gt-xs {
	z-index: 101 !important
}

#footer,
#footer2 {
	z-index: 9999 !important
}

.f-footer {
	white-space: nowrap
}

.cdk-virtual-scroll-viewport {
	background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
	background-color: unset
}

.f-padding-0 {
	padding: 0 !important
}

.f-margin-left-16px {
	margin-left: 16px !important
}

.f-margin-left-right-16px {
	margin-left: -16px !important;
	margin-right: -16px !important
}

.f-margin-right-16px {
	margin-right: 16px !important
}

.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane,
.cdk-overlay-backdrop {
	z-index: 12000 !important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
	z-index: 13000 !important
}

.cdk-global-overlay-wrapper {
	z-index: 13000 !important
}

.cdk-overlay-connected-position-bounding-box {
	z-index: 13000 !important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
	padding: 16px !important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
	transform: translateY(37%) !important
}

 .full-screen {
	background: #f6f6f6 !important;
	z-index: 10000 !important;
	min-height: 100%;
	position: fixed !important;
	overflow: auto !important;
	height: 100% !important
}

@media screen and (max-width: 767px) {
	.f-ui-breadcrumb {
		display: block !important
	}

	 .full-screen {
		padding-bottom: 0 !important
	}

	body:not(.tox-force-desktop) .tox .tox-dialog {
		margin: auto !important
	}

	fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
		padding: 13px 16px !important
	}

	#siteMainDiv #siteMainTable {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	body #siteMainDiv .leftnav-collapse {
		width: 100vw !important
	}

	body #siteMainDiv.left-nav-pad-top {
		padding-top: 112px !important
	}

	#siteMainDiv .f-optimize-header {
		width: 100% !important;
		padding: 0 16px !important;
		box-sizing: border-box
	}

	body.enable-left-nav {
		overflow-x: auto
	}
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
	color: #0093ee !important
}

.mat-header-cell .mat-sort-header-button {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;
	color: #9b9b9b !important
}

.widget-container .f-table-header-cell div {
	font-family: "Montserrat", sans-serif !important
}

.f-table mat-row {
	border-bottom: solid 1px rgba(0, 0, 0, .12) !important
}

.f-table mat-row.f-table-detail-row {
	margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
	color: #757575 !important
}

.f-button span.mat-button-wrapper {
	justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
	height: 44px;
	font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
	font-family: "Montserrat", sans-serif !important;
	color: #fff !important;
	line-height: 18px !important;
	font-weight: 600 !important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
	font-family: "Montserrat", sans-serif !important;
	line-height: 18px !important;
	text-align: center !important
}

.mat-button.f-stroked-button {
	font-family: "Montserrat", sans-serif !important;
	color: #0093ee !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	padding: 7px 23px !important;
	height: 44px !important
}

.mat-button.f-button.f-stroked-blue-button {
	font-family: "Montserrat", sans-serif !important;
	color: #0093ee !important;
	line-height: 18px !important;
	font-weight: 600 !important
}

.f-button-dropdown-trigger {
	font-family: "Montserrat", sans-serif !important;
	color: #0093ee !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	padding: 7px 23px !important;
	margin-right: 0 !important
}

.f-button.f-disabled-button {
	line-height: 18px !important;
	color: #9b9b9b !important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
	min-height: 0
}

.mat-tab-label {
	height: 48px !important
}

mat-card.f-padding-0 {
	padding: 0 !important
}

mat-card {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important
}

.mat-tab-label-container {
	border-bottom: 1px solid rgba(155, 155, 155, .5)
}

.f-count {
	background-color: #9b9b9b !important;
	font-family: "Source Sans Pro", sans-serif !important;
	font-weight: 700;
	min-width: 10px;
	min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
	background-color: #0093ee !important;
	height: 2px !important
}

.mat-tab-label .mat-tab-label-content {
	color: rgba(0, 0, 0, .502);
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
	color: #0093ee !important;
	font-weight: 700 !important
}

.f-width-100 {
	max-width: 100% !important;
	width: 100%;
	flex: 100% !important
}

.f-button-width-110px {
	width: 110px
}

.mat-list-base {
	padding-top: 0 !important
}

.mat-list-item,
.mat-list-option {
	font-family: "Source Sans Pro", sans-serif !important
}

.mat-list.f-list-item .icon {
	width: 24px;
	height: 24px;
	background: #0093ee;
	border-radius: 100%
}

.mat-list-item-content {
	color: #9b9b9b !important
}

.mat-list-item-content a {
	color: #0093ee !important
}

.f-timeline-record mat-icon.small {
	width: 20px !important;
	height: 20px !important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
	margin: 1px 8px 0 0 !important;
	height: 44px !important;
	padding: 0 16px !important
}

.mat-chip.mat-standard-chip {
	color: #9b9b9b !important;
	background-color: rgba(155, 155, 155, .2) !important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
	color: #d0021b !important;
	background-color: #ffd7da !important
}

.mat-chip-list-wrapper .mat-chip {
	padding: 10px !important;
	font-size: 14px !important
}

.f-raised-draft,
.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-pending {
	width: auto !important;
	width: initial !important;
	font-family: "Source Sans Pro", sans-serif !important
}

.f-raised-archived,
.f-raised-archive {
	line-height: 22px;
	background-color: #9b9b9b;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-archive,
.f-basic-archived {
	color: #9b9b9b
}

.f-raised-complete,
.f-raised-complete {
	background-color: #5da93f;
	line-height: 22px;
	color: #fff;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-complete,
.f-basic-complete {
	color: #5da93f
}

.main-container .widget-container span {
	font-family: "Source Sans Pro", sans-serif !important
}

.main-container span.mat-button-wrapper span {
	font-family: Montserrat, sans-serif !important;
	font-weight: 600 !important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
	font-family: Montserrat, sans-serif !important
}

fcsky-shared-svg .blue,
span fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.red {
	background-color: transparent !important;
	background: none !important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
	margin: 0 16px !important
}

fcsky-shared-avatar .mat-card-title {
	font-size: 14px !important
}

fcsky-shared-avatar .mat-card {
	padding: 0 !important
}

fcsky-shared-avatar .mat-card:hover {
	box-shadow: none !important
}

.widget-container a,
.widget-container div {
	font-family: "Source Sans Pro", sans-serif !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
	display: inline-flex !important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
	padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
	padding-bottom: 100px
}

.mat-form-field {
	line-height: 1.8 !important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
	padding-top: 0 !important
}

.mat-form-field-label-wrapper .mat-form-field-label {
	margin-top: -1px !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	margin-top: 16px !important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
	margin-top: -6px !important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
	padding-top: 5px !important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
	margin-top: 9px;
	padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
	margin-top: -3px !important
}

.mat-hint,
.mat-error {
	font-size: 12px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-form-field-subscript-wrapper {
	margin-top: 5px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-hint {
	text-align: left
}

fcsky-shared-numeric-filter .mat-hint,
fcsky-shared-numeric-filter .mat-error {
	font-size: 10.5px !important
}

.slide-toggle-label {
	color: rgba(0, 0, 0, .541) !important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
	z-index: 400 !important
}

fcsky-shared-map .mapHeight h6 {
	font-weight: normal !important;
	margin: 0 0 8px !important;
	line-height: 22px !important
}

fcsky-shared-map .mapHeight h6 a {
	font-family: Montserrat, sans-serif !important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
	font-size: 14px !important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
	font-size: 32px !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
	border-right: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
	border-right: 0 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
	border-bottom: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
	border-bottom: 0 !important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
	flex: unset !important;
	border-right-color: #979797 !important
}

fcsky-shared-metrics-card .widget-container div.f-metrics-title,
fcsky-shared-metrics-card .f-horizontal-separator .f-data-count {
	font-family: Montserrat, sans-serif !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
	text-transform: uppercase;
	font-family: Montserrat, sans-serif !important;
	font-size: 12px !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:nth-child(1) {
	padding-left: 0 !important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
	padding: 6px 0 !important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
	margin: 0 0 0 6px !important
}

.mat-sort-header-stem,
.mat-sort-header-pointer-middle {
	margin: auto !important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
	height: 44px !important
}

fcsky-shared-filter fcsky-shared-label .f-label {
	margin-bottom: 8px !important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
	min-height: auto !important;
	height: auto !important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: .4375em 0 !important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
	padding: 4px 0 0 !important
}

.f-no-record {
	color: #4a4a4a !important;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	font-weight: 400
}

.f-loading-shade {
	background: none transparent !important
}

fcsky-shared-table .f-loading-shade {
	background: rgba(255, 255, 255, .6) !important
}

.taskDrawerformWidth {
	width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
	background: #fff !important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
	border-color: #ccc !important
}

fcsky-shared-activity-entry .f-activity-editor {
	margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
	min-height: 46px !important
}

fcsky-shared-activity-timeline-record .mat-divider {
	margin-bottom: 8px !important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
	fill: #757575 !important
}

.f-height-54px {
	height: 54px
}

.f-height-36px {
	height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
	border-bottom: 1px solid rgba(155, 155, 155, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
	border-bottom: 0px solid rgba(155, 155, 155, .5) !important
}

html.cdk-global-scrollblock div#footer2,
html.cdk-global-scrollblock div#footer {
	z-index: 1000 !important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
	box-sizing: border-box
}

fc-page-loader .loader-hidden {
	display: none !important
}

.custom_help_text {
	color: rgba(0, 0, 0, .541);
	font-size: 12px;
	font-family: "Source Sans Pro", sans-serif;
	margin-top: -31px;
	display: block;
	text-align: left;
	line-height: 18px
}

.notificationDrawerformWidth {
	width: 625px
}

.notificationDrawerformWidth .f-form-grid {
	margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.f-optimize-header {
	width: 100% !important;
	padding: 0 16px !important;
	box-sizing: border-box
}

body.enable-left-nav {
	overflow-x: hidden
}

html.cdk-global-scrollblock {
	overflow: hidden;
	position: static
}

.multi-input-button-width .f-button {
	min-width: auto !important
}

.multi-input-button-width .f-button .mat-button-wrapper {
	margin-right: -5px !important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
	height: auto !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
	background-color: transparent !important;
	opacity: 1;
	height: 1px !important;
	border-bottom: 0 !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
	color: rgba(0, 0, 0, .871) !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
	color: rgba(0, 0, 0, .541) !important
}

.f-slide-drawer-inner-container .f-loading-shade {
	position: absolute !important
}

.f-slide-drawer-inner-container .f-title,
.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-page-header-title {
	font-family: "Montserrat", sans-serif !important;
	color: #757575
}

fcsky-shared-table .f-loading-shade {
	position: absolute !important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
	background-image: url(data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=);
	background-repeat: no-repeat;
	padding-left: 26px
}

.f-vertical-align-middle {
	vertical-align: middle
}

button.f-filter-show-hide-button {
	min-width: 42px !important
}

.mat-button.f-filter-show-hide-button {
	padding: 7px 0 7px 6px !important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: 3px 0 8px !important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
	align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
	margin-top: 5px !important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
	padding-right: 6px !important
}

.checkbox-middle-align {
	height: 100%;
	align-items: center;
	display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
	margin: 16px 0 16px 16px;
	padding-right: 0
}

.f-form-grid {
	position: relative
}

.f-form-grid .f-notetext {
	position: absolute;
	top: 0;
	padding-left: 24px;
	opacity: .64;
	font-size: 14px;
	font-weight: normal;
	background: url(https://ui.franconnectstg.net/2032/bullet.svg) no-repeat left
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
	background: #0093ee !important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
	padding-top: 0 !important;
	margin-top: 0 !important
}

.fc-playbook-instance-overview .widget-container {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important
}

div#columnRight .f-playbook-card,
div#columnRight .f-grid-col-3 {
	flex: 1 1 calc(33.33%) !important;
	min-width: calc(33.33%) !important;
	max-width: calc(33.33%) !important
}

@media only screen and (max-width: 1200px) {

	div#columnRight .f-playbook-card,
	div#columnRight .f-grid-col-3 {
		flex: 1 1 calc(50%) !important;
		min-width: calc(50%) !important;
		max-width: calc(50%) !important
	}
}

@media only screen and (max-width: 800px) {
	div#columnRight {
		margin-left: 0 !important
	}
}

@media only screen and (max-width: 500px) {

	div#columnRight .f-playbook-card,
	div#columnRight .f-grid-col-3 {
		flex: 1 1 calc(100%) !important;
		min-width: calc(100%) !important;
		max-width: calc(100%) !important
	}
}

@media only screen and (max-width: 1370px) {
	body.enable-left-nav .mainContainer {
		width: calc(100vw - 72px) !important
	}

	body.enable-left-nav.open-msa-left-nav .mainContainer {
		width: calc(100vw - 268px) !important
	}
}

@media only screen and (max-width: 767px) {
	body.enable-left-nav.open-msa-left-nav .siteMainTable {
		padding-left: 250px !important;
		padding-right: 0 !important;
		overflow: hidden
	}

	body .leftnav-expand {
		width: calc(100vw - 270px) !important
	}
}

.f-sub-title-resources {
	margin-top: -12px;
	margin-left: -8px;
	margin-right: -8px
}

.f-sub-title-resources mat-label {
	font-weight: 400 !important;
	font-size: 14px !important;
	color: #4a4a4a;
	font-family: "Source Sans Pro", sans-serif;
	line-height: 20px
}

[_nghost-yyw-c748] .f-loading-shade {
	top: 25px;
	position: relative !important;
	left: 0;
	bottom: 0px;
	right: 0;
	z-index: 101 !important;
	display: flex;
	align-items: center;
	justify-content: center
}

[_nghost-yyw-c748] .no-record-label {
	font-family: "Montserrat", sans-serif;
	width: 100%
}

[_nghost-yyw-c748] .selected-blue .mat-tab-label {
	height: 62px !important
}

[_nghost-yyw-c748] .card-label mat-label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	color: #4a4a4a !important;
	white-space: nowrap
}

[_nghost-yyw-c748] .card-label-value mat-label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	font-weight: 700 !important;
	color: #4a4a4a !important
}

[_nghost-yyw-c748] .dx-gridbase-container {
	margin: 0 !important
}

[_nghost-yyw-c748] .f-playbook-card {
	max-width: 25%
}

[_nghost-yyw-c748] .f-playbook-card-sm {
	max-width: 50%
}

[_nghost-yyw-c748] .f-playbook-card-xs {
	max-width: 100%
}

[_nghost-yyw-c748] .f-playbook-card-height {
	min-height: 281px
}

[_nghost-yyw-c748] #playbook-grid-summary .cdk-virtual-scroll-content-wrapper {
	max-width: 100% !important;
	width: 100%;
	flex: 100% !important;
	flex: 2 !important;
	min-width: 0
}

[_nghost-yyw-c748] .loadMoreButtonStyleClass {
	background-color: #fafafa;
	border-color: #ccc;
	color: #0093ee
}

[_nghost-yyw-c748] .f-timeline-loading-box {
	min-height: 138px
}

[_nghost-yyw-c748] .playbook-list-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 32px;
	gap: 32px
}

[_nghost-yyw-c748] .playbook-list-container .widget-container {
	margin-top: 2px !important
}


@import"https://fonts.googleapis.com/css?family=Lato:300,400,700";
@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600";

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
    font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
    font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
    font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
    font: 400 calc(14px * .83)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
    font: 400 calc(14px * .67)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,
.mat-body-2 {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-small,
.mat-caption {
    font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500
}

.mat-card-header .mat-card-title {
    font-size: 20px
}

.mat-card-subtitle,
.mat-card-content {
    font-size: 14px
}

.mat-checkbox {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 14px;
    font-weight: 500
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,
.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-1.28125em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    -ms-transform: translateY(-1.28124em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    -ms-transform: translateY(-1.28123em) scale(.75);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {

    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px
}

.mat-radio-button {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-slider-thumb-label-text {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: normal
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tab-label,
.mat-tab-link {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-list-item {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-option {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-base .mat-list-item {
    font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-list-option {
    font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

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

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.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
}

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
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

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

.mat-ripple-element {
    background-color: rgba(0, 0, 0, .102)
}

.mat-option {
    color: rgba(0, 0, 0, .871)
}

.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .871)
}

.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
}

.mat-optgroup-label {
    color: rgba(0, 0, 0, .541)
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, .541)
}

.mat-pseudo-checkbox:after {
    color: #fafafa
}

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

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

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

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

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

.mat-app-background {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .871)
}

.mat-elevation-z0 {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .141), 0 1px 8px rgba(0, 0, 0, .122)
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px rgba(0, 0, 0, .141), 0 1px 14px rgba(0, 0, 0, .122)
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .141), 0 2px 16px 1px rgba(0, 0, 0, .122)
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .141), 0 3px 16px 2px rgba(0, 0, 0, .122)
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .141), 0 4px 18px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .141), 0 4px 20px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .141), 0 5px 22px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .141), 0 5px 24px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .141), 0 5px 26px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .141), 0 6px 28px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .141), 0 6px 32px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .141), 0 7px 34px 6px rgba(0, 0, 0, .122)
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .141), 0 7px 36px 6px rgba(0, 0, 0, .122)
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .141), 0 8px 38px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .141), 0 8px 40px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .141), 0 8px 42px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .141), 0 9px 44px 8px rgba(0, 0, 0, .122)
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122)
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, .871)
}

.mat-badge {
    position: relative
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: rgba(0, 0, 0, .38)
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122);
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #3f51b5
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #ff4081
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #f44336
}

.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, .259)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
    opacity: .1;
    background-color: currentColor
}

.mat-button-focus-overlay {
    background: #000
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: rgba(0, 0, 0, .122)
}

.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
    color: rgba(0, 0, 0, .871);
    background-color: #fff
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    color: #fff
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    color: #fff
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    color: #fff
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, .259)
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    background-color: #3f51b5
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    background-color: #ff4081
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    background-color: #f44336
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: rgba(0, 0, 0, .122)
}

.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-stroked-button:not([class*=mat-elevation-z]),
.mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .141), 0 5px 22px 4px rgba(0, 0, 0, .122)
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-button-toggle-standalone,
.mat-button-toggle-group {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    box-shadow: none
}

.mat-button-toggle {
    color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, .122)
}

.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .871);
    background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .541)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .871)
}

.mat-button-toggle-disabled {
    color: rgba(0, 0, 0, .259);
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    border: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-card-subtitle {
    color: rgba(0, 0, 0, .541)
}

.mat-checkbox-frame {
    border-color: rgba(0, 0, 0, .541)
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

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

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

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

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

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: rgba(0, 0, 0, .541)
}

.mat-checkbox .mat-ripple-element {
    background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #3f51b5
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ff4081
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .871)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, .871);
    opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .141), 0 1px 8px rgba(0, 0, 0, .122)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #3f51b5;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ff4081;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-table {
    background: #fff
}

.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
    background: inherit
}

mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
    border-bottom-color: rgba(0, 0, 0, .122)
}

.mat-header-cell {
    color: rgba(0, 0, 0, .541)
}

.mat-cell,
.mat-footer-cell {
    color: rgba(0, 0, 0, .871)
}

.mat-calendar-arrow {
    fill: rgba(0, 0, 0, .541)
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
    color: rgba(0, 0, 0, .541)
}

.mat-calendar-table-header-divider:after {
    background: rgba(0, 0, 0, .12)
}

.mat-calendar-table-header,
.mat-calendar-body-label {
    color: rgba(0, 0, 0, .541)
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: rgba(0, 0, 0, .871);
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-in-preview {
    color: rgba(0, 0, 0, .239)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-in-range:before {
    background: rgba(63, 81, 181, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(63, 81, 181, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(63, 81, 181, .302)
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122);
    background-color: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(255, 64, 129, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(255, 64, 129, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, .302)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244, 67, 54, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, .302)
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122)
}

.mat-datepicker-toggle-active {
    color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
    color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
}

.mat-date-range-input-inner[disabled] {
    color: rgba(0, 0, 0, .38)
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122);
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-divider {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, .122)
}

.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-action-row {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0, 0, 0, .04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
    }
}

.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, .871)
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator:after {
    color: rgba(0, 0, 0, .541)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0, 0, 0, .259)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-form-field-label {
    color: rgba(0, 0, 0, .6)
}

.mat-hint {
    color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336
}

.mat-focused .mat-form-field-required-marker {
    color: #ff4081
}

.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, .871)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #3f51b5
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #ff4081
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336
}

.mat-error {
    color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    color: rgba(0, 0, 0, .541)
}

.mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, .541)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .039)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, .122)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, .871)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, .059)
}

.mat-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #ff4081
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .541)
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .38)
}

.mat-input-element {
    caret-color: #3f51b5
}

.mat-input-element::placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #ff4081
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
    caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #f44336
}

.mat-list-base .mat-list-item {
    color: rgba(0, 0, 0, .871)
}

.mat-list-base .mat-list-option {
    color: rgba(0, 0, 0, .871)
}

.mat-list-base .mat-subheader {
    color: rgba(0, 0, 0, .541)
}

.mat-list-item-disabled {
    background-color: #eee
}

.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
    background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
    background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
    background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-menu-item {
    background: transparent;
    color: rgba(0, 0, 0, .871)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
    color: rgba(0, 0, 0, .38)
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
    color: rgba(0, 0, 0, .541)
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0, 0, 0, .04)
}

.mat-paginator {
    background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, .541)
}

.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, .38)
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #cbd0e9
}

.mat-progress-bar-buffer {
    background-color: #cbd0e9
}

.mat-progress-bar-fill:after {
    background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #f44336
}

.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .541)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #3f51b5
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ff4081
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: rgba(0, 0, 0, .871)
}

.mat-select-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
    color: rgba(0, 0, 0, .541)
}

.mat-select-panel {
    background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .871)
}

.mat-drawer {
    background-color: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122)
}

.mat-drawer-side {
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(255, 64, 129, .541)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ff4081
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(63, 81, 181, .541)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, .541)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122);
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
    background-color: rgba(0, 0, 0, .259)
}

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
    background-color: #3f51b5
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-primary .mat-slider-focus-ring {
    background-color: rgba(63, 81, 181, .2)
}

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
    background-color: #ff4081
}

.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-accent .mat-slider-focus-ring {
    background-color: rgba(255, 64, 129, .2)
}

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
    background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-warn .mat-slider-focus-ring {
    background-color: rgba(244, 67, 54, .2)
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, .122)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .871)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .259);
    background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .259)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: rgba(0, 0, 0, .702)
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled=false] {
    background-color: rgba(0, 0, 0, .039)
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, .541)
}

.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, .541);
    color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ff4081;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, .871)
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: rgba(0, 0, 0, .122)
}

.mat-horizontal-stepper-header:before,
.mat-horizontal-stepper-header:after,
.mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-nav-bar,
.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
    color: rgba(0, 0, 0, .871)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .871)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-]>.mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .302)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .302)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .302)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .302)
}

.mat-tab-group.mat-background-primary>.mat-tab-header,
.mat-tab-group.mat-background-primary>.mat-tab-link-container,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination {
    background-color: #3f51b5
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .302)
}

.mat-tab-group.mat-background-accent>.mat-tab-header,
.mat-tab-group.mat-background-accent>.mat-tab-link-container,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination {
    background-color: #ff4081
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .302)
}

.mat-tab-group.mat-background-warn>.mat-tab-header,
.mat-tab-group.mat-background-warn>.mat-tab-link-container,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination {
    background-color: #f44336
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .871)
}

.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,
.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px
    }

    .mat-toolbar-row,
    .mat-toolbar-single-row {
        height: 56px
    }
}

.mat-tooltip {
    background: rgba(97, 97, 97, .9)
}

.mat-tree {
    background: #fff
}

.mat-tree-node,
.mat-nested-tree-node {
    color: rgba(0, 0, 0, .871)
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: rgba(255, 255, 255, .702);
    background: #323232;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-simple-snackbar-action {
    color: #ff4081
}

.ng-select {
    padding-bottom: 1.25em
}

.ng-select.ng-select-disabled .ng-select-container:after {
    border-bottom-color: transparent;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,
.ng-select.ng-select-disabled .ng-clear-wrapper {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-focused .ng-select-container:after {
    border-color: #3f51b5;
    border-width: 2px
}

.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after {
    border-color: #3f51b5;
    border-width: 2px
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    color: #3f51b5
}

.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
    color: #3f51b5
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
    display: inline;
    display: initial
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-opened .ng-placeholder {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px)
}

.ng-select .ng-select-container {
    color: rgba(0, 0, 0, .871);
    align-items: baseline;
    min-height: 51.5px
}

.ng-select .ng-select-container:after {
    border-bottom: thin solid rgba(0, 0, 0, .42);
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    transition: border-color .3s cubic-bezier(.55, 0, .55, .2)
}

.ng-select .ng-select-container.ng-appearance-outline {
    padding: 0 .5em;
    min-height: 60px
}

.ng-select .ng-select-container.ng-appearance-outline:after {
    border: solid 1px rgba(0, 0, 0, .12);
    border-radius: 5px;
    height: calc(100% - .5em);
    pointer-events: none;
    transition: border-color .3s cubic-bezier(.25, .8, .25, 1)
}

.ng-select .ng-select-container.ng-appearance-outline:hover:after {
    border-color: rgba(0, 0, 0, .871);
    border-width: 2px
}

.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder {
    padding: 0 .25em;
    background-color: #fff;
    z-index: 1
}

.ng-select .ng-select-container.ng-appearance-outline .ng-value {
    padding-left: .25em
}

.ng-select .ng-select-container .ng-value-container {
    align-items: stretch;
    padding: .4375em 0;
    border-top: .84375em solid transparent
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    position: absolute;
    color: rgba(0, 0, 0, .541);
    transform-origin: left 0;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1)
}

[dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    transform-origin: right 0
}

.ng-select .ng-select-container .ng-value-container .ng-input {
    bottom: .4375em
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    bottom: 17px
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    bottom: 14px
}

.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
    align-self: flex-end;
    bottom: 9px
}

.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
    align-self: flex-end;
    bottom: 7px
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    background-color: rgba(0, 0, 0, .122);
    color: rgba(0, 0, 0, .259)
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,
.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after {
    background-image: none;
    border: dotted 1px rgba(0, 0, 0, .12)
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper {
    border-top: none
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    top: 0
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    top: 4px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background-color: #3f51b5;
    border-radius: 2px;
    color: #fff;
    padding: 2px 5px;
    margin: 0 .4375em .4375em 0
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin: 0 0 .4375em .4375em
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: rgba(0, 0, 0, .122);
    color: rgba(0, 0, 0, .259)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    font-size: 14px;
    font-weight: 500
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    color: rgba(255, 255, 255, .541);
    padding-right: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    padding-left: 5px;
    padding-right: 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    color: rgba(255, 255, 255, .871)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    line-height: 1.375em
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
    align-items: center
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container {
    padding-bottom: 0;
    padding-top: .1875em
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
    border-top: .84375em solid transparent
}

.ng-select .ng-clear-wrapper {
    color: rgba(0, 0, 0, .541)
}

.ng-select .ng-clear-wrapper:hover {
    color: rgba(0, 0, 0, .871)
}

.ng-select .ng-arrow-wrapper {
    bottom: 2px
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    margin: 0 4px;
    color: rgba(0, 0, 0, .541)
}

.ng-select .ng-spinner-zone {
    top: 3px
}

.ng-dropdown-panel {
    background: #fff;
    left: 0
}

.ng-dropdown-panel.ng-select-bottom {
    top: calc(100% - 1.25em);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.ng-dropdown-panel.ng-select-top {
    bottom: calc(100% - .84375em);
    box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, .2), 0 -8px 10px 1px rgba(0, 0, 0, .141), 0 -3px 14px 2px rgba(0, 0, 0, .122)
}

.ng-dropdown-panel.multiple .ng-option.selected {
    background: #fff
}

.ng-dropdown-panel.multiple .ng-option.marked {
    background: rgba(0, 0, 0, .04)
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 0 16px;
    line-height: 3em;
    min-height: 3em
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding: 0 16px;
    line-height: 3em;
    min-height: 3em
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 3em;
    height: 3em;
    padding: 0 16px;
    color: rgba(0, 0, 0, .541);
    font-weight: 500
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background: rgba(0, 0, 0, .04)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
    background: rgba(0, 0, 0, .12);
    color: #3f51b5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    line-height: 3em;
    min-height: 3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 16px;
    text-decoration: none;
    position: relative;
    color: rgba(0, 0, 0, .871);
    text-align: left
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    text-align: right
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .871)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: rgba(0, 0, 0, .12);
    color: #3f51b5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 32px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 32px;
    padding-left: 0
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-right: 5px;
    font-size: 80%;
    font-weight: 400;
    color: rgba(0, 0, 0, .38)
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

.gridHoverStyle,
.gridSelection,
.timelineSelection {
    background-color: #fff3a1
}

.gantt_grid_scale .gantt_grid_head_cell {
    color: #a6a6a6;
    border-top: none !important;
    border-right: none !important
}

.gantt_grid_data .gantt_cell {
    border-right: none;
    color: #454545
}

.gantt_task_link .gantt_link_arrow_right {
    border-width: 6px;
    margin-top: -3px
}

.gantt_task_link .gantt_link_arrow_left {
    border-width: 6px;
    margin-left: -6px;
    margin-top: -3px
}

.gantt_task_link .gantt_link_arrow_down,
.gantt_task_link .gantt_link_arrow_up {
    border-width: 6px
}

.gantt_task_line .gantt_task_progress_drag {
    bottom: -4px;
    height: 10px;
    margin-left: -8px;
    width: 16px
}

.chartHeaderBg {
    background-color: #fff
}

.gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #a6a6a6;
    border-right: 1px solid #ebebeb
}

.gantt_row.gantt_project,
.gantt_row.odd.gantt_project {
    background-color: #edffef
}

.gantt_task_row.gantt_project,
.gantt_task_row.odd.gantt_project {
    background-color: #f5fff6
}

.gantt_task_line.gantt_project {
    background-color: #65c16f;
    border: 1px solid #3c9445
}

.gantt_task_line.gantt_project .gantt_task_progress {
    background-color: #46ad51
}

.buttonBg {
    background: #fff
}

.gantt_cal_light .gantt_btn_set {
    margin: 5px 10px
}

.gantt_btn_set.gantt_cancel_btn_set {
    background: #fff;
    color: #454545;
    border: 1px solid #cecece
}

.gantt_btn_set.gantt_save_btn_set {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff
}

.gantt_btn_set.gantt_delete_btn_set {
    text-shadow: 0 -1px 0 #6f6f6f;
    background: #ec8e00;
    text-shadow: 0 -1px 0 #a60;
    color: #fff
}

.gantt_cal_light_wide {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.gantt_cal_light_wide .gantt_cal_larea {
    border-left: none !important;
    border-right: none !important
}

.gantt_popup_button.gantt_ok_button {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff;
    font-weight: 700;
    border-width: 0
}

.gantt_popup_button.gantt_cancel_button {
    font-weight: 700;
    color: #454544
}

.gantt_popup_title {
    background-color: #fff
}

.gantt_popup_shadow {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071)
}

.gantt_qi_big_icon.icon_edit {
    color: #454545;
    background: #fff
}

.gantt_qi_big_icon.icon_delete {
    text-shadow: 0 -1px 0 #a60;
    background: #ec8e00;
    color: #fff;
    border-width: 0
}

.gantt_tooltip {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    border-left: 1px solid rgba(0, 0, 0, .07);
    border-top: 1px solid rgba(0, 0, 0, .07);
    font-size: 8pt;
    color: #454545
}

.gantt_container,
.gantt_tooltip {
    background-color: #fff;
    font-family: Arial
}

.gantt_container {
    font-size: 13px;
    border: 1px solid #cecece;
    position: relative;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden
}

.gantt_task_scroll {
    overflow-x: scroll
}

.gantt_grid,
.gantt_task {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    vertical-align: top
}

.gantt_grid_scale,
.gantt_task_scale {
    color: #6b6b6b;
    font-size: 12px;
    border-bottom: 1px solid #cecece;
    box-sizing: border-box
}

.gantt_grid_scale,
.gantt_task_scale,
.gantt_task_vscroll {
    background-color: #fff
}

.gantt_scale_line {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 1px solid #cecece
}

.gantt_scale_line:first-child {
    border-top: none
}

.gantt_grid_head_cell {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #cecece;
    text-align: center;
    position: relative;
    cursor: default;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 33px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.gantt_scale_line {
    clear: both
}

.gantt_grid_data {
    width: 100%;
    overflow: hidden;
    position: relative
}

.gantt_row {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_add,
.gantt_grid_head_add {
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    -moz-opacity: .3;
    opacity: .3
}

.gantt_grid_head_cell.gantt_grid_head_add {
    -moz-opacity: .6;
    opacity: .6;
    top: 0
}

.gantt_grid_head_cell.gantt_grid_head_add:hover {
    -moz-opacity: 1;
    opacity: 1
}

.gantt_grid_data .gantt_row.odd:hover,
.gantt_grid_data .gantt_row:hover {
    background-color: #fff3a1
}

.gantt_grid_data .gantt_row.odd:hover .gantt_add,
.gantt_grid_data .gantt_row:hover .gantt_add {
    -moz-opacity: 1;
    opacity: 1
}

.gantt_row,
.gantt_task_row {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff
}

.gantt_row.odd,
.gantt_task_row.odd {
    background-color: #fff
}

.gantt_cell,
.gantt_grid_head_cell,
.gantt_row,
.gantt_scale_cell,
.gantt_task_cell,
.gantt_task_row {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.gantt_grid_head_cell,
.gantt_scale_cell {
    line-height: inherit
}

.gantt_grid_scale .gantt_grid_column_resize_wrap {
    cursor: col-resize;
    position: absolute;
    width: 13px;
    margin-left: -7px
}

.gantt_grid_column_resize_wrap .gantt_grid_column_resize {
    background-color: #cecece;
    height: 100%;
    width: 1px;
    margin: 0 auto
}

.gantt_drag_marker.gantt_grid_resize_area {
    background-color: rgba(232, 232, 232, .502);
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.gantt_row {
    display: flex
}

.gantt_row>div {
    flex-shrink: 0;
    flex-grow: 0
}

.gantt_cell {
    vertical-align: top;
    border-right: 1px solid #ebebeb;
    padding-left: 6px;
    padding-right: 6px;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px
}

.gantt_cell_tree {
    display: flex;
    flex-wrap: nowrap
}

.gantt_grid_data .gantt_last_cell,
.gantt_grid_scale .gantt_last_cell,
.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell,
.gantt_task_bg .gantt_last_cell {
    border-right-width: 0
}

.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell {
    border-right-width: 1px
}

.gantt_task_bg {
    overflow: hidden
}

.gantt_scale_cell {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border-right: 1px solid #cecece;
    text-align: center;
    height: 100%
}

.gantt_task_cell {
    display: inline-block;
    height: 100%;
    border-right: 1px solid #ebebeb
}

.gantt_layout_cell.gantt_ver_scroll {
    width: 0;
    background-color: transparent;
    height: 1px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    z-index: 1
}

.gantt_ver_scroll>div {
    width: 1px;
    height: 1px
}

.gantt_hor_scroll {
    height: 0;
    background-color: transparent;
    width: 100%;
    clear: both;
    overflow-x: scroll;
    overflow-y: hidden
}

.gantt_layout_cell .gantt_hor_scroll {
    position: absolute
}

.gantt_hor_scroll>div {
    width: 5000px;
    height: 1px
}

.gantt_tree_icon,
.gantt_tree_indent {
    flex-grow: 0;
    flex-shrink: 0
}

.gantt_tree_indent {
    width: 15px;
    height: 100%
}

.gantt_tree_content,
.gantt_tree_icon {
    vertical-align: top
}

.gantt_tree_icon {
    width: 28px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.gantt_tree_content {
    height: 100%;
    white-space: nowrap;
    min-width: 0
}

.gantt_tree_icon.gantt_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAArklEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNUAGcXJyMnz//h3uQrJdRLFBIAPQAchlJLsIFuCMjIwM////B5sJMoRkg2CuIdtrQcHBDOxsbHBfCQgIMHz48AHO//nrF8O6tWsJR7+7uzsDIxMTznT0/98/hp07d+I3iGopm2DewKFg8OV+AJWkfRMrTobLAAAAAElFTkSuQmCC);
    width: 18px;
    cursor: pointer
}

.gantt_tree_icon.gantt_close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAkUlEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNeIN4uTkxAin79+/M5AcRtgCHGQIyQbhijaiDQoKDmZgZ2PDGf0/f/1iWLd2LeHod3d3Z2BkYsJp0P9//xh27tyJ3yCqpWyCeQOHgsGX+wEZpW4T5LCxKwAAAABJRU5ErkJggg==);
    width: 18px;
    cursor: pointer
}

.gantt_tree_icon.gantt_blank {
    width: 18px
}

.gantt_tree_icon.gantt_folder_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAs0lEQVQ4T62T0Q2EIBBEpQlzuaaMsQoqooqLsSljbMLLmMxmUXBR4U+Qt7Mzi2sqLVeJ00SgEMKWAnvvzYLyAyHfT5sU2fXDJSwCAXK8MI0/UTkva7IIFJsg3NSwnKdFoKtAWOQ1CN7CEqeTotE5L7QyJhmBcklZM4ZgTiAr3iOU3kD93ppO5SkMjB1EeXdBWoSkRql3YeIRe+cGvktS056JR9wsmeBUkujCfNXWCPC8GugPqn5ii/hV+FoAAAAASUVORK5CYII=)
}

.gantt_tree_icon.gantt_folder_closed {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAfElEQVQ4T2NkoBJgpJI5DCgGTZ8+/T82gzMzMwlaCFcAM0RKQgyrI/0Dg/EahmIQyBB0DRvXr4W78tmLV1gtAbmYoEEgnciG4QpTogzCFyEwSyg2CBS2oCAZNQh3cA+hMAJ5AlcKxuVBlOgnNgVjMwyUrQjmamKLGaoZBAAOTFyLnFFW4wAAAABJRU5ErkJggg==)
}

.gantt_tree_icon.gantt_file {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAeElEQVQ4T2NkoBJgRDZn+vTp/wmZm5mZiaIHph7DICkJMUJmMfgHBmMYhtUgbAo3rl+L4lp0NUQbBPI2umuRDaPIIFAYwAyjv0HoMQALM5JdhG4QLMxGDcKdyIdoGIE89OzFK4KZF5Rl8EY/QROQFGA1iBQD0NUCAJVjcxO0naAQAAAAAElFTkSuQmCC)
}

.gantt_grid_head_cell .gantt_sort {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 7px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: 50%
}

.gantt_grid_head_cell .gantt_sort.gantt_asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC)
}

.gantt_grid_head_cell .gantt_sort.gantt_desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC)
}

.gantt_inserted,
.gantt_updated {
    font-weight: 700
}

.gantt_deleted {
    text-decoration: line-through
}

.gantt_invalid {
    background-color: #ffe0e0
}

.gantt_error {
    color: red
}

.gantt_status {
    right: 1px;
    padding: 5px 10px;
    background: hsla(0, 0%, 61%, .1);
    position: absolute;
    top: 1px;
    transition: opacity .2s;
    opacity: 0
}

.gantt_status.gantt_status_visible {
    opacity: 1
}

#gantt_ajax_dots span {
    transition: opacity .2s;
    background-repeat: no-repeat;
    opacity: 0
}

#gantt_ajax_dots span.gantt_dot_visible {
    opacity: 1
}

.gantt_column_drag_marker {
    border: 1px solid #cecece;
    opacity: .8
}

.gantt_grid_head_cell_dragged {
    border: 1px solid #cecece;
    opacity: .3
}

.gantt_grid_target_marker {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #ffa011;
    transform: translate(-1px)
}

.gantt_grid_target_marker:after,
.gantt_grid_target_marker:before {
    display: block;
    content: "";
    position: absolute;
    left: -5px;
    width: 0;
    height: 0;
    border: 6px solid transparent
}

.gantt_grid_target_marker:before {
    border-top-color: #ffa011
}

.gantt_grid_target_marker:after {
    bottom: 0;
    border-bottom-color: #ffa011
}

.gantt_message_area {
    position: fixed;
    right: 5px;
    width: 250px;
    z-index: 1000
}

.gantt-info {
    min-width: 120px;
    padding: 4px 4px 4px 20px;
    font-family: Arial;
    z-index: 10000;
    margin: 5px 5px 10px;
    transition: all .5s ease
}

.gantt-info.hidden {
    height: 0;
    padding: 0;
    border-width: 0;
    margin: 0;
    overflow: hidden
}

.gantt_modal_box {
    overflow: hidden;
    display: inline-block;
    min-width: 250px;
    width: 250px;
    text-align: center;
    position: fixed;
    z-index: 20000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    font-family: Arial;
    border-radius: 6px;
    border: 1px solid #cecece;
    background: #fff
}

.gantt_popup_title {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-width: 0
}

.gantt_button,
.gantt_popup_button {
    border: 1px solid #cecece;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
    background: #fff
}

.gantt-info,
.gantt_button,
.gantt_popup_button {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer
}

.gantt_popup_text {
    overflow: hidden
}

.gantt_popup_controls {
    border-radius: 6px;
    padding: 10px
}

.gantt_popup_button {
    min-width: 100px
}

div.dhx_modal_cover {
    background-color: #000;
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    opacity: .2;
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    zoom: 1
}

.gantt-info img,
.gantt_modal_box img {
    float: left;
    margin-right: 20px
}

.gantt-alert-error,
.gantt-confirm-error {
    border: 1px solid red
}

.gantt_button input,
.gantt_popup_button div {
    border-radius: 4px;
    font-size: 14px;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    vertical-align: top
}

.gantt_popup_title {
    border-bottom: 1px solid #cecece;
    height: 40px;
    line-height: 40px;
    font-size: 20px
}

.gantt_popup_text {
    margin: 15px 15px 5px;
    font-size: 14px;
    color: #000;
    min-height: 30px;
    border-radius: 6px
}

.gantt-error,
.gantt-info {
    font-size: 14px;
    color: #000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    padding: 0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #fff
}

.gantt-info div {
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #cecece
}

.gantt-error {
    background-color: #d81b1b;
    border: 1px solid #ff3c3c
}

.gantt-error div {
    background-color: #d81b1b;
    border: 1px solid #940000;
    color: #fff
}

.gantt-warning {
    background-color: #ff9000;
    border: 1px solid #ffa633
}

.gantt-warning div {
    background-color: #ff9000;
    border: 1px solid #b36500;
    color: #fff
}

.gantt_data_area div,
.gantt_grid div {
    -ms-touch-action: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.gantt_data_area {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gantt_links_area {
    position: absolute;
    left: 0;
    top: 0
}

.gantt_side_content,
.gantt_task_content,
.gantt_task_progress {
    line-height: inherit;
    overflow: hidden;
    height: 100%
}

.gantt_task_content {
    font-size: 12px;
    color: #fff;
    width: 100%;
    top: 0;
    cursor: pointer;
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.gantt_task_progress {
    text-align: center;
    z-index: 0;
    background: #299cb4
}

.gantt_task_progress_wrapper {
    border-radius: inherit;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.gantt_task_line {
    border-radius: 2px;
    position: absolute;
    box-sizing: border-box;
    background-color: #3db9d3;
    border: 1px solid #2898b0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_task_line.gantt_drag_move div {
    cursor: move
}

.gantt_touch_move,
.gantt_touch_progress .gantt_touch_resize {
    transform: scale(1.02, 1.1);
    transform-origin: 50%
}

.gantt_touch_progress .gantt_task_progress_drag,
.gantt_touch_resize .gantt_task_drag {
    transform: scaleY(1.3);
    transform-origin: 50%
}

.gantt_side_content {
    position: absolute;
    white-space: nowrap;
    color: #6e6e6e;
    top: 0;
    font-size: 11px
}

.gantt_side_content.gantt_left {
    right: 100%;
    padding-right: 20px
}

.gantt_side_content.gantt_right {
    left: 100%;
    padding-left: 20px
}

.gantt_side_content.gantt_link_crossing {
    bottom: 8.75px;
    top: auto
}

.gantt_link_arrow,
.gantt_task_link .gantt_line_wrapper {
    position: absolute;
    cursor: pointer
}

.gantt_line_wrapper div {
    background-color: #ffa011
}

.gantt_task_link:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px #ffa011
}

.gantt_task_link div.gantt_link_arrow {
    background-color: transparent;
    border-style: solid;
    width: 0;
    height: 0
}

.gantt_link_control {
    position: absolute;
    width: 20px;
    top: 0
}

.gantt_link_control div {
    display: none;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    margin-top: -7.5px;
    vertical-align: middle;
    border: 1px solid #929292;
    border-radius: 6.5px;
    height: 13px;
    width: 13px;
    background-color: #f0f0f0
}

.gantt_link_control.task_right div.gantt_link_point {
    margin-left: 7px
}

.gantt_link_control div:hover {
    background-color: #fff
}

.gantt_link_control.task_left {
    left: -20px
}

.gantt_link_control.task_right {
    right: -20px
}

.gantt_link_target .gantt_link_control div,
.gantt_task_line.gantt_drag_move .gantt_link_control div,
.gantt_task_line.gantt_drag_move .gantt_task_drag,
.gantt_task_line.gantt_drag_move .gantt_task_progress_drag,
.gantt_task_line.gantt_drag_progress .gantt_link_control div,
.gantt_task_line.gantt_drag_progress .gantt_task_drag,
.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag,
.gantt_task_line.gantt_drag_resize .gantt_link_control div,
.gantt_task_line.gantt_drag_resize .gantt_task_drag,
.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag,
.gantt_task_line.gantt_selected .gantt_link_control div,
.gantt_task_line.gantt_selected .gantt_task_drag,
.gantt_task_line.gantt_selected .gantt_task_progress_drag,
.gantt_task_line:hover .gantt_link_control div,
.gantt_task_line:hover .gantt_task_drag,
.gantt_task_line:hover .gantt_task_progress_drag {
    display: block
}

.gantt_link_source,
.gantt_link_target {
    box-shadow: 0 0 3px #3db9d3
}

.gantt_link_target.link_finish_allow,
.gantt_link_target.link_start_allow {
    box-shadow: 0 0 3px #ffbf5e
}

.gantt_link_target.link_finish_deny,
.gantt_link_target.link_start_deny {
    box-shadow: 0 0 3px #e87e7b
}

.link_finish_allow .gantt_link_control.task_end_date div,
.link_start_allow .gantt_link_control.task_start_date div {
    background-color: #ffbf5e;
    border-color: #ffa011
}

.link_finish_deny .gantt_link_control.task_end_date div,
.link_start_deny .gantt_link_control.task_start_date div {
    background-color: #e87e7b;
    border-color: #dd3e3a
}

.gantt_link_arrow_right {
    border-width: 4px 0 4px 6px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: #ffa011;
    margin-top: -1px
}

.gantt_link_arrow_left {
    border-width: 4px 6px 4px 0;
    margin-top: -1px;
    border-top-color: transparent !important;
    border-right-color: #ffa011;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.gantt_link_arrow_up {
    border-width: 0 4px 6px;
    border-color: transparent transparent #ffa011;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: #ffa011;
    border-left-color: transparent !important
}

.gantt_link_arrow_down {
    border-width: 4px 6px 0 4px;
    border-top-color: #ffa011;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.gantt_task_drag,
.gantt_task_progress_drag {
    cursor: ew-resize;
    display: none;
    position: absolute
}

.gantt_task_drag.task_right {
    cursor: e-resize
}

.gantt_task_drag.task_left {
    cursor: w-resize
}

.gantt_task_drag {
    height: 100%;
    width: 8px;
    z-index: 1;
    top: -1px
}

.gantt_task_drag.task_left {
    left: -7px
}

.gantt_task_drag.task_right {
    right: -7px
}

.gantt_task_progress_drag {
    height: 8px;
    width: 8px;
    bottom: -4px;
    margin-left: -4px;
    background-position: bottom;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    z-index: 1
}

.gantt_task_progress_drag:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAs0lEQVQoz6WMPW7CQBgFJxZaiZ60qcgdwjVMmzu8gpwhDULabXyBdHAGuzRHivQiQZovigS2+Jtu95t5T03TMITtCtjEc5VSOgx5k5F4CnxJWgKUUl5sv6eUvk/daiCeAe1fDCCpBtq4jQ/YngO9pMWpGH99OOcDtt8ifmWEuO3D/R+wXQOdpGcuIGkGdNFQ2RawlTTlSsLd2RY55+O95JyPFQ/y8MAE+CylfADpxvYHWP8CXj+JR4wdKHYAAAAASUVORK5CYII=)
}

.gantt_link_tooltip {
    box-shadow: 3px 3px 3px #888;
    background-color: #fff;
    border-left: 1px dotted #cecece;
    border-top: 1px dotted #cecece;
    font-family: Tahoma;
    font-size: 8pt;
    color: #444;
    padding: 6px;
    line-height: 20px
}

.gantt_link_direction {
    height: 0;
    border: 0 none #ffa011;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    z-index: 2;
    margin-left: 1px;
    position: absolute
}

.gantt_grid_data .gantt_row.gantt_selected,
.gantt_grid_data .gantt_row.odd.gantt_selected,
.gantt_task_row.gantt_selected {
    background-color: #fff3a1
}

.gantt_task_row.gantt_selected .gantt_task_cell {
    border-right-color: #ffec6e
}

.gantt_task_line.gantt_selected {
    box-shadow: 0 0 5px #299cb4
}

.gantt_task_line.gantt_project.gantt_selected {
    box-shadow: 0 0 5px #46ad51
}

.gantt_task_line.gantt_milestone {
    visibility: hidden;
    background-color: #d33daf;
    border: 0 solid #61164f;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

.gantt_task_line.gantt_milestone div {
    visibility: visible
}

.gantt_task_line.gantt_milestone .gantt_task_content {
    background: inherit;
    border: inherit;
    border-width: 1px;
    border-radius: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transform: rotate(45deg)
}

.gantt_task_line.gantt_task_inline_color {
    border-color: #999
}

.gantt_task_line.gantt_task_inline_color .gantt_task_progress {
    background-color: #363636;
    opacity: .2
}

.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected,
.gantt_task_line.gantt_task_inline_color.gantt_selected {
    box-shadow: 0 0 5px #999
}

.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px #999
}

.gantt_critical_task {
    background-color: #e63030;
    border-color: #9d3a3a
}

.gantt_critical_task .gantt_task_progress {
    background-color: rgba(0, 0, 0, .4)
}

.gantt_critical_link .gantt_line_wrapper>div {
    background-color: #e63030
}

.gantt_critical_link .gantt_link_arrow {
    border-color: #e63030
}

.gantt_btn_set:focus,
.gantt_cell:focus,
.gantt_grid_head_cell:focus,
.gantt_popup_button:focus,
.gantt_qi_big_icon:focus,
.gantt_row:focus {
    box-shadow: inset 0 0 1px 1px #4d90fe
}

.gantt_split_parent,
.gantt_split_subproject {
    opacity: .1;
    pointer-events: none
}

.gantt_unselectable,
.gantt_unselectable div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_cal_light {
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    border-radius: 6px;
    font-family: Arial;
    font-size: 13px;
    border: 1px solid #cecece;
    color: #6b6b6b;
    font-size: 12px;
    position: absolute;
    z-index: 10001;
    width: 550px;
    height: 250px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071)
}

.gantt_cal_light_wide {
    width: 650px
}

.gantt_cal_light select {
    font-family: Arial;
    border: 1px solid #cecece;
    font-size: 13px;
    padding: 2px;
    margin: 0
}

.gantt_cal_ltitle {
    padding: 7px 10px;
    overflow: hidden;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    border-radius: 6px 6px 0 0
}

.gantt_cal_ltitle,
.gantt_cal_ltitle span {
    white-space: nowrap
}

.gantt_cal_lsection {
    color: #727272;
    font-weight: 700;
    padding: 12px 0 5px 10px
}

.gantt_cal_lsection .gantt_fullday {
    float: right;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: top;
    cursor: pointer
}

.gantt_cal_lsection {
    font-size: 13px
}

.gantt_cal_ltext {
    padding: 2px 10px;
    overflow: hidden
}

.gantt_cal_ltext textarea {
    overflow-y: auto;
    overflow-x: hidden;
    font-family: Arial;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #cecece;
    height: 100%;
    width: 100%;
    outline: none !important;
    resize: none
}

.gantt_section_constraint [data-constraint-time-select] {
    margin-left: 20px
}

.gantt_time {
    font-weight: 700
}

.gantt_cal_light .gantt_title {
    padding-left: 10px
}

.gantt_cal_larea {
    border: 1px solid #cecece;
    border-left: none;
    border-right: none;
    background-color: #fff;
    overflow: hidden;
    height: 1px
}

.gantt_btn_set {
    margin: 10px 7px 5px 10px;
    padding: 5px 15px 5px 10px;
    float: left;
    border-radius: 4px;
    border: 0 solid #cecece;
    height: 32px;
    font-weight: 700;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.gantt_hidden {
    display: none
}

.gantt_btn_set div {
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    background-repeat: no-repeat;
    vertical-align: middle
}

.gantt_save_btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=);
    margin-top: 2px;
    width: 21px
}

.gantt_cancel_btn {
    margin-top: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=);
    width: 20px
}

.gantt_delete_btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);
    margin-top: 2px;
    width: 20px
}

.gantt_cal_cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10)
}

.gantt_custom_button {
    padding: 0 3px;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px;
    margin-top: -5px;
    cursor: pointer;
    float: right;
    height: 21px;
    width: 90px;
    border: 1px solid #cecece;
    text-align: center;
    border-radius: 4px
}

.gantt_custom_button div {
    cursor: pointer;
    float: none;
    height: 21px;
    line-height: 21px;
    vertical-align: middle
}

.gantt_custom_button div:first-child {
    display: none
}

.gantt_cal_light_wide {
    width: 580px;
    padding: 2px 4px
}

.gantt_cal_light_wide .gantt_cal_larea {
    box-sizing: border-box;
    border: 1px solid #cecece
}

.gantt_cal_light_wide .gantt_cal_lsection {
    border: 0;
    float: left;
    text-align: right;
    width: 80px;
    height: 20px;
    padding: 5px 10px 0 0
}

.gantt_cal_light_wide .gantt_wrap_section {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.gantt_cal_light_wide .gantt_section_time {
    overflow: hidden;
    padding-top: 2px !important;
    padding-right: 0;
    height: 20px !important
}

.gantt_cal_light_wide .gantt_cal_ltext {
    padding-right: 0
}

.gantt_cal_light_wide .gantt_cal_larea {
    padding: 0 10px;
    width: 100%
}

.gantt_cal_light_wide .gantt_section_time {
    background: transparent
}

.gantt_cal_light_wide .gantt_cal_checkbox label {
    padding-left: 0
}

.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday {
    float: none;
    margin-right: 0;
    font-weight: 700;
    cursor: pointer
}

.gantt_cal_light_wide .gantt_custom_button {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2px
}

.gantt_cal_light_wide .gantt_repeat_right {
    margin-right: 55px
}

.gantt_cal_light_wide.gantt_cal_light_full {
    width: 738px
}

.gantt_cal_wide_checkbox input {
    margin-top: 8px;
    margin-left: 14px
}

.gantt_cal_light input {
    font-size: 13px
}

.gantt_section_time {
    background-color: #fff;
    white-space: nowrap;
    padding: 2px 10px 5px;
    padding-top: 2px !important
}

.gantt_section_time .gantt_time_selects {
    float: left;
    height: 25px
}

.gantt_section_time .gantt_time_selects select {
    height: 23px;
    padding: 2px;
    border: 1px solid #cecece
}

.gantt_duration {
    width: 100px;
    height: 23px;
    float: left;
    white-space: nowrap;
    margin-left: 20px;
    line-height: 23px
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc,
.gantt_duration .gantt_duration_value {
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    height: 100%;
    border: 1px solid #cecece
}

.gantt_duration .gantt_duration_value {
    width: 40px;
    padding: 3px 4px;
    border-left-width: 0;
    border-right-width: 0
}

.gantt_duration .gantt_duration_value.gantt_duration_value_formatted {
    width: 70px
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc {
    width: 20px;
    padding: 1px;
    background: #fff
}

.gantt_duration .gantt_duration_dec {
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.gantt_duration .gantt_duration_inc {
    margin-right: 4px;
    -moz-border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.gantt_resources {
    max-height: 150px;
    height: auto;
    overflow-y: auto
}

.gantt_resource_row {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer
}

.gantt_resource_row input[type=checkbox]:not(:checked),
.gantt_resource_row input[type=checkbox]:not(:checked)~div {
    opacity: .5
}

.gantt_resource_toggle {
    vertical-align: middle
}

.gantt_resources_filter .gantt_resources_filter_input {
    padding: 1px 2px;
    box-sizing: border-box
}

.gantt_resources_filter .switch_unsetted {
    vertical-align: middle
}

.gantt_resource_cell {
    display: inline-block
}

.gantt_resource_cell.gantt_resource_cell_checkbox {
    width: 24px;
    max-width: 24px;
    min-width: 24px;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_label {
    width: 40%;
    max-width: 40%;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_value {
    width: 30%;
    max-width: 30%;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_value input,
.gantt_resource_cell.gantt_resource_cell_value select {
    width: 80%;
    vertical-align: middle;
    padding: 1px 2px;
    box-sizing: border-box
}

.gantt_resource_cell.gantt_resource_cell_unit {
    width: 10%;
    max-width: 10%;
    vertical-align: middle
}

.gantt_resource_early_value {
    opacity: .8;
    font-size: .9em
}

.gantt_cal_quick_info {
    border: 1px solid #cecece;
    border-radius: 6px;
    position: absolute;
    z-index: 300;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    background-color: #fff;
    width: 300px;
    transition: left .5s ease, right .5s;
    -moz-transition: left .5s ease, right .5s;
    -webkit-transition: left .5s ease, right .5s;
    -o-transition: left .5s ease, right .5s
}

.gantt_no_animate {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon {
    float: right
}

.gantt_cal_qi_title {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    border-radius: 6px 6px 0 0;
    padding: 5px 0 8px 12px;
    color: #454545;
    background-color: #fff;
    border-bottom: 1px solid #cecece
}

.gantt_cal_qi_tdate {
    font-size: 14px;
    font-weight: 700
}

.gantt_cal_qi_tcontent {
    font-size: 13px
}

.gantt_cal_qi_content {
    padding: 16px 8px;
    font-size: 13px;
    color: #454545;
    overflow: hidden
}

.gantt_cal_qi_controls {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 6px;
    border-radius: 0 0 6px 6px;
    padding-left: 7px
}

.gantt_cal_qi_controls .gantt_menu_icon {
    margin-top: 6px;
    background-repeat: no-repeat
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_edit {
    width: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC)
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_delete {
    width: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=)
}

.gantt_qi_big_icon {
    font-size: 13px;
    border-radius: 4px;
    font-weight: 700;
    background: #fff;
    margin: 5px 9px 8px 0;
    min-width: 60px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0 10px 0 5px;
    cursor: pointer;
    border: 1px solid #cecece
}

.gantt_cal_qi_controls div {
    float: left;
    height: 32px;
    text-align: center;
    line-height: 32px
}

.gantt_tooltip {
    padding: 10px;
    position: absolute;
    z-index: 50;
    white-space: nowrap
}

.gantt_resource_marker {
    position: absolute;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.gantt_resource_marker_ok {
    background: rgba(78, 208, 134, .75)
}

.gantt_resource_marker_overtime {
    background: hsla(0, 100%, 76%, .69)
}

.gantt_histogram_label {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    font-weight: 700;
    font-size: 13px
}

.gantt_histogram_fill {
    background-color: rgba(41, 157, 180, .2);
    width: 100%;
    position: absolute;
    bottom: 0
}

.gantt_histogram_hor_bar {
    height: 1px;
    margin-top: -1px
}

.gantt_histogram_hor_bar,
.gantt_histogram_vert_bar {
    position: absolute;
    background: #299db4;
    margin-left: -1px
}

.gantt_histogram_vert_bar {
    width: 1px
}

.gantt_histogram_cell {
    position: absolute;
    text-align: center;
    font-size: 13px;
    color: #000
}

.gantt_marker {
    height: 100%;
    width: 2px;
    top: 0;
    position: absolute;
    text-align: center;
    background-color: rgba(255, 0, 0, .4);
    box-sizing: border-box
}

.gantt_marker .gantt_marker_content {
    padding: 5px;
    background: inherit;
    color: #fff;
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    opacity: .8
}

.gantt_marker_area {
    position: absolute;
    top: 0;
    left: 0
}

.gantt_grid_editor_placeholder {
    position: absolute
}

.gantt_grid_editor_placeholder>div,
.gantt_grid_editor_placeholder input,
.gantt_grid_editor_placeholder select {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.gantt_row_placeholder div {
    opacity: .5
}

.gantt_row_placeholder .gantt_add,
.gantt_row_placeholder .gantt_file {
    display: none
}

.gantt_drag_marker.gantt_grid_dnd_marker {
    background-color: transparent;
    transition: all .1s ease
}

.gantt_grid_dnd_marker_line {
    height: 4px;
    width: 100%;
    background-color: #3498db
}

.gantt_grid_dnd_marker_line:before {
    background: #fff;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 3px solid #3498db;
    border-radius: 6px;
    content: "";
    line-height: 1px;
    display: block;
    position: absolute;
    margin-left: -11px;
    margin-top: -4px;
    pointer-events: none
}

.gantt_grid_dnd_marker_folder {
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #3f98db;
    background: transparent
}

.gantt_overlay_area {
    display: none
}

.gantt_overlay,
.gantt_overlay_area {
    position: absolute;
    height: inherit;
    width: inherit;
    top: 0;
    left: 0
}

.gantt_click_drag_rect {
    position: absolute;
    left: 0;
    top: 0;
    outline: 1px solid #3f98db;
    background-color: rgba(52, 152, 219, .302)
}

.gantt_timeline_move_available,
.gantt_timeline_move_available * {
    cursor: move
}

.gantt_rtl .gantt_grid {
    text-align: right
}

.gantt_rtl .gantt_cell,
.gantt_rtl .gantt_row {
    flex-direction: row-reverse
}

.gantt_layout_content {
    width: 100%;
    overflow: auto;
    box-sizing: border-box
}

.gantt_layout_cell {
    position: relative;
    box-sizing: border-box
}

.gantt_layout_cell>.gantt_layout_header {
    background: #33aae8;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
    box-sizing: border-box
}

.gantt_layout_header.collapsed_x {
    background: #a9a9a9
}

.gantt_layout_header.collapsed_x .gantt_header_arrow:before {
    content: "\21e7"
}

.gantt_layout_header.collapsed_y {
    background: #a9a9a9
}

.gantt_layout_header.collapsed_y .gantt_header_arrow:before {
    content: "\21e9"
}

.gantt_layout_header {
    cursor: pointer
}

.gantt_layout_header .gantt_header_arrow {
    float: right;
    text-align: right
}

.gantt_layout_header .gantt_header_arrow:before {
    content: "\21e6"
}

.gantt_layout_header.vertical .gantt_header_arrow:before {
    content: "\21e7"
}

.gantt_layout_outer_scroll_vertical .gantt_layout_content {
    overflow-y: hidden
}

.gantt_layout_outer_scroll_horizontal .gantt_layout_content {
    overflow-x: hidden
}

.gantt_layout_x>.gantt_layout_cell {
    display: inline-block;
    vertical-align: top
}

.gantt_layout_x {
    white-space: nowrap
}

.gantt_resizing {
    opacity: .7;
    background: #f2f2f2
}

.gantt_layout_cell_border_right.gantt_resizer {
    overflow: visible;
    border-right: 0
}

.gantt_resizer {
    cursor: e-resize;
    position: relative
}

.gantt_resizer_y {
    cursor: n-resize
}

.gantt_resizer_stick {
    background: #33aae8;
    z-index: 9999;
    position: absolute;
    top: 0;
    width: 100%
}

.gantt_resizer_x .gantt_resizer_x {
    position: absolute;
    width: 20px;
    height: 100%;
    margin-left: -10px;
    top: 0;
    left: 0;
    z-index: 1
}

.gantt_resizer_y .gantt_resizer_y {
    position: absolute;
    height: 20px;
    width: 100%;
    top: -10px;
    left: 0;
    z-index: 1
}

.gantt_resizer_error {
    background: #cd5c5c !important
}

.gantt_layout_cell_border_left {
    border-left: 1px solid #cecece
}

.gantt_layout_cell_border_right {
    border-right: 1px solid #cecece
}

.gantt_layout_cell_border_top {
    border-top: 1px solid #cecece
}

.gantt_layout_cell_border_bottom {
    border-bottom: 1px solid #cecece
}

.gantt_layout_cell_border_transparent {
    border-color: transparent
}

.gantt_window {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999999;
    background: #fff
}

.gantt_window_content {
    position: relative
}

.gantt_window_content_header {
    background: #39c;
    color: #fff;
    height: 33px;
    padding: 10px 10px 0;
    border-bottom: 2px solid #fff;
    position: relative
}

.gantt_window_content_header_text {
    padding-left: 10%
}

.gantt_window_content_header_buttons {
    position: absolute;
    top: 10px;
    right: 10px
}

.gantt_window_content_header_buttons:hover {
    color: #000;
    cursor: pointer
}

.gantt_window_content_resizer {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0;
    line-height: 15px;
    right: -1px;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);
    cursor: nw-resize;
    z-index: 999
}

.gantt_window_content_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 9999
}

.gantt_window_drag {
    cursor: pointer !important
}

.gantt_window_resizing {
    overflow: visible
}

.gantt_window_resizing_body {
    overflow: hidden !important
}

.gantt_window_modal {
    background: rgba(0, 0, 0, .1);
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.gantt_cal_light,
.gantt_cal_quick_info,
.gantt_container,
.gantt_message_area,
.gantt_modal_box,
.gantt_tooltip {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gantt_noselect {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gantt_drag_marker {
    position: absolute;
    top: -1000px;
    left: -1000px;
    font-family: Arial;
    font-size: 13px;
    z-index: 1;
    white-space: nowrap
}

.gantt_drag_marker .gantt_tree_icon.gantt_blank,
.gantt_drag_marker .gantt_tree_icon.gantt_close,
.gantt_drag_marker .gantt_tree_icon.gantt_open,
.gantt_drag_marker .gantt_tree_indent {
    display: none
}

.gantt_drag_marker,
.gantt_drag_marker .gantt_row.odd {
    background-color: #fff
}

.gantt_drag_marker .gantt_row {
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2
}

.gantt_drag_marker .gantt_cell {
    border-color: #d2d2d2
}

.gantt_row.gantt_over,
.gantt_task_row.gantt_over {
    background-color: #0070fe
}

.gantt_row.gantt_transparent .gantt_cell {
    opacity: .7
}

.gantt_task_row.gantt_transparent {
    background-color: #f8fdfd
}

.gantt_popup_button.gantt_delete_button {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff;
    font-weight: 700;
    border-width: 0
}

.gantt_container_resize_watcher {
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    border: 0;
    box-sizing: border-box;
    opacity: 0
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    font-weight: 400
}

.mat-drawer-container {
    background: none
}

.leftnav-expand {
    width: calc(100vw - 326px) !important
}

.leftnav-collapse {
    width: calc(100vw - 120px) !important
}

.mat-card {
    background: #ffffff;
    margin: 0 0 16px
}

.mat-card:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122) !important
}

.mat-card-title,
.header-2 {
    font-size: 24px !important;
    font-family: "Source Sans Pro", sans-serif
}

.mat-list-item-content {
    color: #fff
}

.mat-card-content img.chart {
    width: 100%;
    height: auto
}

.pageContent {
    padding: 16px
}

.mat-card-header .mat-card-header-text {
    flex: 2;
    margin: 0
}

.mat-card-header .mat-icon-button {
    opacity: .54 !important;
    margin-top: -8px
}

.mat-card-header .mat-icon-button:last-child {
    margin-right: -8px
}

.mat-icon-button {
    background: none !important
}

.no-hover {
    background: none !important
}

.component-page-header {
    display: flex;
    align-items: top;
    padding: 8px 0 24px
}

.component-page-header h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 45px;
    line-height: 40px
}

.component-page-header .docs-primary-name {
    flex: 2
}

.component-page-header .docs-primary-name .caption-18 {
    font-size: 18px;
    line-height: 24px
}

.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    background-color: #63a70a;
    color: #fff
}

.muted-text {
    opacity: .54
}

.mat-menu-item {
    background: #ffffff
}

.margin-left {
    margin-left: 16px !important
}

.margin-right {
    margin-right: 16px !important
}

.margin-top {
    margin-top: 16px !important
}

.margin-bottom {
    margin-bottom: 16px !important
}

.no-margin {
    margin: 0 !important
}

.padding-left {
    padding-left: 16px !important
}

.padding-right {
    padding-right: 16px !important
}

.padding-top {
    padding-top: 16px !important
}

.padding-bottom {
    padding-bottom: 16px !important
}

.no-padding {
    padding: 0 !important
}

.mat-display-0 {
    font-size: 30px;
    font-family: "Lato", sans-serif !important
}

.mat-subheading-2 {
    line-height: 14px
}

.mat-menu-item {
    font-size: 15px !important
}

.demo-tab-content {
    padding: 24px 0
}

.maxWidth-page {
    max-width: 1280px !important;
    margin: auto !important
}

.mat-form-field {
    width: 100%
}

.title-center {
    flex: 1 1 auto;
    text-align: center
}

button.mat-button {
    margin-right: 8px
}

.xc div {
    border: 1px solid #ccc
}

.mat-select-box .mat-form-field {
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #fff;
    padding: 5px 10px;
    box-sizing: border-box
}

.mat-select-box .mat-form-field.auto-width {
    width: auto
}

.mat-select-box .mat-form-field.no-border {
    border: none
}

.mat-select-box .mat-form-field-wrapper {
    padding-bottom: 0
}

.mat-select-box .mat-form-field-infix {
    border-top: 0 !important;
    font-size: 14px !important
}

.mat-select-box .span {
    font-size: 14px !important
}

.mat-select-box .mat-select-value-text {
    font-size: 14px !important
}

.mat-select-box .mat-form-field-underline {
    bottom: 0 !important;
    background: none !important;
    height: 0 !important
}

.mat-select-box .mat-form-field-ripple {
    bottom: 0 !important;
    background: none !important;
    height: 0 !important
}

.fx-grid {
    margin: -8px -8px 8px
}

.fx-grid:last-of-type {
    margin-bottom: -8px
}

.fx-grid.fxCol-1>*,
.fx-grid>*.fxCol-1 {
    flex: 0 1 calc(8.333333% - 16px)
}

.fx-grid.fxCol-2>*,
.fx-grid>*.fxCol-2 {
    flex: 0 1 calc(16.66666666% - 16px)
}

.fx-grid.fxCol-2_4>*,
.fx-grid>*.fxCol-2_4 {
    flex: 0 1 calc(20% - 16px)
}

.fx-grid.fxCol-3>*,
.fx-grid>*.fxCol-3 {
    flex: 0 1 calc(25% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-4>*,
.fx-grid>*.fxCol-4 {
    flex: 0 1 calc(33.333333% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-6>*,
.fx-grid>*.fxCol-6 {
    flex: 0 1 calc(50% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-8>*,
.fx-grid>*.fxCol-8 {
    flex: 0 1 calc(66.66666667% - 16px) !important
}

.fx-grid.fxCol-10>*,
.fx-grid>*.fxCol-10 {
    flex: 0 1 calc(83.3333333% - 16px) !important
}

.fx-grid.fxCol-12>*,
.fx-grid>*.fxCol-12 {
    flex: 0 1 100% !important;
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid>* {
    flex: 0 1 100%;
    flex: 1;
    margin: 8px !important
}

.fx-grid>*.flex-width {
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid>*.auto-width {
    flex: 0 1 auto !important
}

.fx-grid>*.status-card {
    margin-right: 8px !important
}

.fx-grid>*.status-card:last-child {
    margin-right: 8px !important
}

.fx-grid>*.no-margin {
    margin: 0 !important
}

.fx-grid>*.no-margin-top {
    margin-top: 0 !important
}

.fx-grid>*.no-margin-bottom {
    margin-bottom: 0 !important
}

.fx-grid.gap-32.fxCol-1>*,
.fx-grid.gap-32>*.fxCol-1 {
    flex: 0 1 calc(8.333333% - 32px)
}

.fx-grid.gap-32.fxCol-2>*,
.fx-grid.gap-32>*.fxCol-2 {
    flex: 0 1 calc(16.66666666% - 32px)
}

.fx-grid.gap-32.fxCol-2_4>*,
.fx-grid.gap-32>*.fxCol-2_4 {
    flex: 0 1 calc(20% - 32px)
}

.fx-grid.gap-32.fxCol-3>*,
.fx-grid.gap-32>*.fxCol-3 {
    flex: 0 1 calc(25% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-4>*,
.fx-grid.gap-32>*.fxCol-4 {
    flex: 0 1 calc(33.333333% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-6>*,
.fx-grid.gap-32>*.fxCol-6 {
    flex: 0 1 calc(50% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-8>*,
.fx-grid.gap-32>*.fxCol-8 {
    flex: 0 1 calc(66.66666667% - 32px) !important
}

.fx-grid.gap-32.fxCol-10>*,
.fx-grid.gap-32>*.fxCol-10 {
    flex: 0 1 calc(83.3333333% - 32px) !important
}

.fx-grid.gap-32.fxCol-12>*,
.fx-grid.gap-32>*.fxCol-12 {
    flex: 0 1 100% !important;
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid.gap-32 {
    margin: -8px -16px 8px
}

.fx-grid.gap-32:last-of-type {
    margin-bottom: -8px
}

.fx-grid.gap-32>* {
    flex: 0 1 100%;
    flex: 1;
    margin: 8px 16px !important
}

.fx-grid.gap-32>*.flex-width {
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid.gap-32>*.status-card {
    margin-right: 16px !important
}

.fx-grid.gap-32>*.status-card:last-child {
    margin-right: 16px !important
}

.font-size32 {
    font-size: 32px !important
}

.status-card .mat-card-title.font-size32 {
    font-size: 32px !important
}

.mat-card,
.mat-card.status-card {
    margin: 0;
    box-sizing: border-box
}

.mat-input-container .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.mat-input-container .mat-form-field-underline {
    bottom: 0 !important
}

.mat-raised-button.sm-button {
    min-width: auto !important;
    padding: 0 8px
}

.sm-button-text-hide {
    display: none
}

input.mat-input-element {
    height: auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    border-width: 0 !important
}

.mat-form-field-label-wrapper {
    top: -.33em !important
}

mat-form-field .mat-input-wrapper .mat-form-field-infix.mat-form-field-infix {
    padding: .05em 0 !important
}

.loading-dots {
    opacity: 0;
    -webkit-animation: loading-dots-fadein .5s linear forwards;
    animation: loading-dots-fadein .5s linear forwards;
    padding: 16px;
    margin: auto;
    text-align: center;
    line-height: 0;
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 17px
}

.loading-dots i {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 .125em;
    -webkit-animation: loading-dots-middle-dots .5s linear infinite;
    animation: loading-dots-middle-dots .5s linear infinite
}

.loading-dots i:nth-child(1) {
    background: #4179c0
}

.loading-dots i:nth-child(2) {
    background: #e06216
}

.loading-dots i:nth-child(3) {
    background: #a3301d
}

.loading-dots i:nth-child(4) {
    background: #5da93f
}

.loading-dots i:nth-child(5) {
    background: #742685
}

.loading-dots i:first-child {
    -webkit-animation: loading-dots-first-dot .5s infinite;
    animation: loading-dots-first-dot .5s linear infinite;
    opacity: 0;
    transform: translate(-1em)
}

.loading-dots i:last-child {
    -webkit-animation: loading-dots-last-dot .5s linear infinite;
    animation: loading-dots-last-dot .5s linear infinite
}

@-webkit-keyframes loading-dots-fadein {
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@keyframes loading-dots-fadein {
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@-webkit-keyframes loading-dots-first-dot {
    to {
        transform: translate(1em);
        opacity: 1;
        filter: none
    }
}

@keyframes loading-dots-first-dot {
    to {
        transform: translate(1em);
        opacity: 1;
        filter: none
    }
}

@-webkit-keyframes loading-dots-middle-dots {
    to {
        transform: translate(1em)
    }
}

@keyframes loading-dots-middle-dots {
    to {
        transform: translate(1em)
    }
}

@-webkit-keyframes loading-dots-last-dot {
    to {
        transform: translate(2em);
        opacity: 0
    }
}

@keyframes loading-dots-last-dot {
    to {
        transform: translate(2em);
        opacity: 0
    }
}

.fc-spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

@-webkit-keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #417ed9;
    -webkit-animation: dash 1.4s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

.mat-dialog-title.bgHeader {
    display: block;
    padding: 12px 24px;
    margin-top: 0;
    font-family: Montserrat-Bold;
    font-size: 14px;
    color: #373a3c
}

.mat-card-header.bgHeader,
.mat-dialog-title.bgHeader {
    margin-right: -9px;
    margin-left: -9px;
    margin-top: -5px;
    padding: 18px 24px 6px;
    background: #f2f2f2;
    border-top-left-radius: 2px
}

.f-info-tooltip .mat-tooltip {
    white-space: pre-line;
    max-width: 500px;
    line-height: 24px
}

.f-stroked-button.f-button-dropdown-trigger {
    color: #0093ee !important;
    padding: 0 !important
}

.f-display-block {
    display: block !important
}

.f-optman-create-button {
    width: 175px !important
}


.mat-tab-header {
    display: flex;
    overflow: hidden;
    position: relative;
    flex-shrink: 0
}

.mat-tab-header-pagination {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    cursor: pointer;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    touch-action: none
}

.mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
    display: flex
}

.mat-tab-header-pagination-before,
.mat-tab-header-rtl .mat-tab-header-pagination-after {
    padding-left: 4px
}

.mat-tab-header-pagination-before .mat-tab-header-pagination-chevron,
.mat-tab-header-rtl .mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
    transform: rotate(-135deg)
}

.mat-tab-header-rtl .mat-tab-header-pagination-before,
.mat-tab-header-pagination-after {
    padding-right: 4px
}

.mat-tab-header-rtl .mat-tab-header-pagination-before .mat-tab-header-pagination-chevron,
.mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
    transform: rotate(45deg)
}

.mat-tab-header-pagination-chevron {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    height: 8px;
    width: 8px
}

.mat-tab-header-pagination-disabled {
    box-shadow: none;
    cursor: default
}

.mat-tab-list {
    flex-grow: 1;
    position: relative;
    transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

.mat-ink-bar {
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

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

.mat-tab-group-inverted-header .mat-ink-bar {
    bottom: auto;
    top: 0
}

.cdk-high-contrast-active .mat-ink-bar {
    outline: solid 2px;
    height: 0
}

.mat-tab-labels {
    display: flex
}

[mat-align-tabs=center]>.mat-tab-header .mat-tab-labels {
    justify-content: center
}

[mat-align-tabs=end]>.mat-tab-header .mat-tab-labels {
    justify-content: flex-end
}

.mat-tab-label-container {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    z-index: 1
}

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

.mat-tab-label {
    height: 48px;
    padding: 0 24px;
    cursor: pointer;
    box-sizing: border-box;
    opacity: .6;
    min-width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative
}

.mat-tab-label:focus {
    outline: none
}

.mat-tab-label:focus:not(.mat-tab-disabled) {
    opacity: 1
}

.cdk-high-contrast-active .mat-tab-label:focus {
    outline: dotted 2px;
    outline-offset: -2px
}

.mat-tab-label.mat-tab-disabled {
    cursor: default
}

.cdk-high-contrast-active .mat-tab-label.mat-tab-disabled {
    opacity: .5
}

.mat-tab-label .mat-tab-label-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}

.cdk-high-contrast-active .mat-tab-label {
    opacity: 1
}

@media(max-width: 599px) {
    .mat-tab-label {
        min-width: 72px
    }
}



.mat-tab-header {
    display: flex;
    overflow: hidden;
    position: relative;
    flex-shrink: 0
}

.mat-tab-header-pagination {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    cursor: pointer;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    touch-action: none
}

.mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
    display: flex
}

.mat-tab-header-pagination-before,
.mat-tab-header-rtl .mat-tab-header-pagination-after {
    padding-left: 4px
}

.mat-tab-header-pagination-before .mat-tab-header-pagination-chevron,
.mat-tab-header-rtl .mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
    transform: rotate(-135deg)
}

.mat-tab-header-rtl .mat-tab-header-pagination-before,
.mat-tab-header-pagination-after {
    padding-right: 4px
}

.mat-tab-header-rtl .mat-tab-header-pagination-before .mat-tab-header-pagination-chevron,
.mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
    transform: rotate(45deg)
}

.mat-tab-header-pagination-chevron {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    height: 8px;
    width: 8px
}

.mat-tab-header-pagination-disabled {
    box-shadow: none;
    cursor: default
}

.mat-tab-list {
    flex-grow: 1;
    position: relative;
    transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

.mat-ink-bar {
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

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

.mat-tab-group-inverted-header .mat-ink-bar {
    bottom: auto;
    top: 0
}

.cdk-high-contrast-active .mat-ink-bar {
    outline: solid 2px;
    height: 0
}

.mat-tab-labels {
    display: flex
}

[mat-align-tabs=center]>.mat-tab-header .mat-tab-labels {
    justify-content: center
}

[mat-align-tabs=end]>.mat-tab-header .mat-tab-labels {
    justify-content: flex-end
}

.mat-tab-label-container {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    z-index: 1
}

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

.mat-tab-label {
    height: 48px;
    padding: 0 24px;
    cursor: pointer;
    box-sizing: border-box;
    opacity: .6;
    min-width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative
}

.mat-tab-label:focus {
    outline: none
}

.mat-tab-label:focus:not(.mat-tab-disabled) {
    opacity: 1
}

.cdk-high-contrast-active .mat-tab-label:focus {
    outline: dotted 2px;
    outline-offset: -2px
}

.mat-tab-label.mat-tab-disabled {
    cursor: default
}

.cdk-high-contrast-active .mat-tab-label.mat-tab-disabled {
    opacity: .5
}

.mat-tab-label .mat-tab-label-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}

.cdk-high-contrast-active .mat-tab-label {
    opacity: 1
}

@media(max-width: 599px) {
    .mat-tab-label {
        min-width: 72px
    }
}


@import"https://fonts.googleapis.com/css?family=Lato:300,400,700";
@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600";

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
    font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
    font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
    font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
    font: 400 calc(14px * .83)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
    font: 400 calc(14px * .67)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,
.mat-body-2 {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-small,
.mat-caption {
    font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500
}

.mat-card-header .mat-card-title {
    font-size: 20px
}

.mat-card-subtitle,
.mat-card-content {
    font-size: 14px
}

.mat-checkbox {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 14px;
    font-weight: 500
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,
.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-1.28125em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    -ms-transform: translateY(-1.28124em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    -ms-transform: translateY(-1.28123em) scale(.75);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {

    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px
}

.mat-radio-button {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-slider-thumb-label-text {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: normal
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tab-label,
.mat-tab-link {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-list-item {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-option {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-base .mat-list-item {
    font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-list-option {
    font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

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

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.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
}

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
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

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

.mat-ripple-element {
    background-color: rgba(0, 0, 0, .102)
}

.mat-option {
    color: rgba(0, 0, 0, .871)
}

.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .871)
}

.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
}

.mat-optgroup-label {
    color: rgba(0, 0, 0, .541)
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, .541)
}

.mat-pseudo-checkbox:after {
    color: #fafafa
}

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

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

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

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

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

.mat-app-background {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .871)
}

.mat-elevation-z0 {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .141), 0 1px 8px rgba(0, 0, 0, .122)
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px rgba(0, 0, 0, .141), 0 1px 14px rgba(0, 0, 0, .122)
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .141), 0 2px 16px 1px rgba(0, 0, 0, .122)
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .141), 0 3px 16px 2px rgba(0, 0, 0, .122)
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .141), 0 4px 18px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .141), 0 4px 20px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .141), 0 5px 22px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .141), 0 5px 24px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .141), 0 5px 26px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .141), 0 6px 28px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .141), 0 6px 32px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .141), 0 7px 34px 6px rgba(0, 0, 0, .122)
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .141), 0 7px 36px 6px rgba(0, 0, 0, .122)
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .141), 0 8px 38px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .141), 0 8px 40px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .141), 0 8px 42px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .141), 0 9px 44px 8px rgba(0, 0, 0, .122)
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122)
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, .871)
}

.mat-badge {
    position: relative
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: rgba(0, 0, 0, .38)
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122);
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #3f51b5
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #ff4081
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #f44336
}

.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, .259)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
    opacity: .1;
    background-color: currentColor
}

.mat-button-focus-overlay {
    background: #000
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: rgba(0, 0, 0, .122)
}

.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
    color: rgba(0, 0, 0, .871);
    background-color: #fff
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    color: #fff
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    color: #fff
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    color: #fff
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, .259)
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    background-color: #3f51b5
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    background-color: #ff4081
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    background-color: #f44336
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: rgba(0, 0, 0, .122)
}

.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-stroked-button:not([class*=mat-elevation-z]),
.mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .141), 0 5px 22px 4px rgba(0, 0, 0, .122)
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-button-toggle-standalone,
.mat-button-toggle-group {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    box-shadow: none
}

.mat-button-toggle {
    color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, .122)
}

.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .871);
    background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .541)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .871)
}

.mat-button-toggle-disabled {
    color: rgba(0, 0, 0, .259);
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    border: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-card-subtitle {
    color: rgba(0, 0, 0, .541)
}

.mat-checkbox-frame {
    border-color: rgba(0, 0, 0, .541)
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

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

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

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

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

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: rgba(0, 0, 0, .541)
}

.mat-checkbox .mat-ripple-element {
    background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #3f51b5
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ff4081
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .871)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, .871);
    opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .141), 0 1px 8px rgba(0, 0, 0, .122)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #3f51b5;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ff4081;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-table {
    background: #fff
}

.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
    background: inherit
}

mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
    border-bottom-color: rgba(0, 0, 0, .122)
}

.mat-header-cell {
    color: rgba(0, 0, 0, .541)
}

.mat-cell,
.mat-footer-cell {
    color: rgba(0, 0, 0, .871)
}

.mat-calendar-arrow {
    fill: rgba(0, 0, 0, .541)
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
    color: rgba(0, 0, 0, .541)
}

.mat-calendar-table-header-divider:after {
    background: rgba(0, 0, 0, .12)
}

.mat-calendar-table-header,
.mat-calendar-body-label {
    color: rgba(0, 0, 0, .541)
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: rgba(0, 0, 0, .871);
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-in-preview {
    color: rgba(0, 0, 0, .239)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-in-range:before {
    background: rgba(63, 81, 181, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(63, 81, 181, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(63, 81, 181, .302)
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122);
    background-color: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(255, 64, 129, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(255, 64, 129, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, .302)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244, 67, 54, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, .302)
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122)
}

.mat-datepicker-toggle-active {
    color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
    color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
}

.mat-date-range-input-inner[disabled] {
    color: rgba(0, 0, 0, .38)
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122);
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-divider {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, .122)
}

.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-action-row {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0, 0, 0, .04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
    }
}

.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, .871)
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator:after {
    color: rgba(0, 0, 0, .541)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0, 0, 0, .259)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-form-field-label {
    color: rgba(0, 0, 0, .6)
}

.mat-hint {
    color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336
}

.mat-focused .mat-form-field-required-marker {
    color: #ff4081
}

.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, .871)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #3f51b5
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #ff4081
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336
}

.mat-error {
    color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    color: rgba(0, 0, 0, .541)
}

.mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, .541)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .039)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, .122)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, .871)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, .059)
}

.mat-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #ff4081
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .541)
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .38)
}

.mat-input-element {
    caret-color: #3f51b5
}

.mat-input-element::placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #ff4081
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
    caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #f44336
}

.mat-list-base .mat-list-item {
    color: rgba(0, 0, 0, .871)
}

.mat-list-base .mat-list-option {
    color: rgba(0, 0, 0, .871)
}

.mat-list-base .mat-subheader {
    color: rgba(0, 0, 0, .541)
}

.mat-list-item-disabled {
    background-color: #eee
}

.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
    background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
    background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
    background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-menu-item {
    background: transparent;
    color: rgba(0, 0, 0, .871)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
    color: rgba(0, 0, 0, .38)
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
    color: rgba(0, 0, 0, .541)
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0, 0, 0, .04)
}

.mat-paginator {
    background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, .541)
}

.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, .38)
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #cbd0e9
}

.mat-progress-bar-buffer {
    background-color: #cbd0e9
}

.mat-progress-bar-fill:after {
    background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #f44336
}

.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .541)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #3f51b5
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ff4081
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: rgba(0, 0, 0, .871)
}

.mat-select-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
    color: rgba(0, 0, 0, .541)
}

.mat-select-panel {
    background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .871)
}

.mat-drawer {
    background-color: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122)
}

.mat-drawer-side {
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(255, 64, 129, .541)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ff4081
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(63, 81, 181, .541)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, .541)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122);
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
    background-color: rgba(0, 0, 0, .259)
}

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
    background-color: #3f51b5
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-primary .mat-slider-focus-ring {
    background-color: rgba(63, 81, 181, .2)
}

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
    background-color: #ff4081
}

.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-accent .mat-slider-focus-ring {
    background-color: rgba(255, 64, 129, .2)
}

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
    background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-warn .mat-slider-focus-ring {
    background-color: rgba(244, 67, 54, .2)
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, .122)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .871)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .259);
    background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .259)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: rgba(0, 0, 0, .702)
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled=false] {
    background-color: rgba(0, 0, 0, .039)
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, .541)
}

.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, .541);
    color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ff4081;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, .871)
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: rgba(0, 0, 0, .122)
}

.mat-horizontal-stepper-header:before,
.mat-horizontal-stepper-header:after,
.mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-nav-bar,
.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
    color: rgba(0, 0, 0, .871)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .871)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-]>.mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .302)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .302)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .302)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .302)
}

.mat-tab-group.mat-background-primary>.mat-tab-header,
.mat-tab-group.mat-background-primary>.mat-tab-link-container,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination {
    background-color: #3f51b5
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .302)
}

.mat-tab-group.mat-background-accent>.mat-tab-header,
.mat-tab-group.mat-background-accent>.mat-tab-link-container,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination {
    background-color: #ff4081
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .302)
}

.mat-tab-group.mat-background-warn>.mat-tab-header,
.mat-tab-group.mat-background-warn>.mat-tab-link-container,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination {
    background-color: #f44336
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .871)
}

.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,
.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px
    }

    .mat-toolbar-row,
    .mat-toolbar-single-row {
        height: 56px
    }
}

.mat-tooltip {
    background: rgba(97, 97, 97, .9)
}

.mat-tree {
    background: #fff
}

.mat-tree-node,
.mat-nested-tree-node {
    color: rgba(0, 0, 0, .871)
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: rgba(255, 255, 255, .702);
    background: #323232;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-simple-snackbar-action {
    color: #ff4081
}

.ng-select {
    padding-bottom: 1.25em
}

.ng-select.ng-select-disabled .ng-select-container:after {
    border-bottom-color: transparent;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,
.ng-select.ng-select-disabled .ng-clear-wrapper {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-focused .ng-select-container:after {
    border-color: #3f51b5;
    border-width: 2px
}

.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after {
    border-color: #3f51b5;
    border-width: 2px
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    color: #3f51b5
}

.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
    color: #3f51b5
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
    display: inline;
    display: initial
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-opened .ng-placeholder {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px)
}

.ng-select .ng-select-container {
    color: rgba(0, 0, 0, .871);
    align-items: baseline;
    min-height: 51.5px
}

.ng-select .ng-select-container:after {
    border-bottom: thin solid rgba(0, 0, 0, .42);
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    transition: border-color .3s cubic-bezier(.55, 0, .55, .2)
}

.ng-select .ng-select-container.ng-appearance-outline {
    padding: 0 .5em;
    min-height: 60px
}

.ng-select .ng-select-container.ng-appearance-outline:after {
    border: solid 1px rgba(0, 0, 0, .12);
    border-radius: 5px;
    height: calc(100% - .5em);
    pointer-events: none;
    transition: border-color .3s cubic-bezier(.25, .8, .25, 1)
}

.ng-select .ng-select-container.ng-appearance-outline:hover:after {
    border-color: rgba(0, 0, 0, .871);
    border-width: 2px
}

.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder {
    padding: 0 .25em;
    background-color: #fff;
    z-index: 1
}

.ng-select .ng-select-container.ng-appearance-outline .ng-value {
    padding-left: .25em
}

.ng-select .ng-select-container .ng-value-container {
    align-items: stretch;
    padding: .4375em 0;
    border-top: .84375em solid transparent
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    position: absolute;
    color: rgba(0, 0, 0, .541);
    transform-origin: left 0;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1)
}

[dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    transform-origin: right 0
}

.ng-select .ng-select-container .ng-value-container .ng-input {
    bottom: .4375em
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    bottom: 17px
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    bottom: 14px
}

.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
    align-self: flex-end;
    bottom: 9px
}

.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
    align-self: flex-end;
    bottom: 7px
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    background-color: rgba(0, 0, 0, .122);
    color: rgba(0, 0, 0, .259)
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,
.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after {
    background-image: none;
    border: dotted 1px rgba(0, 0, 0, .12)
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper {
    border-top: none
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    top: 0
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    top: 4px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background-color: #3f51b5;
    border-radius: 2px;
    color: #fff;
    padding: 2px 5px;
    margin: 0 .4375em .4375em 0
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin: 0 0 .4375em .4375em
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: rgba(0, 0, 0, .122);
    color: rgba(0, 0, 0, .259)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    font-size: 14px;
    font-weight: 500
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    color: rgba(255, 255, 255, .541);
    padding-right: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    padding-left: 5px;
    padding-right: 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    color: rgba(255, 255, 255, .871)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    line-height: 1.375em
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
    align-items: center
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container {
    padding-bottom: 0;
    padding-top: .1875em
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
    border-top: .84375em solid transparent
}

.ng-select .ng-clear-wrapper {
    color: rgba(0, 0, 0, .541)
}

.ng-select .ng-clear-wrapper:hover {
    color: rgba(0, 0, 0, .871)
}

.ng-select .ng-arrow-wrapper {
    bottom: 2px
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    margin: 0 4px;
    color: rgba(0, 0, 0, .541)
}

.ng-select .ng-spinner-zone {
    top: 3px
}

.ng-dropdown-panel {
    background: #fff;
    left: 0
}

.ng-dropdown-panel.ng-select-bottom {
    top: calc(100% - 1.25em);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.ng-dropdown-panel.ng-select-top {
    bottom: calc(100% - .84375em);
    box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, .2), 0 -8px 10px 1px rgba(0, 0, 0, .141), 0 -3px 14px 2px rgba(0, 0, 0, .122)
}

.ng-dropdown-panel.multiple .ng-option.selected {
    background: #fff
}

.ng-dropdown-panel.multiple .ng-option.marked {
    background: rgba(0, 0, 0, .04)
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 0 16px;
    line-height: 3em;
    min-height: 3em
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding: 0 16px;
    line-height: 3em;
    min-height: 3em
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 3em;
    height: 3em;
    padding: 0 16px;
    color: rgba(0, 0, 0, .541);
    font-weight: 500
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background: rgba(0, 0, 0, .04)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
    background: rgba(0, 0, 0, .12);
    color: #3f51b5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    line-height: 3em;
    min-height: 3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 16px;
    text-decoration: none;
    position: relative;
    color: rgba(0, 0, 0, .871);
    text-align: left
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    text-align: right
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .871)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: rgba(0, 0, 0, .12);
    color: #3f51b5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 32px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 32px;
    padding-left: 0
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-right: 5px;
    font-size: 80%;
    font-weight: 400;
    color: rgba(0, 0, 0, .38)
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

.gridHoverStyle,
.gridSelection,
.timelineSelection {
    background-color: #fff3a1
}

.gantt_grid_scale .gantt_grid_head_cell {
    color: #a6a6a6;
    border-top: none !important;
    border-right: none !important
}

.gantt_grid_data .gantt_cell {
    border-right: none;
    color: #454545
}

.gantt_task_link .gantt_link_arrow_right {
    border-width: 6px;
    margin-top: -3px
}

.gantt_task_link .gantt_link_arrow_left {
    border-width: 6px;
    margin-left: -6px;
    margin-top: -3px
}

.gantt_task_link .gantt_link_arrow_down,
.gantt_task_link .gantt_link_arrow_up {
    border-width: 6px
}

.gantt_task_line .gantt_task_progress_drag {
    bottom: -4px;
    height: 10px;
    margin-left: -8px;
    width: 16px
}

.chartHeaderBg {
    background-color: #fff
}

.gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #a6a6a6;
    border-right: 1px solid #ebebeb
}

.gantt_row.gantt_project,
.gantt_row.odd.gantt_project {
    background-color: #edffef
}

.gantt_task_row.gantt_project,
.gantt_task_row.odd.gantt_project {
    background-color: #f5fff6
}

.gantt_task_line.gantt_project {
    background-color: #65c16f;
    border: 1px solid #3c9445
}

.gantt_task_line.gantt_project .gantt_task_progress {
    background-color: #46ad51
}

.buttonBg {
    background: #fff
}

.gantt_cal_light .gantt_btn_set {
    margin: 5px 10px
}

.gantt_btn_set.gantt_cancel_btn_set {
    background: #fff;
    color: #454545;
    border: 1px solid #cecece
}

.gantt_btn_set.gantt_save_btn_set {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff
}

.gantt_btn_set.gantt_delete_btn_set {
    text-shadow: 0 -1px 0 #6f6f6f;
    background: #ec8e00;
    text-shadow: 0 -1px 0 #a60;
    color: #fff
}

.gantt_cal_light_wide {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.gantt_cal_light_wide .gantt_cal_larea {
    border-left: none !important;
    border-right: none !important
}

.gantt_popup_button.gantt_ok_button {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff;
    font-weight: 700;
    border-width: 0
}

.gantt_popup_button.gantt_cancel_button {
    font-weight: 700;
    color: #454544
}

.gantt_popup_title {
    background-color: #fff
}

.gantt_popup_shadow {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071)
}

.gantt_qi_big_icon.icon_edit {
    color: #454545;
    background: #fff
}

.gantt_qi_big_icon.icon_delete {
    text-shadow: 0 -1px 0 #a60;
    background: #ec8e00;
    color: #fff;
    border-width: 0
}

.gantt_tooltip {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    border-left: 1px solid rgba(0, 0, 0, .07);
    border-top: 1px solid rgba(0, 0, 0, .07);
    font-size: 8pt;
    color: #454545
}

.gantt_container,
.gantt_tooltip {
    background-color: #fff;
    font-family: Arial
}

.gantt_container {
    font-size: 13px;
    border: 1px solid #cecece;
    position: relative;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden
}

.gantt_task_scroll {
    overflow-x: scroll
}

.gantt_grid,
.gantt_task {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    vertical-align: top
}

.gantt_grid_scale,
.gantt_task_scale {
    color: #6b6b6b;
    font-size: 12px;
    border-bottom: 1px solid #cecece;
    box-sizing: border-box
}

.gantt_grid_scale,
.gantt_task_scale,
.gantt_task_vscroll {
    background-color: #fff
}

.gantt_scale_line {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 1px solid #cecece
}

.gantt_scale_line:first-child {
    border-top: none
}

.gantt_grid_head_cell {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #cecece;
    text-align: center;
    position: relative;
    cursor: default;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 33px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.gantt_scale_line {
    clear: both
}

.gantt_grid_data {
    width: 100%;
    overflow: hidden;
    position: relative
}

.gantt_row {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_add,
.gantt_grid_head_add {
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    -moz-opacity: .3;
    opacity: .3
}

.gantt_grid_head_cell.gantt_grid_head_add {
    -moz-opacity: .6;
    opacity: .6;
    top: 0
}

.gantt_grid_head_cell.gantt_grid_head_add:hover {
    -moz-opacity: 1;
    opacity: 1
}

.gantt_grid_data .gantt_row.odd:hover,
.gantt_grid_data .gantt_row:hover {
    background-color: #fff3a1
}

.gantt_grid_data .gantt_row.odd:hover .gantt_add,
.gantt_grid_data .gantt_row:hover .gantt_add {
    -moz-opacity: 1;
    opacity: 1
}

.gantt_row,
.gantt_task_row {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff
}

.gantt_row.odd,
.gantt_task_row.odd {
    background-color: #fff
}

.gantt_cell,
.gantt_grid_head_cell,
.gantt_row,
.gantt_scale_cell,
.gantt_task_cell,
.gantt_task_row {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.gantt_grid_head_cell,
.gantt_scale_cell {
    line-height: inherit
}

.gantt_grid_scale .gantt_grid_column_resize_wrap {
    cursor: col-resize;
    position: absolute;
    width: 13px;
    margin-left: -7px
}

.gantt_grid_column_resize_wrap .gantt_grid_column_resize {
    background-color: #cecece;
    height: 100%;
    width: 1px;
    margin: 0 auto
}

.gantt_drag_marker.gantt_grid_resize_area {
    background-color: rgba(232, 232, 232, .502);
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.gantt_row {
    display: flex
}

.gantt_row>div {
    flex-shrink: 0;
    flex-grow: 0
}

.gantt_cell {
    vertical-align: top;
    border-right: 1px solid #ebebeb;
    padding-left: 6px;
    padding-right: 6px;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px
}

.gantt_cell_tree {
    display: flex;
    flex-wrap: nowrap
}

.gantt_grid_data .gantt_last_cell,
.gantt_grid_scale .gantt_last_cell,
.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell,
.gantt_task_bg .gantt_last_cell {
    border-right-width: 0
}

.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell {
    border-right-width: 1px
}

.gantt_task_bg {
    overflow: hidden
}

.gantt_scale_cell {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border-right: 1px solid #cecece;
    text-align: center;
    height: 100%
}

.gantt_task_cell {
    display: inline-block;
    height: 100%;
    border-right: 1px solid #ebebeb
}

.gantt_layout_cell.gantt_ver_scroll {
    width: 0;
    background-color: transparent;
    height: 1px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    z-index: 1
}

.gantt_ver_scroll>div {
    width: 1px;
    height: 1px
}

.gantt_hor_scroll {
    height: 0;
    background-color: transparent;
    width: 100%;
    clear: both;
    overflow-x: scroll;
    overflow-y: hidden
}

.gantt_layout_cell .gantt_hor_scroll {
    position: absolute
}

.gantt_hor_scroll>div {
    width: 5000px;
    height: 1px
}

.gantt_tree_icon,
.gantt_tree_indent {
    flex-grow: 0;
    flex-shrink: 0
}

.gantt_tree_indent {
    width: 15px;
    height: 100%
}

.gantt_tree_content,
.gantt_tree_icon {
    vertical-align: top
}

.gantt_tree_icon {
    width: 28px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.gantt_tree_content {
    height: 100%;
    white-space: nowrap;
    min-width: 0
}

.gantt_tree_icon.gantt_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAArklEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNUAGcXJyMnz//h3uQrJdRLFBIAPQAchlJLsIFuCMjIwM////B5sJMoRkg2CuIdtrQcHBDOxsbHBfCQgIMHz48AHO//nrF8O6tWsJR7+7uzsDIxMTznT0/98/hp07d+I3iGopm2DewKFg8OV+AJWkfRMrTobLAAAAAElFTkSuQmCC);
    width: 18px;
    cursor: pointer
}

.gantt_tree_icon.gantt_close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAkUlEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNeIN4uTkxAin79+/M5AcRtgCHGQIyQbhijaiDQoKDmZgZ2PDGf0/f/1iWLd2LeHod3d3Z2BkYsJp0P9//xh27tyJ3yCqpWyCeQOHgsGX+wEZpW4T5LCxKwAAAABJRU5ErkJggg==);
    width: 18px;
    cursor: pointer
}

.gantt_tree_icon.gantt_blank {
    width: 18px
}

.gantt_tree_icon.gantt_folder_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAs0lEQVQ4T62T0Q2EIBBEpQlzuaaMsQoqooqLsSljbMLLmMxmUXBR4U+Qt7Mzi2sqLVeJ00SgEMKWAnvvzYLyAyHfT5sU2fXDJSwCAXK8MI0/UTkva7IIFJsg3NSwnKdFoKtAWOQ1CN7CEqeTotE5L7QyJhmBcklZM4ZgTiAr3iOU3kD93ppO5SkMjB1EeXdBWoSkRql3YeIRe+cGvktS056JR9wsmeBUkujCfNXWCPC8GugPqn5ii/hV+FoAAAAASUVORK5CYII=)
}

.gantt_tree_icon.gantt_folder_closed {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAfElEQVQ4T2NkoBJgpJI5DCgGTZ8+/T82gzMzMwlaCFcAM0RKQgyrI/0Dg/EahmIQyBB0DRvXr4W78tmLV1gtAbmYoEEgnciG4QpTogzCFyEwSyg2CBS2oCAZNQh3cA+hMAJ5AlcKxuVBlOgnNgVjMwyUrQjmamKLGaoZBAAOTFyLnFFW4wAAAABJRU5ErkJggg==)
}

.gantt_tree_icon.gantt_file {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAeElEQVQ4T2NkoBJgRDZn+vTp/wmZm5mZiaIHph7DICkJMUJmMfgHBmMYhtUgbAo3rl+L4lp0NUQbBPI2umuRDaPIIFAYwAyjv0HoMQALM5JdhG4QLMxGDcKdyIdoGIE89OzFK4KZF5Rl8EY/QROQFGA1iBQD0NUCAJVjcxO0naAQAAAAAElFTkSuQmCC)
}

.gantt_grid_head_cell .gantt_sort {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 7px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: 50%
}

.gantt_grid_head_cell .gantt_sort.gantt_asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC)
}

.gantt_grid_head_cell .gantt_sort.gantt_desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC)
}

.gantt_inserted,
.gantt_updated {
    font-weight: 700
}

.gantt_deleted {
    text-decoration: line-through
}

.gantt_invalid {
    background-color: #ffe0e0
}

.gantt_error {
    color: red
}

.gantt_status {
    right: 1px;
    padding: 5px 10px;
    background: hsla(0, 0%, 61%, .1);
    position: absolute;
    top: 1px;
    transition: opacity .2s;
    opacity: 0
}

.gantt_status.gantt_status_visible {
    opacity: 1
}

#gantt_ajax_dots span {
    transition: opacity .2s;
    background-repeat: no-repeat;
    opacity: 0
}

#gantt_ajax_dots span.gantt_dot_visible {
    opacity: 1
}

.gantt_column_drag_marker {
    border: 1px solid #cecece;
    opacity: .8
}

.gantt_grid_head_cell_dragged {
    border: 1px solid #cecece;
    opacity: .3
}

.gantt_grid_target_marker {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #ffa011;
    transform: translate(-1px)
}

.gantt_grid_target_marker:after,
.gantt_grid_target_marker:before {
    display: block;
    content: "";
    position: absolute;
    left: -5px;
    width: 0;
    height: 0;
    border: 6px solid transparent
}

.gantt_grid_target_marker:before {
    border-top-color: #ffa011
}

.gantt_grid_target_marker:after {
    bottom: 0;
    border-bottom-color: #ffa011
}

.gantt_message_area {
    position: fixed;
    right: 5px;
    width: 250px;
    z-index: 1000
}

.gantt-info {
    min-width: 120px;
    padding: 4px 4px 4px 20px;
    font-family: Arial;
    z-index: 10000;
    margin: 5px 5px 10px;
    transition: all .5s ease
}

.gantt-info.hidden {
    height: 0;
    padding: 0;
    border-width: 0;
    margin: 0;
    overflow: hidden
}

.gantt_modal_box {
    overflow: hidden;
    display: inline-block;
    min-width: 250px;
    width: 250px;
    text-align: center;
    position: fixed;
    z-index: 20000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    font-family: Arial;
    border-radius: 6px;
    border: 1px solid #cecece;
    background: #fff
}

.gantt_popup_title {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-width: 0
}

.gantt_button,
.gantt_popup_button {
    border: 1px solid #cecece;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
    background: #fff
}

.gantt-info,
.gantt_button,
.gantt_popup_button {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer
}

.gantt_popup_text {
    overflow: hidden
}

.gantt_popup_controls {
    border-radius: 6px;
    padding: 10px
}

.gantt_popup_button {
    min-width: 100px
}

div.dhx_modal_cover {
    background-color: #000;
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    opacity: .2;
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    zoom: 1
}

.gantt-info img,
.gantt_modal_box img {
    float: left;
    margin-right: 20px
}

.gantt-alert-error,
.gantt-confirm-error {
    border: 1px solid red
}

.gantt_button input,
.gantt_popup_button div {
    border-radius: 4px;
    font-size: 14px;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    vertical-align: top
}

.gantt_popup_title {
    border-bottom: 1px solid #cecece;
    height: 40px;
    line-height: 40px;
    font-size: 20px
}

.gantt_popup_text {
    margin: 15px 15px 5px;
    font-size: 14px;
    color: #000;
    min-height: 30px;
    border-radius: 6px
}

.gantt-error,
.gantt-info {
    font-size: 14px;
    color: #000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    padding: 0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #fff
}

.gantt-info div {
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #cecece
}

.gantt-error {
    background-color: #d81b1b;
    border: 1px solid #ff3c3c
}

.gantt-error div {
    background-color: #d81b1b;
    border: 1px solid #940000;
    color: #fff
}

.gantt-warning {
    background-color: #ff9000;
    border: 1px solid #ffa633
}

.gantt-warning div {
    background-color: #ff9000;
    border: 1px solid #b36500;
    color: #fff
}

.gantt_data_area div,
.gantt_grid div {
    -ms-touch-action: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.gantt_data_area {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gantt_links_area {
    position: absolute;
    left: 0;
    top: 0
}

.gantt_side_content,
.gantt_task_content,
.gantt_task_progress {
    line-height: inherit;
    overflow: hidden;
    height: 100%
}

.gantt_task_content {
    font-size: 12px;
    color: #fff;
    width: 100%;
    top: 0;
    cursor: pointer;
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.gantt_task_progress {
    text-align: center;
    z-index: 0;
    background: #299cb4
}

.gantt_task_progress_wrapper {
    border-radius: inherit;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.gantt_task_line {
    border-radius: 2px;
    position: absolute;
    box-sizing: border-box;
    background-color: #3db9d3;
    border: 1px solid #2898b0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_task_line.gantt_drag_move div {
    cursor: move
}

.gantt_touch_move,
.gantt_touch_progress .gantt_touch_resize {
    transform: scale(1.02, 1.1);
    transform-origin: 50%
}

.gantt_touch_progress .gantt_task_progress_drag,
.gantt_touch_resize .gantt_task_drag {
    transform: scaleY(1.3);
    transform-origin: 50%
}

.gantt_side_content {
    position: absolute;
    white-space: nowrap;
    color: #6e6e6e;
    top: 0;
    font-size: 11px
}

.gantt_side_content.gantt_left {
    right: 100%;
    padding-right: 20px
}

.gantt_side_content.gantt_right {
    left: 100%;
    padding-left: 20px
}

.gantt_side_content.gantt_link_crossing {
    bottom: 8.75px;
    top: auto
}

.gantt_link_arrow,
.gantt_task_link .gantt_line_wrapper {
    position: absolute;
    cursor: pointer
}

.gantt_line_wrapper div {
    background-color: #ffa011
}

.gantt_task_link:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px #ffa011
}

.gantt_task_link div.gantt_link_arrow {
    background-color: transparent;
    border-style: solid;
    width: 0;
    height: 0
}

.gantt_link_control {
    position: absolute;
    width: 20px;
    top: 0
}

.gantt_link_control div {
    display: none;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    margin-top: -7.5px;
    vertical-align: middle;
    border: 1px solid #929292;
    border-radius: 6.5px;
    height: 13px;
    width: 13px;
    background-color: #f0f0f0
}

.gantt_link_control.task_right div.gantt_link_point {
    margin-left: 7px
}

.gantt_link_control div:hover {
    background-color: #fff
}

.gantt_link_control.task_left {
    left: -20px
}

.gantt_link_control.task_right {
    right: -20px
}

.gantt_link_target .gantt_link_control div,
.gantt_task_line.gantt_drag_move .gantt_link_control div,
.gantt_task_line.gantt_drag_move .gantt_task_drag,
.gantt_task_line.gantt_drag_move .gantt_task_progress_drag,
.gantt_task_line.gantt_drag_progress .gantt_link_control div,
.gantt_task_line.gantt_drag_progress .gantt_task_drag,
.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag,
.gantt_task_line.gantt_drag_resize .gantt_link_control div,
.gantt_task_line.gantt_drag_resize .gantt_task_drag,
.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag,
.gantt_task_line.gantt_selected .gantt_link_control div,
.gantt_task_line.gantt_selected .gantt_task_drag,
.gantt_task_line.gantt_selected .gantt_task_progress_drag,
.gantt_task_line:hover .gantt_link_control div,
.gantt_task_line:hover .gantt_task_drag,
.gantt_task_line:hover .gantt_task_progress_drag {
    display: block
}

.gantt_link_source,
.gantt_link_target {
    box-shadow: 0 0 3px #3db9d3
}

.gantt_link_target.link_finish_allow,
.gantt_link_target.link_start_allow {
    box-shadow: 0 0 3px #ffbf5e
}

.gantt_link_target.link_finish_deny,
.gantt_link_target.link_start_deny {
    box-shadow: 0 0 3px #e87e7b
}

.link_finish_allow .gantt_link_control.task_end_date div,
.link_start_allow .gantt_link_control.task_start_date div {
    background-color: #ffbf5e;
    border-color: #ffa011
}

.link_finish_deny .gantt_link_control.task_end_date div,
.link_start_deny .gantt_link_control.task_start_date div {
    background-color: #e87e7b;
    border-color: #dd3e3a
}

.gantt_link_arrow_right {
    border-width: 4px 0 4px 6px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: #ffa011;
    margin-top: -1px
}

.gantt_link_arrow_left {
    border-width: 4px 6px 4px 0;
    margin-top: -1px;
    border-top-color: transparent !important;
    border-right-color: #ffa011;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.gantt_link_arrow_up {
    border-width: 0 4px 6px;
    border-color: transparent transparent #ffa011;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: #ffa011;
    border-left-color: transparent !important
}

.gantt_link_arrow_down {
    border-width: 4px 6px 0 4px;
    border-top-color: #ffa011;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.gantt_task_drag,
.gantt_task_progress_drag {
    cursor: ew-resize;
    display: none;
    position: absolute
}

.gantt_task_drag.task_right {
    cursor: e-resize
}

.gantt_task_drag.task_left {
    cursor: w-resize
}

.gantt_task_drag {
    height: 100%;
    width: 8px;
    z-index: 1;
    top: -1px
}

.gantt_task_drag.task_left {
    left: -7px
}

.gantt_task_drag.task_right {
    right: -7px
}

.gantt_task_progress_drag {
    height: 8px;
    width: 8px;
    bottom: -4px;
    margin-left: -4px;
    background-position: bottom;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    z-index: 1
}

.gantt_task_progress_drag:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAs0lEQVQoz6WMPW7CQBgFJxZaiZ60qcgdwjVMmzu8gpwhDULabXyBdHAGuzRHivQiQZovigS2+Jtu95t5T03TMITtCtjEc5VSOgx5k5F4CnxJWgKUUl5sv6eUvk/daiCeAe1fDCCpBtq4jQ/YngO9pMWpGH99OOcDtt8ifmWEuO3D/R+wXQOdpGcuIGkGdNFQ2RawlTTlSsLd2RY55+O95JyPFQ/y8MAE+CylfADpxvYHWP8CXj+JR4wdKHYAAAAASUVORK5CYII=)
}

.gantt_link_tooltip {
    box-shadow: 3px 3px 3px #888;
    background-color: #fff;
    border-left: 1px dotted #cecece;
    border-top: 1px dotted #cecece;
    font-family: Tahoma;
    font-size: 8pt;
    color: #444;
    padding: 6px;
    line-height: 20px
}

.gantt_link_direction {
    height: 0;
    border: 0 none #ffa011;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    z-index: 2;
    margin-left: 1px;
    position: absolute
}

.gantt_grid_data .gantt_row.gantt_selected,
.gantt_grid_data .gantt_row.odd.gantt_selected,
.gantt_task_row.gantt_selected {
    background-color: #fff3a1
}

.gantt_task_row.gantt_selected .gantt_task_cell {
    border-right-color: #ffec6e
}

.gantt_task_line.gantt_selected {
    box-shadow: 0 0 5px #299cb4
}

.gantt_task_line.gantt_project.gantt_selected {
    box-shadow: 0 0 5px #46ad51
}

.gantt_task_line.gantt_milestone {
    visibility: hidden;
    background-color: #d33daf;
    border: 0 solid #61164f;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

.gantt_task_line.gantt_milestone div {
    visibility: visible
}

.gantt_task_line.gantt_milestone .gantt_task_content {
    background: inherit;
    border: inherit;
    border-width: 1px;
    border-radius: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transform: rotate(45deg)
}

.gantt_task_line.gantt_task_inline_color {
    border-color: #999
}

.gantt_task_line.gantt_task_inline_color .gantt_task_progress {
    background-color: #363636;
    opacity: .2
}

.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected,
.gantt_task_line.gantt_task_inline_color.gantt_selected {
    box-shadow: 0 0 5px #999
}

.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px #999
}

.gantt_critical_task {
    background-color: #e63030;
    border-color: #9d3a3a
}

.gantt_critical_task .gantt_task_progress {
    background-color: rgba(0, 0, 0, .4)
}

.gantt_critical_link .gantt_line_wrapper>div {
    background-color: #e63030
}

.gantt_critical_link .gantt_link_arrow {
    border-color: #e63030
}

.gantt_btn_set:focus,
.gantt_cell:focus,
.gantt_grid_head_cell:focus,
.gantt_popup_button:focus,
.gantt_qi_big_icon:focus,
.gantt_row:focus {
    box-shadow: inset 0 0 1px 1px #4d90fe
}

.gantt_split_parent,
.gantt_split_subproject {
    opacity: .1;
    pointer-events: none
}

.gantt_unselectable,
.gantt_unselectable div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_cal_light {
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    border-radius: 6px;
    font-family: Arial;
    font-size: 13px;
    border: 1px solid #cecece;
    color: #6b6b6b;
    font-size: 12px;
    position: absolute;
    z-index: 10001;
    width: 550px;
    height: 250px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071)
}

.gantt_cal_light_wide {
    width: 650px
}

.gantt_cal_light select {
    font-family: Arial;
    border: 1px solid #cecece;
    font-size: 13px;
    padding: 2px;
    margin: 0
}

.gantt_cal_ltitle {
    padding: 7px 10px;
    overflow: hidden;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    border-radius: 6px 6px 0 0
}

.gantt_cal_ltitle,
.gantt_cal_ltitle span {
    white-space: nowrap
}

.gantt_cal_lsection {
    color: #727272;
    font-weight: 700;
    padding: 12px 0 5px 10px
}

.gantt_cal_lsection .gantt_fullday {
    float: right;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: top;
    cursor: pointer
}

.gantt_cal_lsection {
    font-size: 13px
}

.gantt_cal_ltext {
    padding: 2px 10px;
    overflow: hidden
}

.gantt_cal_ltext textarea {
    overflow-y: auto;
    overflow-x: hidden;
    font-family: Arial;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #cecece;
    height: 100%;
    width: 100%;
    outline: none !important;
    resize: none
}

.gantt_section_constraint [data-constraint-time-select] {
    margin-left: 20px
}

.gantt_time {
    font-weight: 700
}

.gantt_cal_light .gantt_title {
    padding-left: 10px
}

.gantt_cal_larea {
    border: 1px solid #cecece;
    border-left: none;
    border-right: none;
    background-color: #fff;
    overflow: hidden;
    height: 1px
}

.gantt_btn_set {
    margin: 10px 7px 5px 10px;
    padding: 5px 15px 5px 10px;
    float: left;
    border-radius: 4px;
    border: 0 solid #cecece;
    height: 32px;
    font-weight: 700;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.gantt_hidden {
    display: none
}

.gantt_btn_set div {
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    background-repeat: no-repeat;
    vertical-align: middle
}

.gantt_save_btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=);
    margin-top: 2px;
    width: 21px
}

.gantt_cancel_btn {
    margin-top: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=);
    width: 20px
}

.gantt_delete_btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);
    margin-top: 2px;
    width: 20px
}

.gantt_cal_cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10)
}

.gantt_custom_button {
    padding: 0 3px;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px;
    margin-top: -5px;
    cursor: pointer;
    float: right;
    height: 21px;
    width: 90px;
    border: 1px solid #cecece;
    text-align: center;
    border-radius: 4px
}

.gantt_custom_button div {
    cursor: pointer;
    float: none;
    height: 21px;
    line-height: 21px;
    vertical-align: middle
}

.gantt_custom_button div:first-child {
    display: none
}

.gantt_cal_light_wide {
    width: 580px;
    padding: 2px 4px
}

.gantt_cal_light_wide .gantt_cal_larea {
    box-sizing: border-box;
    border: 1px solid #cecece
}

.gantt_cal_light_wide .gantt_cal_lsection {
    border: 0;
    float: left;
    text-align: right;
    width: 80px;
    height: 20px;
    padding: 5px 10px 0 0
}

.gantt_cal_light_wide .gantt_wrap_section {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.gantt_cal_light_wide .gantt_section_time {
    overflow: hidden;
    padding-top: 2px !important;
    padding-right: 0;
    height: 20px !important
}

.gantt_cal_light_wide .gantt_cal_ltext {
    padding-right: 0
}

.gantt_cal_light_wide .gantt_cal_larea {
    padding: 0 10px;
    width: 100%
}

.gantt_cal_light_wide .gantt_section_time {
    background: transparent
}

.gantt_cal_light_wide .gantt_cal_checkbox label {
    padding-left: 0
}

.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday {
    float: none;
    margin-right: 0;
    font-weight: 700;
    cursor: pointer
}

.gantt_cal_light_wide .gantt_custom_button {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2px
}

.gantt_cal_light_wide .gantt_repeat_right {
    margin-right: 55px
}

.gantt_cal_light_wide.gantt_cal_light_full {
    width: 738px
}

.gantt_cal_wide_checkbox input {
    margin-top: 8px;
    margin-left: 14px
}

.gantt_cal_light input {
    font-size: 13px
}

.gantt_section_time {
    background-color: #fff;
    white-space: nowrap;
    padding: 2px 10px 5px;
    padding-top: 2px !important
}

.gantt_section_time .gantt_time_selects {
    float: left;
    height: 25px
}

.gantt_section_time .gantt_time_selects select {
    height: 23px;
    padding: 2px;
    border: 1px solid #cecece
}

.gantt_duration {
    width: 100px;
    height: 23px;
    float: left;
    white-space: nowrap;
    margin-left: 20px;
    line-height: 23px
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc,
.gantt_duration .gantt_duration_value {
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    height: 100%;
    border: 1px solid #cecece
}

.gantt_duration .gantt_duration_value {
    width: 40px;
    padding: 3px 4px;
    border-left-width: 0;
    border-right-width: 0
}

.gantt_duration .gantt_duration_value.gantt_duration_value_formatted {
    width: 70px
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc {
    width: 20px;
    padding: 1px;
    background: #fff
}

.gantt_duration .gantt_duration_dec {
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.gantt_duration .gantt_duration_inc {
    margin-right: 4px;
    -moz-border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.gantt_resources {
    max-height: 150px;
    height: auto;
    overflow-y: auto
}

.gantt_resource_row {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer
}

.gantt_resource_row input[type=checkbox]:not(:checked),
.gantt_resource_row input[type=checkbox]:not(:checked)~div {
    opacity: .5
}

.gantt_resource_toggle {
    vertical-align: middle
}

.gantt_resources_filter .gantt_resources_filter_input {
    padding: 1px 2px;
    box-sizing: border-box
}

.gantt_resources_filter .switch_unsetted {
    vertical-align: middle
}

.gantt_resource_cell {
    display: inline-block
}

.gantt_resource_cell.gantt_resource_cell_checkbox {
    width: 24px;
    max-width: 24px;
    min-width: 24px;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_label {
    width: 40%;
    max-width: 40%;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_value {
    width: 30%;
    max-width: 30%;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_value input,
.gantt_resource_cell.gantt_resource_cell_value select {
    width: 80%;
    vertical-align: middle;
    padding: 1px 2px;
    box-sizing: border-box
}

.gantt_resource_cell.gantt_resource_cell_unit {
    width: 10%;
    max-width: 10%;
    vertical-align: middle
}

.gantt_resource_early_value {
    opacity: .8;
    font-size: .9em
}

.gantt_cal_quick_info {
    border: 1px solid #cecece;
    border-radius: 6px;
    position: absolute;
    z-index: 300;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    background-color: #fff;
    width: 300px;
    transition: left .5s ease, right .5s;
    -moz-transition: left .5s ease, right .5s;
    -webkit-transition: left .5s ease, right .5s;
    -o-transition: left .5s ease, right .5s
}

.gantt_no_animate {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon {
    float: right
}

.gantt_cal_qi_title {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    border-radius: 6px 6px 0 0;
    padding: 5px 0 8px 12px;
    color: #454545;
    background-color: #fff;
    border-bottom: 1px solid #cecece
}

.gantt_cal_qi_tdate {
    font-size: 14px;
    font-weight: 700
}

.gantt_cal_qi_tcontent {
    font-size: 13px
}

.gantt_cal_qi_content {
    padding: 16px 8px;
    font-size: 13px;
    color: #454545;
    overflow: hidden
}

.gantt_cal_qi_controls {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 6px;
    border-radius: 0 0 6px 6px;
    padding-left: 7px
}

.gantt_cal_qi_controls .gantt_menu_icon {
    margin-top: 6px;
    background-repeat: no-repeat
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_edit {
    width: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC)
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_delete {
    width: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=)
}

.gantt_qi_big_icon {
    font-size: 13px;
    border-radius: 4px;
    font-weight: 700;
    background: #fff;
    margin: 5px 9px 8px 0;
    min-width: 60px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0 10px 0 5px;
    cursor: pointer;
    border: 1px solid #cecece
}

.gantt_cal_qi_controls div {
    float: left;
    height: 32px;
    text-align: center;
    line-height: 32px
}

.gantt_tooltip {
    padding: 10px;
    position: absolute;
    z-index: 50;
    white-space: nowrap
}

.gantt_resource_marker {
    position: absolute;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.gantt_resource_marker_ok {
    background: rgba(78, 208, 134, .75)
}

.gantt_resource_marker_overtime {
    background: hsla(0, 100%, 76%, .69)
}

.gantt_histogram_label {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    font-weight: 700;
    font-size: 13px
}

.gantt_histogram_fill {
    background-color: rgba(41, 157, 180, .2);
    width: 100%;
    position: absolute;
    bottom: 0
}

.gantt_histogram_hor_bar {
    height: 1px;
    margin-top: -1px
}

.gantt_histogram_hor_bar,
.gantt_histogram_vert_bar {
    position: absolute;
    background: #299db4;
    margin-left: -1px
}

.gantt_histogram_vert_bar {
    width: 1px
}

.gantt_histogram_cell {
    position: absolute;
    text-align: center;
    font-size: 13px;
    color: #000
}

.gantt_marker {
    height: 100%;
    width: 2px;
    top: 0;
    position: absolute;
    text-align: center;
    background-color: rgba(255, 0, 0, .4);
    box-sizing: border-box
}

.gantt_marker .gantt_marker_content {
    padding: 5px;
    background: inherit;
    color: #fff;
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    opacity: .8
}

.gantt_marker_area {
    position: absolute;
    top: 0;
    left: 0
}

.gantt_grid_editor_placeholder {
    position: absolute
}

.gantt_grid_editor_placeholder>div,
.gantt_grid_editor_placeholder input,
.gantt_grid_editor_placeholder select {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.gantt_row_placeholder div {
    opacity: .5
}

.gantt_row_placeholder .gantt_add,
.gantt_row_placeholder .gantt_file {
    display: none
}

.gantt_drag_marker.gantt_grid_dnd_marker {
    background-color: transparent;
    transition: all .1s ease
}

.gantt_grid_dnd_marker_line {
    height: 4px;
    width: 100%;
    background-color: #3498db
}

.gantt_grid_dnd_marker_line:before {
    background: #fff;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 3px solid #3498db;
    border-radius: 6px;
    content: "";
    line-height: 1px;
    display: block;
    position: absolute;
    margin-left: -11px;
    margin-top: -4px;
    pointer-events: none
}

.gantt_grid_dnd_marker_folder {
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #3f98db;
    background: transparent
}

.gantt_overlay_area {
    display: none
}

.gantt_overlay,
.gantt_overlay_area {
    position: absolute;
    height: inherit;
    width: inherit;
    top: 0;
    left: 0
}

.gantt_click_drag_rect {
    position: absolute;
    left: 0;
    top: 0;
    outline: 1px solid #3f98db;
    background-color: rgba(52, 152, 219, .302)
}

.gantt_timeline_move_available,
.gantt_timeline_move_available * {
    cursor: move
}

.gantt_rtl .gantt_grid {
    text-align: right
}

.gantt_rtl .gantt_cell,
.gantt_rtl .gantt_row {
    flex-direction: row-reverse
}

.gantt_layout_content {
    width: 100%;
    overflow: auto;
    box-sizing: border-box
}

.gantt_layout_cell {
    position: relative;
    box-sizing: border-box
}

.gantt_layout_cell>.gantt_layout_header {
    background: #33aae8;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
    box-sizing: border-box
}

.gantt_layout_header.collapsed_x {
    background: #a9a9a9
}

.gantt_layout_header.collapsed_x .gantt_header_arrow:before {
    content: "\21e7"
}

.gantt_layout_header.collapsed_y {
    background: #a9a9a9
}

.gantt_layout_header.collapsed_y .gantt_header_arrow:before {
    content: "\21e9"
}

.gantt_layout_header {
    cursor: pointer
}

.gantt_layout_header .gantt_header_arrow {
    float: right;
    text-align: right
}

.gantt_layout_header .gantt_header_arrow:before {
    content: "\21e6"
}

.gantt_layout_header.vertical .gantt_header_arrow:before {
    content: "\21e7"
}

.gantt_layout_outer_scroll_vertical .gantt_layout_content {
    overflow-y: hidden
}

.gantt_layout_outer_scroll_horizontal .gantt_layout_content {
    overflow-x: hidden
}

.gantt_layout_x>.gantt_layout_cell {
    display: inline-block;
    vertical-align: top
}

.gantt_layout_x {
    white-space: nowrap
}

.gantt_resizing {
    opacity: .7;
    background: #f2f2f2
}

.gantt_layout_cell_border_right.gantt_resizer {
    overflow: visible;
    border-right: 0
}

.gantt_resizer {
    cursor: e-resize;
    position: relative
}

.gantt_resizer_y {
    cursor: n-resize
}

.gantt_resizer_stick {
    background: #33aae8;
    z-index: 9999;
    position: absolute;
    top: 0;
    width: 100%
}

.gantt_resizer_x .gantt_resizer_x {
    position: absolute;
    width: 20px;
    height: 100%;
    margin-left: -10px;
    top: 0;
    left: 0;
    z-index: 1
}

.gantt_resizer_y .gantt_resizer_y {
    position: absolute;
    height: 20px;
    width: 100%;
    top: -10px;
    left: 0;
    z-index: 1
}

.gantt_resizer_error {
    background: #cd5c5c !important
}

.gantt_layout_cell_border_left {
    border-left: 1px solid #cecece
}

.gantt_layout_cell_border_right {
    border-right: 1px solid #cecece
}

.gantt_layout_cell_border_top {
    border-top: 1px solid #cecece
}

.gantt_layout_cell_border_bottom {
    border-bottom: 1px solid #cecece
}

.gantt_layout_cell_border_transparent {
    border-color: transparent
}

.gantt_window {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999999;
    background: #fff
}

.gantt_window_content {
    position: relative
}

.gantt_window_content_header {
    background: #39c;
    color: #fff;
    height: 33px;
    padding: 10px 10px 0;
    border-bottom: 2px solid #fff;
    position: relative
}

.gantt_window_content_header_text {
    padding-left: 10%
}

.gantt_window_content_header_buttons {
    position: absolute;
    top: 10px;
    right: 10px
}

.gantt_window_content_header_buttons:hover {
    color: #000;
    cursor: pointer
}

.gantt_window_content_resizer {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0;
    line-height: 15px;
    right: -1px;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);
    cursor: nw-resize;
    z-index: 999
}

.gantt_window_content_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 9999
}

.gantt_window_drag {
    cursor: pointer !important
}

.gantt_window_resizing {
    overflow: visible
}

.gantt_window_resizing_body {
    overflow: hidden !important
}

.gantt_window_modal {
    background: rgba(0, 0, 0, .1);
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.gantt_cal_light,
.gantt_cal_quick_info,
.gantt_container,
.gantt_message_area,
.gantt_modal_box,
.gantt_tooltip {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gantt_noselect {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gantt_drag_marker {
    position: absolute;
    top: -1000px;
    left: -1000px;
    font-family: Arial;
    font-size: 13px;
    z-index: 1;
    white-space: nowrap
}

.gantt_drag_marker .gantt_tree_icon.gantt_blank,
.gantt_drag_marker .gantt_tree_icon.gantt_close,
.gantt_drag_marker .gantt_tree_icon.gantt_open,
.gantt_drag_marker .gantt_tree_indent {
    display: none
}

.gantt_drag_marker,
.gantt_drag_marker .gantt_row.odd {
    background-color: #fff
}

.gantt_drag_marker .gantt_row {
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2
}

.gantt_drag_marker .gantt_cell {
    border-color: #d2d2d2
}

.gantt_row.gantt_over,
.gantt_task_row.gantt_over {
    background-color: #0070fe
}

.gantt_row.gantt_transparent .gantt_cell {
    opacity: .7
}

.gantt_task_row.gantt_transparent {
    background-color: #f8fdfd
}

.gantt_popup_button.gantt_delete_button {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff;
    font-weight: 700;
    border-width: 0
}

.gantt_container_resize_watcher {
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    border: 0;
    box-sizing: border-box;
    opacity: 0
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    font-weight: 400
}

.mat-drawer-container {
    background: none
}

.leftnav-expand {
    width: calc(100vw - 326px) !important
}

.leftnav-collapse {
    width: calc(100vw - 120px) !important
}

.mat-card {
    background: #ffffff;
    margin: 0 0 16px
}

.mat-card:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122) !important
}

.mat-card-title,
.header-2 {
    font-size: 24px !important;
    font-family: "Source Sans Pro", sans-serif
}

.mat-list-item-content {
    color: #fff
}

.mat-card-content img.chart {
    width: 100%;
    height: auto
}

.pageContent {
    padding: 16px
}

.mat-card-header .mat-card-header-text {
    flex: 2;
    margin: 0
}

.mat-card-header .mat-icon-button {
    opacity: .54 !important;
    margin-top: -8px
}

.mat-card-header .mat-icon-button:last-child {
    margin-right: -8px
}

.mat-icon-button {
    background: none !important
}

.no-hover {
    background: none !important
}

.component-page-header {
    display: flex;
    align-items: top;
    padding: 8px 0 24px
}

.component-page-header h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 45px;
    line-height: 40px
}

.component-page-header .docs-primary-name {
    flex: 2
}

.component-page-header .docs-primary-name .caption-18 {
    font-size: 18px;
    line-height: 24px
}

.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    background-color: #63a70a;
    color: #fff
}

.muted-text {
    opacity: .54
}

.mat-menu-item {
    background: #ffffff
}

.margin-left {
    margin-left: 16px !important
}

.margin-right {
    margin-right: 16px !important
}

.margin-top {
    margin-top: 16px !important
}

.margin-bottom {
    margin-bottom: 16px !important
}

.no-margin {
    margin: 0 !important
}

.padding-left {
    padding-left: 16px !important
}

.padding-right {
    padding-right: 16px !important
}

.padding-top {
    padding-top: 16px !important
}

.padding-bottom {
    padding-bottom: 16px !important
}

.no-padding {
    padding: 0 !important
}

.mat-display-0 {
    font-size: 30px;
    font-family: "Lato", sans-serif !important
}

.mat-subheading-2 {
    line-height: 14px
}

.mat-menu-item {
    font-size: 15px !important
}

.demo-tab-content {
    padding: 24px 0
}

.maxWidth-page {
    max-width: 1280px !important;
    margin: auto !important
}

.mat-form-field {
    width: 100%
}

.title-center {
    flex: 1 1 auto;
    text-align: center
}

button.mat-button {
    margin-right: 8px
}

.xc div {
    border: 1px solid #ccc
}

.mat-select-box .mat-form-field {
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #fff;
    padding: 5px 10px;
    box-sizing: border-box
}

.mat-select-box .mat-form-field.auto-width {
    width: auto
}

.mat-select-box .mat-form-field.no-border {
    border: none
}

.mat-select-box .mat-form-field-wrapper {
    padding-bottom: 0
}

.mat-select-box .mat-form-field-infix {
    border-top: 0 !important;
    font-size: 14px !important
}

.mat-select-box .span {
    font-size: 14px !important
}

.mat-select-box .mat-select-value-text {
    font-size: 14px !important
}

.mat-select-box .mat-form-field-underline {
    bottom: 0 !important;
    background: none !important;
    height: 0 !important
}

.mat-select-box .mat-form-field-ripple {
    bottom: 0 !important;
    background: none !important;
    height: 0 !important
}

.fx-grid {
    margin: -8px -8px 8px
}

.fx-grid:last-of-type {
    margin-bottom: -8px
}

.fx-grid.fxCol-1>*,
.fx-grid>*.fxCol-1 {
    flex: 0 1 calc(8.333333% - 16px)
}

.fx-grid.fxCol-2>*,
.fx-grid>*.fxCol-2 {
    flex: 0 1 calc(16.66666666% - 16px)
}

.fx-grid.fxCol-2_4>*,
.fx-grid>*.fxCol-2_4 {
    flex: 0 1 calc(20% - 16px)
}

.fx-grid.fxCol-3>*,
.fx-grid>*.fxCol-3 {
    flex: 0 1 calc(25% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-4>*,
.fx-grid>*.fxCol-4 {
    flex: 0 1 calc(33.333333% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-6>*,
.fx-grid>*.fxCol-6 {
    flex: 0 1 calc(50% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-8>*,
.fx-grid>*.fxCol-8 {
    flex: 0 1 calc(66.66666667% - 16px) !important
}

.fx-grid.fxCol-10>*,
.fx-grid>*.fxCol-10 {
    flex: 0 1 calc(83.3333333% - 16px) !important
}

.fx-grid.fxCol-12>*,
.fx-grid>*.fxCol-12 {
    flex: 0 1 100% !important;
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid>* {
    flex: 0 1 100%;
    flex: 1;
    margin: 8px !important
}

.fx-grid>*.flex-width {
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid>*.auto-width {
    flex: 0 1 auto !important
}

.fx-grid>*.status-card {
    margin-right: 8px !important
}

.fx-grid>*.status-card:last-child {
    margin-right: 8px !important
}

.fx-grid>*.no-margin {
    margin: 0 !important
}

.fx-grid>*.no-margin-top {
    margin-top: 0 !important
}

.fx-grid>*.no-margin-bottom {
    margin-bottom: 0 !important
}

.fx-grid.gap-32.fxCol-1>*,
.fx-grid.gap-32>*.fxCol-1 {
    flex: 0 1 calc(8.333333% - 32px)
}

.fx-grid.gap-32.fxCol-2>*,
.fx-grid.gap-32>*.fxCol-2 {
    flex: 0 1 calc(16.66666666% - 32px)
}

.fx-grid.gap-32.fxCol-2_4>*,
.fx-grid.gap-32>*.fxCol-2_4 {
    flex: 0 1 calc(20% - 32px)
}

.fx-grid.gap-32.fxCol-3>*,
.fx-grid.gap-32>*.fxCol-3 {
    flex: 0 1 calc(25% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-4>*,
.fx-grid.gap-32>*.fxCol-4 {
    flex: 0 1 calc(33.333333% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-6>*,
.fx-grid.gap-32>*.fxCol-6 {
    flex: 0 1 calc(50% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-8>*,
.fx-grid.gap-32>*.fxCol-8 {
    flex: 0 1 calc(66.66666667% - 32px) !important
}

.fx-grid.gap-32.fxCol-10>*,
.fx-grid.gap-32>*.fxCol-10 {
    flex: 0 1 calc(83.3333333% - 32px) !important
}

.fx-grid.gap-32.fxCol-12>*,
.fx-grid.gap-32>*.fxCol-12 {
    flex: 0 1 100% !important;
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid.gap-32 {
    margin: -8px -16px 8px
}

.fx-grid.gap-32:last-of-type {
    margin-bottom: -8px
}

.fx-grid.gap-32>* {
    flex: 0 1 100%;
    flex: 1;
    margin: 8px 16px !important
}

.fx-grid.gap-32>*.flex-width {
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid.gap-32>*.status-card {
    margin-right: 16px !important
}

.fx-grid.gap-32>*.status-card:last-child {
    margin-right: 16px !important
}

.font-size32 {
    font-size: 32px !important
}

.status-card .mat-card-title.font-size32 {
    font-size: 32px !important
}

.mat-card,
.mat-card.status-card {
    margin: 0;
    box-sizing: border-box
}

.mat-input-container .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.mat-input-container .mat-form-field-underline {
    bottom: 0 !important
}

.mat-raised-button.sm-button {
    min-width: auto !important;
    padding: 0 8px
}

.sm-button-text-hide {
    display: none
}

input.mat-input-element {
    height: auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    border-width: 0 !important
}

.mat-form-field-label-wrapper {
    top: -.33em !important
}

mat-form-field .mat-input-wrapper .mat-form-field-infix.mat-form-field-infix {
    padding: .05em 0 !important
}

.loading-dots {
    opacity: 0;
    -webkit-animation: loading-dots-fadein .5s linear forwards;
    animation: loading-dots-fadein .5s linear forwards;
    padding: 16px;
    margin: auto;
    text-align: center;
    line-height: 0;
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 17px
}

.loading-dots i {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 .125em;
    -webkit-animation: loading-dots-middle-dots .5s linear infinite;
    animation: loading-dots-middle-dots .5s linear infinite
}

.loading-dots i:nth-child(1) {
    background: #4179c0
}

.loading-dots i:nth-child(2) {
    background: #e06216
}

.loading-dots i:nth-child(3) {
    background: #a3301d
}

.loading-dots i:nth-child(4) {
    background: #5da93f
}

.loading-dots i:nth-child(5) {
    background: #742685
}

.loading-dots i:first-child {
    -webkit-animation: loading-dots-first-dot .5s infinite;
    animation: loading-dots-first-dot .5s linear infinite;
    opacity: 0;
    transform: translate(-1em)
}

.loading-dots i:last-child {
    -webkit-animation: loading-dots-last-dot .5s linear infinite;
    animation: loading-dots-last-dot .5s linear infinite
}

@-webkit-keyframes loading-dots-fadein {
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@keyframes loading-dots-fadein {
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@-webkit-keyframes loading-dots-first-dot {
    to {
        transform: translate(1em);
        opacity: 1;
        filter: none
    }
}

@keyframes loading-dots-first-dot {
    to {
        transform: translate(1em);
        opacity: 1;
        filter: none
    }
}

@-webkit-keyframes loading-dots-middle-dots {
    to {
        transform: translate(1em)
    }
}

@keyframes loading-dots-middle-dots {
    to {
        transform: translate(1em)
    }
}

@-webkit-keyframes loading-dots-last-dot {
    to {
        transform: translate(2em);
        opacity: 0
    }
}

@keyframes loading-dots-last-dot {
    to {
        transform: translate(2em);
        opacity: 0
    }
}

.fc-spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

@-webkit-keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #417ed9;
    -webkit-animation: dash 1.4s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

.mat-dialog-title.bgHeader {
    display: block;
    padding: 12px 24px;
    margin-top: 0;
    font-family: Montserrat-Bold;
    font-size: 14px;
    color: #373a3c
}

.mat-card-header.bgHeader,
.mat-dialog-title.bgHeader {
    margin-right: -9px;
    margin-left: -9px;
    margin-top: -5px;
    padding: 18px 24px 6px;
    background: #f2f2f2;
    border-top-left-radius: 2px
}

.f-info-tooltip .mat-tooltip {
    white-space: pre-line;
    max-width: 500px;
    line-height: 24px
}

@media (min-width: 768px) {
    #siteMainDiv .left-nav-container {
        margin-left: -26px !important
    }

    #siteMainDiv .left-nav-container a,
    #siteMainDiv .left-nav-container .f-left-nav-title {
        padding-left: 50px !important
    }

    .mat-tab-label {
        padding: 0 !important
    }

    .left-nav-container {
        min-height: 100%;
        margin-right: 24px !important
    }

    .left-nav-container a {
        padding: 14px;
        display: block
    }

    .left-nav-container .mat-tab-label-content {
        display: block !important
    }

    .left-nav-container .mat-tab-header {
        display: block !important
    }

    .left-nav-container .mat-tab-header .mat-tab-labels {
        display: block !important
    }

    .left-nav-container .mat-tab-header .mat-tab-labels .mat-tab-label {
        display: block !important;
        height: auto !important;
        text-align: left
    }

    .left-nav-container .mat-ink-bar {
        display: none
    }

    .left-nav-container .mat-tab-label.mat-tab-label-active:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: #0093ee;
        width: 4px;
        height: 32px;
        margin: auto;
        bottom: 0
    }

    .left-nav-container .mat-tab-header .mat-tab-label-container {
        border-bottom: 0 solid transparent !important
    }
}

.f-display-block {
    display: block !important
}

.f-left-nav-title {
    font-size: 14px;
    color: #757575;
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

.left-nav-container .mat-tab-header a,
.left-nav-container a:link,
.left-nav-container a:visited,
.left-nav-container a:hover {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    color: #9b9b9b !important;
    text-transform: none !important
}

.left-nav-container {
    background: #eae9ea;
    min-width: 250px
}

.left-nav-container a:hover {
    text-decoration: none !important
}

.left-nav-container .mat-tab-label.mat-tab-label-active {
    font-weight: 700
}

.left-nav-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content a {
    color: #0093ee !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}


@import"https://fonts.googleapis.com/css?family=Lato:300,400,700";
@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600";

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
    font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
    font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
    font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
    font: 400 calc(14px * .83)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
    font: 400 calc(14px * .67)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,
.mat-body-2 {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-small,
.mat-caption {
    font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500
}

.mat-card-header .mat-card-title {
    font-size: 20px
}

.mat-card-subtitle,
.mat-card-content {
    font-size: 14px
}

.mat-checkbox {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 14px;
    font-weight: 500
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,
.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-1.28125em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    -ms-transform: translateY(-1.28124em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    -ms-transform: translateY(-1.28123em) scale(.75);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {

    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px
}

.mat-radio-button {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-slider-thumb-label-text {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: normal
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tab-label,
.mat-tab-link {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-list-item {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-option {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-base .mat-list-item {
    font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-list-option {
    font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

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

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.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
}

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
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

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

.mat-ripple-element {
    background-color: rgba(0, 0, 0, .102)
}

.mat-option {
    color: rgba(0, 0, 0, .871)
}

.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .871)
}

.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
}

.mat-optgroup-label {
    color: rgba(0, 0, 0, .541)
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, .541)
}

.mat-pseudo-checkbox:after {
    color: #fafafa
}

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

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

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

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

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

.mat-app-background {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .871)
}

.mat-elevation-z0 {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .141), 0 1px 8px rgba(0, 0, 0, .122)
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px rgba(0, 0, 0, .141), 0 1px 14px rgba(0, 0, 0, .122)
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .141), 0 2px 16px 1px rgba(0, 0, 0, .122)
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .141), 0 3px 16px 2px rgba(0, 0, 0, .122)
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .141), 0 4px 18px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .141), 0 4px 20px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .141), 0 5px 22px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .141), 0 5px 24px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .141), 0 5px 26px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .141), 0 6px 28px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .141), 0 6px 32px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .141), 0 7px 34px 6px rgba(0, 0, 0, .122)
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .141), 0 7px 36px 6px rgba(0, 0, 0, .122)
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .141), 0 8px 38px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .141), 0 8px 40px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .141), 0 8px 42px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .141), 0 9px 44px 8px rgba(0, 0, 0, .122)
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122)
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, .871)
}

.mat-badge {
    position: relative
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: rgba(0, 0, 0, .38)
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122);
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #3f51b5
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #ff4081
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #f44336
}

.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, .259)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
    opacity: .1;
    background-color: currentColor
}

.mat-button-focus-overlay {
    background: #000
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: rgba(0, 0, 0, .122)
}

.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
    color: rgba(0, 0, 0, .871);
    background-color: #fff
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    color: #fff
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    color: #fff
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    color: #fff
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, .259)
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    background-color: #3f51b5
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    background-color: #ff4081
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    background-color: #f44336
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: rgba(0, 0, 0, .122)
}

.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-stroked-button:not([class*=mat-elevation-z]),
.mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .141), 0 5px 22px 4px rgba(0, 0, 0, .122)
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-button-toggle-standalone,
.mat-button-toggle-group {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    box-shadow: none
}

.mat-button-toggle {
    color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, .122)
}

.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .871);
    background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .541)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .871)
}

.mat-button-toggle-disabled {
    color: rgba(0, 0, 0, .259);
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    border: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-card-subtitle {
    color: rgba(0, 0, 0, .541)
}

.mat-checkbox-frame {
    border-color: rgba(0, 0, 0, .541)
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

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

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

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

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

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: rgba(0, 0, 0, .541)
}

.mat-checkbox .mat-ripple-element {
    background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #3f51b5
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ff4081
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .871)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, .871);
    opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .141), 0 1px 8px rgba(0, 0, 0, .122)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #3f51b5;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ff4081;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-table {
    background: #fff
}

.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
    background: inherit
}

mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
    border-bottom-color: rgba(0, 0, 0, .122)
}

.mat-header-cell {
    color: rgba(0, 0, 0, .541)
}

.mat-cell,
.mat-footer-cell {
    color: rgba(0, 0, 0, .871)
}

.mat-calendar-arrow {
    fill: rgba(0, 0, 0, .541)
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
    color: rgba(0, 0, 0, .541)
}

.mat-calendar-table-header-divider:after {
    background: rgba(0, 0, 0, .12)
}

.mat-calendar-table-header,
.mat-calendar-body-label {
    color: rgba(0, 0, 0, .541)
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: rgba(0, 0, 0, .871);
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-in-preview {
    color: rgba(0, 0, 0, .239)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-in-range:before {
    background: rgba(63, 81, 181, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(63, 81, 181, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(63, 81, 181, .302)
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122);
    background-color: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(255, 64, 129, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(255, 64, 129, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, .302)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244, 67, 54, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, .302)
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122)
}

.mat-datepicker-toggle-active {
    color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
    color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
}

.mat-date-range-input-inner[disabled] {
    color: rgba(0, 0, 0, .38)
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122);
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-divider {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, .122)
}

.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-action-row {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0, 0, 0, .04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
    }
}

.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, .871)
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator:after {
    color: rgba(0, 0, 0, .541)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0, 0, 0, .259)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-form-field-label {
    color: rgba(0, 0, 0, .6)
}

.mat-hint {
    color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336
}

.mat-focused .mat-form-field-required-marker {
    color: #ff4081
}

.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, .871)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #3f51b5
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #ff4081
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336
}

.mat-error {
    color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    color: rgba(0, 0, 0, .541)
}

.mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, .541)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .039)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, .122)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, .871)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, .059)
}

.mat-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #ff4081
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .541)
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .38)
}

.mat-input-element {
    caret-color: #3f51b5
}

.mat-input-element::placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #ff4081
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
    caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #f44336
}

.mat-list-base .mat-list-item {
    color: rgba(0, 0, 0, .871)
}

.mat-list-base .mat-list-option {
    color: rgba(0, 0, 0, .871)
}

.mat-list-base .mat-subheader {
    color: rgba(0, 0, 0, .541)
}

.mat-list-item-disabled {
    background-color: #eee
}

.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
    background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
    background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
    background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-menu-item {
    background: transparent;
    color: rgba(0, 0, 0, .871)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
    color: rgba(0, 0, 0, .38)
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
    color: rgba(0, 0, 0, .541)
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0, 0, 0, .04)
}

.mat-paginator {
    background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, .541)
}

.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, .38)
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #cbd0e9
}

.mat-progress-bar-buffer {
    background-color: #cbd0e9
}

.mat-progress-bar-fill:after {
    background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #f44336
}

.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .541)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #3f51b5
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ff4081
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: rgba(0, 0, 0, .871)
}

.mat-select-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
    color: rgba(0, 0, 0, .541)
}

.mat-select-panel {
    background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .871)
}

.mat-drawer {
    background-color: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122)
}

.mat-drawer-side {
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(255, 64, 129, .541)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ff4081
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(63, 81, 181, .541)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, .541)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122);
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
    background-color: rgba(0, 0, 0, .259)
}

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
    background-color: #3f51b5
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-primary .mat-slider-focus-ring {
    background-color: rgba(63, 81, 181, .2)
}

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
    background-color: #ff4081
}

.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-accent .mat-slider-focus-ring {
    background-color: rgba(255, 64, 129, .2)
}

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
    background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-warn .mat-slider-focus-ring {
    background-color: rgba(244, 67, 54, .2)
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, .122)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .871)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .259);
    background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .259)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: rgba(0, 0, 0, .702)
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled=false] {
    background-color: rgba(0, 0, 0, .039)
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, .541)
}

.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, .541);
    color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ff4081;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, .871)
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: rgba(0, 0, 0, .122)
}

.mat-horizontal-stepper-header:before,
.mat-horizontal-stepper-header:after,
.mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-nav-bar,
.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
    color: rgba(0, 0, 0, .871)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .871)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-]>.mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .302)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .302)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .302)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .302)
}

.mat-tab-group.mat-background-primary>.mat-tab-header,
.mat-tab-group.mat-background-primary>.mat-tab-link-container,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination {
    background-color: #3f51b5
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .302)
}

.mat-tab-group.mat-background-accent>.mat-tab-header,
.mat-tab-group.mat-background-accent>.mat-tab-link-container,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination {
    background-color: #ff4081
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .302)
}

.mat-tab-group.mat-background-warn>.mat-tab-header,
.mat-tab-group.mat-background-warn>.mat-tab-link-container,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination {
    background-color: #f44336
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .871)
}

.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,
.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px
    }

    .mat-toolbar-row,
    .mat-toolbar-single-row {
        height: 56px
    }
}

.mat-tooltip {
    background: rgba(97, 97, 97, .9)
}

.mat-tree {
    background: #fff
}

.mat-tree-node,
.mat-nested-tree-node {
    color: rgba(0, 0, 0, .871)
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: rgba(255, 255, 255, .702);
    background: #323232;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-simple-snackbar-action {
    color: #ff4081
}

.ng-select {
    padding-bottom: 1.25em
}

.ng-select.ng-select-disabled .ng-select-container:after {
    border-bottom-color: transparent;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,
.ng-select.ng-select-disabled .ng-clear-wrapper {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-focused .ng-select-container:after {
    border-color: #3f51b5;
    border-width: 2px
}

.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after {
    border-color: #3f51b5;
    border-width: 2px
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    color: #3f51b5
}

.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
    color: #3f51b5
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
    display: inline;
    display: initial
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-opened .ng-placeholder {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px)
}

.ng-select .ng-select-container {
    color: rgba(0, 0, 0, .871);
    align-items: baseline;
    min-height: 51.5px
}

.ng-select .ng-select-container:after {
    border-bottom: thin solid rgba(0, 0, 0, .42);
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    transition: border-color .3s cubic-bezier(.55, 0, .55, .2)
}

.ng-select .ng-select-container.ng-appearance-outline {
    padding: 0 .5em;
    min-height: 60px
}

.ng-select .ng-select-container.ng-appearance-outline:after {
    border: solid 1px rgba(0, 0, 0, .12);
    border-radius: 5px;
    height: calc(100% - .5em);
    pointer-events: none;
    transition: border-color .3s cubic-bezier(.25, .8, .25, 1)
}

.ng-select .ng-select-container.ng-appearance-outline:hover:after {
    border-color: rgba(0, 0, 0, .871);
    border-width: 2px
}

.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder {
    padding: 0 .25em;
    background-color: #fff;
    z-index: 1
}

.ng-select .ng-select-container.ng-appearance-outline .ng-value {
    padding-left: .25em
}

.ng-select .ng-select-container .ng-value-container {
    align-items: stretch;
    padding: .4375em 0;
    border-top: .84375em solid transparent
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    position: absolute;
    color: rgba(0, 0, 0, .541);
    transform-origin: left 0;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1)
}

[dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    transform-origin: right 0
}

.ng-select .ng-select-container .ng-value-container .ng-input {
    bottom: .4375em
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    bottom: 17px
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    bottom: 14px
}

.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
    align-self: flex-end;
    bottom: 9px
}

.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
    align-self: flex-end;
    bottom: 7px
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    background-color: rgba(0, 0, 0, .122);
    color: rgba(0, 0, 0, .259)
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,
.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after {
    background-image: none;
    border: dotted 1px rgba(0, 0, 0, .12)
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper {
    border-top: none
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    top: 0
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    top: 4px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background-color: #3f51b5;
    border-radius: 2px;
    color: #fff;
    padding: 2px 5px;
    margin: 0 .4375em .4375em 0
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin: 0 0 .4375em .4375em
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: rgba(0, 0, 0, .122);
    color: rgba(0, 0, 0, .259)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    font-size: 14px;
    font-weight: 500
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    color: rgba(255, 255, 255, .541);
    padding-right: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    padding-left: 5px;
    padding-right: 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    color: rgba(255, 255, 255, .871)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    line-height: 1.375em
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
    align-items: center
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container {
    padding-bottom: 0;
    padding-top: .1875em
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
    border-top: .84375em solid transparent
}

.ng-select .ng-clear-wrapper {
    color: rgba(0, 0, 0, .541)
}

.ng-select .ng-clear-wrapper:hover {
    color: rgba(0, 0, 0, .871)
}

.ng-select .ng-arrow-wrapper {
    bottom: 2px
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    margin: 0 4px;
    color: rgba(0, 0, 0, .541)
}

.ng-select .ng-spinner-zone {
    top: 3px
}

.ng-dropdown-panel {
    background: #fff;
    left: 0
}

.ng-dropdown-panel.ng-select-bottom {
    top: calc(100% - 1.25em);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.ng-dropdown-panel.ng-select-top {
    bottom: calc(100% - .84375em);
    box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, .2), 0 -8px 10px 1px rgba(0, 0, 0, .141), 0 -3px 14px 2px rgba(0, 0, 0, .122)
}

.ng-dropdown-panel.multiple .ng-option.selected {
    background: #fff
}

.ng-dropdown-panel.multiple .ng-option.marked {
    background: rgba(0, 0, 0, .04)
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 0 16px;
    line-height: 3em;
    min-height: 3em
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding: 0 16px;
    line-height: 3em;
    min-height: 3em
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 3em;
    height: 3em;
    padding: 0 16px;
    color: rgba(0, 0, 0, .541);
    font-weight: 500
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background: rgba(0, 0, 0, .04)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
    background: rgba(0, 0, 0, .12);
    color: #3f51b5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    line-height: 3em;
    min-height: 3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 16px;
    text-decoration: none;
    position: relative;
    color: rgba(0, 0, 0, .871);
    text-align: left
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    text-align: right
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .871)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: rgba(0, 0, 0, .12);
    color: #3f51b5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 32px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 32px;
    padding-left: 0
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-right: 5px;
    font-size: 80%;
    font-weight: 400;
    color: rgba(0, 0, 0, .38)
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

.gridHoverStyle,
.gridSelection,
.timelineSelection {
    background-color: #fff3a1
}

.gantt_grid_scale .gantt_grid_head_cell {
    color: #a6a6a6;
    border-top: none !important;
    border-right: none !important
}

.gantt_grid_data .gantt_cell {
    border-right: none;
    color: #454545
}

.gantt_task_link .gantt_link_arrow_right {
    border-width: 6px;
    margin-top: -3px
}

.gantt_task_link .gantt_link_arrow_left {
    border-width: 6px;
    margin-left: -6px;
    margin-top: -3px
}

.gantt_task_link .gantt_link_arrow_down,
.gantt_task_link .gantt_link_arrow_up {
    border-width: 6px
}

.gantt_task_line .gantt_task_progress_drag {
    bottom: -4px;
    height: 10px;
    margin-left: -8px;
    width: 16px
}

.chartHeaderBg {
    background-color: #fff
}

.gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #a6a6a6;
    border-right: 1px solid #ebebeb
}

.gantt_row.gantt_project,
.gantt_row.odd.gantt_project {
    background-color: #edffef
}

.gantt_task_row.gantt_project,
.gantt_task_row.odd.gantt_project {
    background-color: #f5fff6
}

.gantt_task_line.gantt_project {
    background-color: #65c16f;
    border: 1px solid #3c9445
}

.gantt_task_line.gantt_project .gantt_task_progress {
    background-color: #46ad51
}

.buttonBg {
    background: #fff
}

.gantt_cal_light .gantt_btn_set {
    margin: 5px 10px
}

.gantt_btn_set.gantt_cancel_btn_set {
    background: #fff;
    color: #454545;
    border: 1px solid #cecece
}

.gantt_btn_set.gantt_save_btn_set {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff
}

.gantt_btn_set.gantt_delete_btn_set {
    text-shadow: 0 -1px 0 #6f6f6f;
    background: #ec8e00;
    text-shadow: 0 -1px 0 #a60;
    color: #fff
}

.gantt_cal_light_wide {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.gantt_cal_light_wide .gantt_cal_larea {
    border-left: none !important;
    border-right: none !important
}

.gantt_popup_button.gantt_ok_button {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff;
    font-weight: 700;
    border-width: 0
}

.gantt_popup_button.gantt_cancel_button {
    font-weight: 700;
    color: #454544
}

.gantt_popup_title {
    background-color: #fff
}

.gantt_popup_shadow {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071)
}

.gantt_qi_big_icon.icon_edit {
    color: #454545;
    background: #fff
}

.gantt_qi_big_icon.icon_delete {
    text-shadow: 0 -1px 0 #a60;
    background: #ec8e00;
    color: #fff;
    border-width: 0
}

.gantt_tooltip {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    border-left: 1px solid rgba(0, 0, 0, .07);
    border-top: 1px solid rgba(0, 0, 0, .07);
    font-size: 8pt;
    color: #454545
}

.gantt_container,
.gantt_tooltip {
    background-color: #fff;
    font-family: Arial
}

.gantt_container {
    font-size: 13px;
    border: 1px solid #cecece;
    position: relative;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden
}

.gantt_task_scroll {
    overflow-x: scroll
}

.gantt_grid,
.gantt_task {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    vertical-align: top
}

.gantt_grid_scale,
.gantt_task_scale {
    color: #6b6b6b;
    font-size: 12px;
    border-bottom: 1px solid #cecece;
    box-sizing: border-box
}

.gantt_grid_scale,
.gantt_task_scale,
.gantt_task_vscroll {
    background-color: #fff
}

.gantt_scale_line {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 1px solid #cecece
}

.gantt_scale_line:first-child {
    border-top: none
}

.gantt_grid_head_cell {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #cecece;
    text-align: center;
    position: relative;
    cursor: default;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 33px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.gantt_scale_line {
    clear: both
}

.gantt_grid_data {
    width: 100%;
    overflow: hidden;
    position: relative
}

.gantt_row {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_add,
.gantt_grid_head_add {
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    -moz-opacity: .3;
    opacity: .3
}

.gantt_grid_head_cell.gantt_grid_head_add {
    -moz-opacity: .6;
    opacity: .6;
    top: 0
}

.gantt_grid_head_cell.gantt_grid_head_add:hover {
    -moz-opacity: 1;
    opacity: 1
}

.gantt_grid_data .gantt_row.odd:hover,
.gantt_grid_data .gantt_row:hover {
    background-color: #fff3a1
}

.gantt_grid_data .gantt_row.odd:hover .gantt_add,
.gantt_grid_data .gantt_row:hover .gantt_add {
    -moz-opacity: 1;
    opacity: 1
}

.gantt_row,
.gantt_task_row {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff
}

.gantt_row.odd,
.gantt_task_row.odd {
    background-color: #fff
}

.gantt_cell,
.gantt_grid_head_cell,
.gantt_row,
.gantt_scale_cell,
.gantt_task_cell,
.gantt_task_row {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.gantt_grid_head_cell,
.gantt_scale_cell {
    line-height: inherit
}

.gantt_grid_scale .gantt_grid_column_resize_wrap {
    cursor: col-resize;
    position: absolute;
    width: 13px;
    margin-left: -7px
}

.gantt_grid_column_resize_wrap .gantt_grid_column_resize {
    background-color: #cecece;
    height: 100%;
    width: 1px;
    margin: 0 auto
}

.gantt_drag_marker.gantt_grid_resize_area {
    background-color: rgba(232, 232, 232, .502);
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.gantt_row {
    display: flex
}

.gantt_row>div {
    flex-shrink: 0;
    flex-grow: 0
}

.gantt_cell {
    vertical-align: top;
    border-right: 1px solid #ebebeb;
    padding-left: 6px;
    padding-right: 6px;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px
}

.gantt_cell_tree {
    display: flex;
    flex-wrap: nowrap
}

.gantt_grid_data .gantt_last_cell,
.gantt_grid_scale .gantt_last_cell,
.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell,
.gantt_task_bg .gantt_last_cell {
    border-right-width: 0
}

.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell {
    border-right-width: 1px
}

.gantt_task_bg {
    overflow: hidden
}

.gantt_scale_cell {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border-right: 1px solid #cecece;
    text-align: center;
    height: 100%
}

.gantt_task_cell {
    display: inline-block;
    height: 100%;
    border-right: 1px solid #ebebeb
}

.gantt_layout_cell.gantt_ver_scroll {
    width: 0;
    background-color: transparent;
    height: 1px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    z-index: 1
}

.gantt_ver_scroll>div {
    width: 1px;
    height: 1px
}

.gantt_hor_scroll {
    height: 0;
    background-color: transparent;
    width: 100%;
    clear: both;
    overflow-x: scroll;
    overflow-y: hidden
}

.gantt_layout_cell .gantt_hor_scroll {
    position: absolute
}

.gantt_hor_scroll>div {
    width: 5000px;
    height: 1px
}

.gantt_tree_icon,
.gantt_tree_indent {
    flex-grow: 0;
    flex-shrink: 0
}

.gantt_tree_indent {
    width: 15px;
    height: 100%
}

.gantt_tree_content,
.gantt_tree_icon {
    vertical-align: top
}

.gantt_tree_icon {
    width: 28px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.gantt_tree_content {
    height: 100%;
    white-space: nowrap;
    min-width: 0
}

.gantt_tree_icon.gantt_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAArklEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNUAGcXJyMnz//h3uQrJdRLFBIAPQAchlJLsIFuCMjIwM////B5sJMoRkg2CuIdtrQcHBDOxsbHBfCQgIMHz48AHO//nrF8O6tWsJR7+7uzsDIxMTznT0/98/hp07d+I3iGopm2DewKFg8OV+AJWkfRMrTobLAAAAAElFTkSuQmCC);
    width: 18px;
    cursor: pointer
}

.gantt_tree_icon.gantt_close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAkUlEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNeIN4uTkxAin79+/M5AcRtgCHGQIyQbhijaiDQoKDmZgZ2PDGf0/f/1iWLd2LeHod3d3Z2BkYsJp0P9//xh27tyJ3yCqpWyCeQOHgsGX+wEZpW4T5LCxKwAAAABJRU5ErkJggg==);
    width: 18px;
    cursor: pointer
}

.gantt_tree_icon.gantt_blank {
    width: 18px
}

.gantt_tree_icon.gantt_folder_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAs0lEQVQ4T62T0Q2EIBBEpQlzuaaMsQoqooqLsSljbMLLmMxmUXBR4U+Qt7Mzi2sqLVeJ00SgEMKWAnvvzYLyAyHfT5sU2fXDJSwCAXK8MI0/UTkva7IIFJsg3NSwnKdFoKtAWOQ1CN7CEqeTotE5L7QyJhmBcklZM4ZgTiAr3iOU3kD93ppO5SkMjB1EeXdBWoSkRql3YeIRe+cGvktS056JR9wsmeBUkujCfNXWCPC8GugPqn5ii/hV+FoAAAAASUVORK5CYII=)
}

.gantt_tree_icon.gantt_folder_closed {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAfElEQVQ4T2NkoBJgpJI5DCgGTZ8+/T82gzMzMwlaCFcAM0RKQgyrI/0Dg/EahmIQyBB0DRvXr4W78tmLV1gtAbmYoEEgnciG4QpTogzCFyEwSyg2CBS2oCAZNQh3cA+hMAJ5AlcKxuVBlOgnNgVjMwyUrQjmamKLGaoZBAAOTFyLnFFW4wAAAABJRU5ErkJggg==)
}

.gantt_tree_icon.gantt_file {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAeElEQVQ4T2NkoBJgRDZn+vTp/wmZm5mZiaIHph7DICkJMUJmMfgHBmMYhtUgbAo3rl+L4lp0NUQbBPI2umuRDaPIIFAYwAyjv0HoMQALM5JdhG4QLMxGDcKdyIdoGIE89OzFK4KZF5Rl8EY/QROQFGA1iBQD0NUCAJVjcxO0naAQAAAAAElFTkSuQmCC)
}

.gantt_grid_head_cell .gantt_sort {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 7px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: 50%
}

.gantt_grid_head_cell .gantt_sort.gantt_asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC)
}

.gantt_grid_head_cell .gantt_sort.gantt_desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC)
}

.gantt_inserted,
.gantt_updated {
    font-weight: 700
}

.gantt_deleted {
    text-decoration: line-through
}

.gantt_invalid {
    background-color: #ffe0e0
}

.gantt_error {
    color: red
}

.gantt_status {
    right: 1px;
    padding: 5px 10px;
    background: hsla(0, 0%, 61%, .1);
    position: absolute;
    top: 1px;
    transition: opacity .2s;
    opacity: 0
}

.gantt_status.gantt_status_visible {
    opacity: 1
}

#gantt_ajax_dots span {
    transition: opacity .2s;
    background-repeat: no-repeat;
    opacity: 0
}

#gantt_ajax_dots span.gantt_dot_visible {
    opacity: 1
}

.gantt_column_drag_marker {
    border: 1px solid #cecece;
    opacity: .8
}

.gantt_grid_head_cell_dragged {
    border: 1px solid #cecece;
    opacity: .3
}

.gantt_grid_target_marker {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #ffa011;
    transform: translate(-1px)
}

.gantt_grid_target_marker:after,
.gantt_grid_target_marker:before {
    display: block;
    content: "";
    position: absolute;
    left: -5px;
    width: 0;
    height: 0;
    border: 6px solid transparent
}

.gantt_grid_target_marker:before {
    border-top-color: #ffa011
}

.gantt_grid_target_marker:after {
    bottom: 0;
    border-bottom-color: #ffa011
}

.gantt_message_area {
    position: fixed;
    right: 5px;
    width: 250px;
    z-index: 1000
}

.gantt-info {
    min-width: 120px;
    padding: 4px 4px 4px 20px;
    font-family: Arial;
    z-index: 10000;
    margin: 5px 5px 10px;
    transition: all .5s ease
}

.gantt-info.hidden {
    height: 0;
    padding: 0;
    border-width: 0;
    margin: 0;
    overflow: hidden
}

.gantt_modal_box {
    overflow: hidden;
    display: inline-block;
    min-width: 250px;
    width: 250px;
    text-align: center;
    position: fixed;
    z-index: 20000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    font-family: Arial;
    border-radius: 6px;
    border: 1px solid #cecece;
    background: #fff
}

.gantt_popup_title {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-width: 0
}

.gantt_button,
.gantt_popup_button {
    border: 1px solid #cecece;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
    background: #fff
}

.gantt-info,
.gantt_button,
.gantt_popup_button {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer
}

.gantt_popup_text {
    overflow: hidden
}

.gantt_popup_controls {
    border-radius: 6px;
    padding: 10px
}

.gantt_popup_button {
    min-width: 100px
}

div.dhx_modal_cover {
    background-color: #000;
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    opacity: .2;
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    zoom: 1
}

.gantt-info img,
.gantt_modal_box img {
    float: left;
    margin-right: 20px
}

.gantt-alert-error,
.gantt-confirm-error {
    border: 1px solid red
}

.gantt_button input,
.gantt_popup_button div {
    border-radius: 4px;
    font-size: 14px;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    vertical-align: top
}

.gantt_popup_title {
    border-bottom: 1px solid #cecece;
    height: 40px;
    line-height: 40px;
    font-size: 20px
}

.gantt_popup_text {
    margin: 15px 15px 5px;
    font-size: 14px;
    color: #000;
    min-height: 30px;
    border-radius: 6px
}

.gantt-error,
.gantt-info {
    font-size: 14px;
    color: #000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    padding: 0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #fff
}

.gantt-info div {
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #cecece
}

.gantt-error {
    background-color: #d81b1b;
    border: 1px solid #ff3c3c
}

.gantt-error div {
    background-color: #d81b1b;
    border: 1px solid #940000;
    color: #fff
}

.gantt-warning {
    background-color: #ff9000;
    border: 1px solid #ffa633
}

.gantt-warning div {
    background-color: #ff9000;
    border: 1px solid #b36500;
    color: #fff
}

.gantt_data_area div,
.gantt_grid div {
    -ms-touch-action: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.gantt_data_area {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gantt_links_area {
    position: absolute;
    left: 0;
    top: 0
}

.gantt_side_content,
.gantt_task_content,
.gantt_task_progress {
    line-height: inherit;
    overflow: hidden;
    height: 100%
}

.gantt_task_content {
    font-size: 12px;
    color: #fff;
    width: 100%;
    top: 0;
    cursor: pointer;
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.gantt_task_progress {
    text-align: center;
    z-index: 0;
    background: #299cb4
}

.gantt_task_progress_wrapper {
    border-radius: inherit;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.gantt_task_line {
    border-radius: 2px;
    position: absolute;
    box-sizing: border-box;
    background-color: #3db9d3;
    border: 1px solid #2898b0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_task_line.gantt_drag_move div {
    cursor: move
}

.gantt_touch_move,
.gantt_touch_progress .gantt_touch_resize {
    transform: scale(1.02, 1.1);
    transform-origin: 50%
}

.gantt_touch_progress .gantt_task_progress_drag,
.gantt_touch_resize .gantt_task_drag {
    transform: scaleY(1.3);
    transform-origin: 50%
}

.gantt_side_content {
    position: absolute;
    white-space: nowrap;
    color: #6e6e6e;
    top: 0;
    font-size: 11px
}

.gantt_side_content.gantt_left {
    right: 100%;
    padding-right: 20px
}

.gantt_side_content.gantt_right {
    left: 100%;
    padding-left: 20px
}

.gantt_side_content.gantt_link_crossing {
    bottom: 8.75px;
    top: auto
}

.gantt_link_arrow,
.gantt_task_link .gantt_line_wrapper {
    position: absolute;
    cursor: pointer
}

.gantt_line_wrapper div {
    background-color: #ffa011
}

.gantt_task_link:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px #ffa011
}

.gantt_task_link div.gantt_link_arrow {
    background-color: transparent;
    border-style: solid;
    width: 0;
    height: 0
}

.gantt_link_control {
    position: absolute;
    width: 20px;
    top: 0
}

.gantt_link_control div {
    display: none;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    margin-top: -7.5px;
    vertical-align: middle;
    border: 1px solid #929292;
    border-radius: 6.5px;
    height: 13px;
    width: 13px;
    background-color: #f0f0f0
}

.gantt_link_control.task_right div.gantt_link_point {
    margin-left: 7px
}

.gantt_link_control div:hover {
    background-color: #fff
}

.gantt_link_control.task_left {
    left: -20px
}

.gantt_link_control.task_right {
    right: -20px
}

.gantt_link_target .gantt_link_control div,
.gantt_task_line.gantt_drag_move .gantt_link_control div,
.gantt_task_line.gantt_drag_move .gantt_task_drag,
.gantt_task_line.gantt_drag_move .gantt_task_progress_drag,
.gantt_task_line.gantt_drag_progress .gantt_link_control div,
.gantt_task_line.gantt_drag_progress .gantt_task_drag,
.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag,
.gantt_task_line.gantt_drag_resize .gantt_link_control div,
.gantt_task_line.gantt_drag_resize .gantt_task_drag,
.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag,
.gantt_task_line.gantt_selected .gantt_link_control div,
.gantt_task_line.gantt_selected .gantt_task_drag,
.gantt_task_line.gantt_selected .gantt_task_progress_drag,
.gantt_task_line:hover .gantt_link_control div,
.gantt_task_line:hover .gantt_task_drag,
.gantt_task_line:hover .gantt_task_progress_drag {
    display: block
}

.gantt_link_source,
.gantt_link_target {
    box-shadow: 0 0 3px #3db9d3
}

.gantt_link_target.link_finish_allow,
.gantt_link_target.link_start_allow {
    box-shadow: 0 0 3px #ffbf5e
}

.gantt_link_target.link_finish_deny,
.gantt_link_target.link_start_deny {
    box-shadow: 0 0 3px #e87e7b
}

.link_finish_allow .gantt_link_control.task_end_date div,
.link_start_allow .gantt_link_control.task_start_date div {
    background-color: #ffbf5e;
    border-color: #ffa011
}

.link_finish_deny .gantt_link_control.task_end_date div,
.link_start_deny .gantt_link_control.task_start_date div {
    background-color: #e87e7b;
    border-color: #dd3e3a
}

.gantt_link_arrow_right {
    border-width: 4px 0 4px 6px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: #ffa011;
    margin-top: -1px
}

.gantt_link_arrow_left {
    border-width: 4px 6px 4px 0;
    margin-top: -1px;
    border-top-color: transparent !important;
    border-right-color: #ffa011;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.gantt_link_arrow_up {
    border-width: 0 4px 6px;
    border-color: transparent transparent #ffa011;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: #ffa011;
    border-left-color: transparent !important
}

.gantt_link_arrow_down {
    border-width: 4px 6px 0 4px;
    border-top-color: #ffa011;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.gantt_task_drag,
.gantt_task_progress_drag {
    cursor: ew-resize;
    display: none;
    position: absolute
}

.gantt_task_drag.task_right {
    cursor: e-resize
}

.gantt_task_drag.task_left {
    cursor: w-resize
}

.gantt_task_drag {
    height: 100%;
    width: 8px;
    z-index: 1;
    top: -1px
}

.gantt_task_drag.task_left {
    left: -7px
}

.gantt_task_drag.task_right {
    right: -7px
}

.gantt_task_progress_drag {
    height: 8px;
    width: 8px;
    bottom: -4px;
    margin-left: -4px;
    background-position: bottom;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    z-index: 1
}

.gantt_task_progress_drag:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAs0lEQVQoz6WMPW7CQBgFJxZaiZ60qcgdwjVMmzu8gpwhDULabXyBdHAGuzRHivQiQZovigS2+Jtu95t5T03TMITtCtjEc5VSOgx5k5F4CnxJWgKUUl5sv6eUvk/daiCeAe1fDCCpBtq4jQ/YngO9pMWpGH99OOcDtt8ifmWEuO3D/R+wXQOdpGcuIGkGdNFQ2RawlTTlSsLd2RY55+O95JyPFQ/y8MAE+CylfADpxvYHWP8CXj+JR4wdKHYAAAAASUVORK5CYII=)
}

.gantt_link_tooltip {
    box-shadow: 3px 3px 3px #888;
    background-color: #fff;
    border-left: 1px dotted #cecece;
    border-top: 1px dotted #cecece;
    font-family: Tahoma;
    font-size: 8pt;
    color: #444;
    padding: 6px;
    line-height: 20px
}

.gantt_link_direction {
    height: 0;
    border: 0 none #ffa011;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    z-index: 2;
    margin-left: 1px;
    position: absolute
}

.gantt_grid_data .gantt_row.gantt_selected,
.gantt_grid_data .gantt_row.odd.gantt_selected,
.gantt_task_row.gantt_selected {
    background-color: #fff3a1
}

.gantt_task_row.gantt_selected .gantt_task_cell {
    border-right-color: #ffec6e
}

.gantt_task_line.gantt_selected {
    box-shadow: 0 0 5px #299cb4
}

.gantt_task_line.gantt_project.gantt_selected {
    box-shadow: 0 0 5px #46ad51
}

.gantt_task_line.gantt_milestone {
    visibility: hidden;
    background-color: #d33daf;
    border: 0 solid #61164f;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

.gantt_task_line.gantt_milestone div {
    visibility: visible
}

.gantt_task_line.gantt_milestone .gantt_task_content {
    background: inherit;
    border: inherit;
    border-width: 1px;
    border-radius: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transform: rotate(45deg)
}

.gantt_task_line.gantt_task_inline_color {
    border-color: #999
}

.gantt_task_line.gantt_task_inline_color .gantt_task_progress {
    background-color: #363636;
    opacity: .2
}

.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected,
.gantt_task_line.gantt_task_inline_color.gantt_selected {
    box-shadow: 0 0 5px #999
}

.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px #999
}

.gantt_critical_task {
    background-color: #e63030;
    border-color: #9d3a3a
}

.gantt_critical_task .gantt_task_progress {
    background-color: rgba(0, 0, 0, .4)
}

.gantt_critical_link .gantt_line_wrapper>div {
    background-color: #e63030
}

.gantt_critical_link .gantt_link_arrow {
    border-color: #e63030
}

.gantt_btn_set:focus,
.gantt_cell:focus,
.gantt_grid_head_cell:focus,
.gantt_popup_button:focus,
.gantt_qi_big_icon:focus,
.gantt_row:focus {
    box-shadow: inset 0 0 1px 1px #4d90fe
}

.gantt_split_parent,
.gantt_split_subproject {
    opacity: .1;
    pointer-events: none
}

.gantt_unselectable,
.gantt_unselectable div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_cal_light {
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    border-radius: 6px;
    font-family: Arial;
    font-size: 13px;
    border: 1px solid #cecece;
    color: #6b6b6b;
    font-size: 12px;
    position: absolute;
    z-index: 10001;
    width: 550px;
    height: 250px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071)
}

.gantt_cal_light_wide {
    width: 650px
}

.gantt_cal_light select {
    font-family: Arial;
    border: 1px solid #cecece;
    font-size: 13px;
    padding: 2px;
    margin: 0
}

.gantt_cal_ltitle {
    padding: 7px 10px;
    overflow: hidden;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    border-radius: 6px 6px 0 0
}

.gantt_cal_ltitle,
.gantt_cal_ltitle span {
    white-space: nowrap
}

.gantt_cal_lsection {
    color: #727272;
    font-weight: 700;
    padding: 12px 0 5px 10px
}

.gantt_cal_lsection .gantt_fullday {
    float: right;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: top;
    cursor: pointer
}

.gantt_cal_lsection {
    font-size: 13px
}

.gantt_cal_ltext {
    padding: 2px 10px;
    overflow: hidden
}

.gantt_cal_ltext textarea {
    overflow-y: auto;
    overflow-x: hidden;
    font-family: Arial;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #cecece;
    height: 100%;
    width: 100%;
    outline: none !important;
    resize: none
}

.gantt_section_constraint [data-constraint-time-select] {
    margin-left: 20px
}

.gantt_time {
    font-weight: 700
}

.gantt_cal_light .gantt_title {
    padding-left: 10px
}

.gantt_cal_larea {
    border: 1px solid #cecece;
    border-left: none;
    border-right: none;
    background-color: #fff;
    overflow: hidden;
    height: 1px
}

.gantt_btn_set {
    margin: 10px 7px 5px 10px;
    padding: 5px 15px 5px 10px;
    float: left;
    border-radius: 4px;
    border: 0 solid #cecece;
    height: 32px;
    font-weight: 700;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.gantt_hidden {
    display: none
}

.gantt_btn_set div {
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    background-repeat: no-repeat;
    vertical-align: middle
}

.gantt_save_btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=);
    margin-top: 2px;
    width: 21px
}

.gantt_cancel_btn {
    margin-top: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=);
    width: 20px
}

.gantt_delete_btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);
    margin-top: 2px;
    width: 20px
}

.gantt_cal_cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10)
}

.gantt_custom_button {
    padding: 0 3px;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px;
    margin-top: -5px;
    cursor: pointer;
    float: right;
    height: 21px;
    width: 90px;
    border: 1px solid #cecece;
    text-align: center;
    border-radius: 4px
}

.gantt_custom_button div {
    cursor: pointer;
    float: none;
    height: 21px;
    line-height: 21px;
    vertical-align: middle
}

.gantt_custom_button div:first-child {
    display: none
}

.gantt_cal_light_wide {
    width: 580px;
    padding: 2px 4px
}

.gantt_cal_light_wide .gantt_cal_larea {
    box-sizing: border-box;
    border: 1px solid #cecece
}

.gantt_cal_light_wide .gantt_cal_lsection {
    border: 0;
    float: left;
    text-align: right;
    width: 80px;
    height: 20px;
    padding: 5px 10px 0 0
}

.gantt_cal_light_wide .gantt_wrap_section {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.gantt_cal_light_wide .gantt_section_time {
    overflow: hidden;
    padding-top: 2px !important;
    padding-right: 0;
    height: 20px !important
}

.gantt_cal_light_wide .gantt_cal_ltext {
    padding-right: 0
}

.gantt_cal_light_wide .gantt_cal_larea {
    padding: 0 10px;
    width: 100%
}

.gantt_cal_light_wide .gantt_section_time {
    background: transparent
}

.gantt_cal_light_wide .gantt_cal_checkbox label {
    padding-left: 0
}

.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday {
    float: none;
    margin-right: 0;
    font-weight: 700;
    cursor: pointer
}

.gantt_cal_light_wide .gantt_custom_button {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2px
}

.gantt_cal_light_wide .gantt_repeat_right {
    margin-right: 55px
}

.gantt_cal_light_wide.gantt_cal_light_full {
    width: 738px
}

.gantt_cal_wide_checkbox input {
    margin-top: 8px;
    margin-left: 14px
}

.gantt_cal_light input {
    font-size: 13px
}

.gantt_section_time {
    background-color: #fff;
    white-space: nowrap;
    padding: 2px 10px 5px;
    padding-top: 2px !important
}

.gantt_section_time .gantt_time_selects {
    float: left;
    height: 25px
}

.gantt_section_time .gantt_time_selects select {
    height: 23px;
    padding: 2px;
    border: 1px solid #cecece
}

.gantt_duration {
    width: 100px;
    height: 23px;
    float: left;
    white-space: nowrap;
    margin-left: 20px;
    line-height: 23px
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc,
.gantt_duration .gantt_duration_value {
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    height: 100%;
    border: 1px solid #cecece
}

.gantt_duration .gantt_duration_value {
    width: 40px;
    padding: 3px 4px;
    border-left-width: 0;
    border-right-width: 0
}

.gantt_duration .gantt_duration_value.gantt_duration_value_formatted {
    width: 70px
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc {
    width: 20px;
    padding: 1px;
    background: #fff
}

.gantt_duration .gantt_duration_dec {
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.gantt_duration .gantt_duration_inc {
    margin-right: 4px;
    -moz-border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.gantt_resources {
    max-height: 150px;
    height: auto;
    overflow-y: auto
}

.gantt_resource_row {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer
}

.gantt_resource_row input[type=checkbox]:not(:checked),
.gantt_resource_row input[type=checkbox]:not(:checked)~div {
    opacity: .5
}

.gantt_resource_toggle {
    vertical-align: middle
}

.gantt_resources_filter .gantt_resources_filter_input {
    padding: 1px 2px;
    box-sizing: border-box
}

.gantt_resources_filter .switch_unsetted {
    vertical-align: middle
}

.gantt_resource_cell {
    display: inline-block
}

.gantt_resource_cell.gantt_resource_cell_checkbox {
    width: 24px;
    max-width: 24px;
    min-width: 24px;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_label {
    width: 40%;
    max-width: 40%;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_value {
    width: 30%;
    max-width: 30%;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_value input,
.gantt_resource_cell.gantt_resource_cell_value select {
    width: 80%;
    vertical-align: middle;
    padding: 1px 2px;
    box-sizing: border-box
}

.gantt_resource_cell.gantt_resource_cell_unit {
    width: 10%;
    max-width: 10%;
    vertical-align: middle
}

.gantt_resource_early_value {
    opacity: .8;
    font-size: .9em
}

.gantt_cal_quick_info {
    border: 1px solid #cecece;
    border-radius: 6px;
    position: absolute;
    z-index: 300;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    background-color: #fff;
    width: 300px;
    transition: left .5s ease, right .5s;
    -moz-transition: left .5s ease, right .5s;
    -webkit-transition: left .5s ease, right .5s;
    -o-transition: left .5s ease, right .5s
}

.gantt_no_animate {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon {
    float: right
}

.gantt_cal_qi_title {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    border-radius: 6px 6px 0 0;
    padding: 5px 0 8px 12px;
    color: #454545;
    background-color: #fff;
    border-bottom: 1px solid #cecece
}

.gantt_cal_qi_tdate {
    font-size: 14px;
    font-weight: 700
}

.gantt_cal_qi_tcontent {
    font-size: 13px
}

.gantt_cal_qi_content {
    padding: 16px 8px;
    font-size: 13px;
    color: #454545;
    overflow: hidden
}

.gantt_cal_qi_controls {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 6px;
    border-radius: 0 0 6px 6px;
    padding-left: 7px
}

.gantt_cal_qi_controls .gantt_menu_icon {
    margin-top: 6px;
    background-repeat: no-repeat
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_edit {
    width: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC)
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_delete {
    width: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=)
}

.gantt_qi_big_icon {
    font-size: 13px;
    border-radius: 4px;
    font-weight: 700;
    background: #fff;
    margin: 5px 9px 8px 0;
    min-width: 60px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0 10px 0 5px;
    cursor: pointer;
    border: 1px solid #cecece
}

.gantt_cal_qi_controls div {
    float: left;
    height: 32px;
    text-align: center;
    line-height: 32px
}

.gantt_tooltip {
    padding: 10px;
    position: absolute;
    z-index: 50;
    white-space: nowrap
}

.gantt_resource_marker {
    position: absolute;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.gantt_resource_marker_ok {
    background: rgba(78, 208, 134, .75)
}

.gantt_resource_marker_overtime {
    background: hsla(0, 100%, 76%, .69)
}

.gantt_histogram_label {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    font-weight: 700;
    font-size: 13px
}

.gantt_histogram_fill {
    background-color: rgba(41, 157, 180, .2);
    width: 100%;
    position: absolute;
    bottom: 0
}

.gantt_histogram_hor_bar {
    height: 1px;
    margin-top: -1px
}

.gantt_histogram_hor_bar,
.gantt_histogram_vert_bar {
    position: absolute;
    background: #299db4;
    margin-left: -1px
}

.gantt_histogram_vert_bar {
    width: 1px
}

.gantt_histogram_cell {
    position: absolute;
    text-align: center;
    font-size: 13px;
    color: #000
}

.gantt_marker {
    height: 100%;
    width: 2px;
    top: 0;
    position: absolute;
    text-align: center;
    background-color: rgba(255, 0, 0, .4);
    box-sizing: border-box
}

.gantt_marker .gantt_marker_content {
    padding: 5px;
    background: inherit;
    color: #fff;
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    opacity: .8
}

.gantt_marker_area {
    position: absolute;
    top: 0;
    left: 0
}

.gantt_grid_editor_placeholder {
    position: absolute
}

.gantt_grid_editor_placeholder>div,
.gantt_grid_editor_placeholder input,
.gantt_grid_editor_placeholder select {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.gantt_row_placeholder div {
    opacity: .5
}

.gantt_row_placeholder .gantt_add,
.gantt_row_placeholder .gantt_file {
    display: none
}

.gantt_drag_marker.gantt_grid_dnd_marker {
    background-color: transparent;
    transition: all .1s ease
}

.gantt_grid_dnd_marker_line {
    height: 4px;
    width: 100%;
    background-color: #3498db
}

.gantt_grid_dnd_marker_line:before {
    background: #fff;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 3px solid #3498db;
    border-radius: 6px;
    content: "";
    line-height: 1px;
    display: block;
    position: absolute;
    margin-left: -11px;
    margin-top: -4px;
    pointer-events: none
}

.gantt_grid_dnd_marker_folder {
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #3f98db;
    background: transparent
}

.gantt_overlay_area {
    display: none
}

.gantt_overlay,
.gantt_overlay_area {
    position: absolute;
    height: inherit;
    width: inherit;
    top: 0;
    left: 0
}

.gantt_click_drag_rect {
    position: absolute;
    left: 0;
    top: 0;
    outline: 1px solid #3f98db;
    background-color: rgba(52, 152, 219, .302)
}

.gantt_timeline_move_available,
.gantt_timeline_move_available * {
    cursor: move
}

.gantt_rtl .gantt_grid {
    text-align: right
}

.gantt_rtl .gantt_cell,
.gantt_rtl .gantt_row {
    flex-direction: row-reverse
}

.gantt_layout_content {
    width: 100%;
    overflow: auto;
    box-sizing: border-box
}

.gantt_layout_cell {
    position: relative;
    box-sizing: border-box
}

.gantt_layout_cell>.gantt_layout_header {
    background: #33aae8;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
    box-sizing: border-box
}

.gantt_layout_header.collapsed_x {
    background: #a9a9a9
}

.gantt_layout_header.collapsed_x .gantt_header_arrow:before {
    content: "\21e7"
}

.gantt_layout_header.collapsed_y {
    background: #a9a9a9
}

.gantt_layout_header.collapsed_y .gantt_header_arrow:before {
    content: "\21e9"
}

.gantt_layout_header {
    cursor: pointer
}

.gantt_layout_header .gantt_header_arrow {
    float: right;
    text-align: right
}

.gantt_layout_header .gantt_header_arrow:before {
    content: "\21e6"
}

.gantt_layout_header.vertical .gantt_header_arrow:before {
    content: "\21e7"
}

.gantt_layout_outer_scroll_vertical .gantt_layout_content {
    overflow-y: hidden
}

.gantt_layout_outer_scroll_horizontal .gantt_layout_content {
    overflow-x: hidden
}

.gantt_layout_x>.gantt_layout_cell {
    display: inline-block;
    vertical-align: top
}

.gantt_layout_x {
    white-space: nowrap
}

.gantt_resizing {
    opacity: .7;
    background: #f2f2f2
}

.gantt_layout_cell_border_right.gantt_resizer {
    overflow: visible;
    border-right: 0
}

.gantt_resizer {
    cursor: e-resize;
    position: relative
}

.gantt_resizer_y {
    cursor: n-resize
}

.gantt_resizer_stick {
    background: #33aae8;
    z-index: 9999;
    position: absolute;
    top: 0;
    width: 100%
}

.gantt_resizer_x .gantt_resizer_x {
    position: absolute;
    width: 20px;
    height: 100%;
    margin-left: -10px;
    top: 0;
    left: 0;
    z-index: 1
}

.gantt_resizer_y .gantt_resizer_y {
    position: absolute;
    height: 20px;
    width: 100%;
    top: -10px;
    left: 0;
    z-index: 1
}

.gantt_resizer_error {
    background: #cd5c5c !important
}

.gantt_layout_cell_border_left {
    border-left: 1px solid #cecece
}

.gantt_layout_cell_border_right {
    border-right: 1px solid #cecece
}

.gantt_layout_cell_border_top {
    border-top: 1px solid #cecece
}

.gantt_layout_cell_border_bottom {
    border-bottom: 1px solid #cecece
}

.gantt_layout_cell_border_transparent {
    border-color: transparent
}

.gantt_window {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999999;
    background: #fff
}

.gantt_window_content {
    position: relative
}

.gantt_window_content_header {
    background: #39c;
    color: #fff;
    height: 33px;
    padding: 10px 10px 0;
    border-bottom: 2px solid #fff;
    position: relative
}

.gantt_window_content_header_text {
    padding-left: 10%
}

.gantt_window_content_header_buttons {
    position: absolute;
    top: 10px;
    right: 10px
}

.gantt_window_content_header_buttons:hover {
    color: #000;
    cursor: pointer
}

.gantt_window_content_resizer {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0;
    line-height: 15px;
    right: -1px;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);
    cursor: nw-resize;
    z-index: 999
}

.gantt_window_content_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 9999
}

.gantt_window_drag {
    cursor: pointer !important
}

.gantt_window_resizing {
    overflow: visible
}

.gantt_window_resizing_body {
    overflow: hidden !important
}

.gantt_window_modal {
    background: rgba(0, 0, 0, .1);
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.gantt_cal_light,
.gantt_cal_quick_info,
.gantt_container,
.gantt_message_area,
.gantt_modal_box,
.gantt_tooltip {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gantt_noselect {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gantt_drag_marker {
    position: absolute;
    top: -1000px;
    left: -1000px;
    font-family: Arial;
    font-size: 13px;
    z-index: 1;
    white-space: nowrap
}

.gantt_drag_marker .gantt_tree_icon.gantt_blank,
.gantt_drag_marker .gantt_tree_icon.gantt_close,
.gantt_drag_marker .gantt_tree_icon.gantt_open,
.gantt_drag_marker .gantt_tree_indent {
    display: none
}

.gantt_drag_marker,
.gantt_drag_marker .gantt_row.odd {
    background-color: #fff
}

.gantt_drag_marker .gantt_row {
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2
}

.gantt_drag_marker .gantt_cell {
    border-color: #d2d2d2
}

.gantt_row.gantt_over,
.gantt_task_row.gantt_over {
    background-color: #0070fe
}

.gantt_row.gantt_transparent .gantt_cell {
    opacity: .7
}

.gantt_task_row.gantt_transparent {
    background-color: #f8fdfd
}

.gantt_popup_button.gantt_delete_button {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff;
    font-weight: 700;
    border-width: 0
}

.gantt_container_resize_watcher {
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    border: 0;
    box-sizing: border-box;
    opacity: 0
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    font-weight: 400
}

.mat-drawer-container {
    background: none
}

.leftnav-expand {
    width: calc(100vw - 326px) !important
}

.leftnav-collapse {
    width: calc(100vw - 120px) !important
}

.mat-card {
    background: #ffffff;
    margin: 0 0 16px
}

.mat-card:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122) !important
}

.mat-card-title,
.header-2 {
    font-size: 24px !important;
    font-family: "Source Sans Pro", sans-serif
}

.mat-list-item-content {
    color: #fff
}

.mat-card-content img.chart {
    width: 100%;
    height: auto
}

.pageContent {
    padding: 16px
}

.mat-card-header .mat-card-header-text {
    flex: 2;
    margin: 0
}

.mat-card-header .mat-icon-button {
    opacity: .54 !important;
    margin-top: -8px
}

.mat-card-header .mat-icon-button:last-child {
    margin-right: -8px
}

.mat-icon-button {
    background: none !important
}

.no-hover {
    background: none !important
}

.component-page-header {
    display: flex;
    align-items: top;
    padding: 8px 0 24px
}

.component-page-header h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 45px;
    line-height: 40px
}

.component-page-header .docs-primary-name {
    flex: 2
}

.component-page-header .docs-primary-name .caption-18 {
    font-size: 18px;
    line-height: 24px
}

.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    background-color: #63a70a;
    color: #fff
}

.muted-text {
    opacity: .54
}

.mat-menu-item {
    background: #ffffff
}

.margin-left {
    margin-left: 16px !important
}

.margin-right {
    margin-right: 16px !important
}

.margin-top {
    margin-top: 16px !important
}

.margin-bottom {
    margin-bottom: 16px !important
}

.no-margin {
    margin: 0 !important
}

.padding-left {
    padding-left: 16px !important
}

.padding-right {
    padding-right: 16px !important
}

.padding-top {
    padding-top: 16px !important
}

.padding-bottom {
    padding-bottom: 16px !important
}

.no-padding {
    padding: 0 !important
}

.mat-display-0 {
    font-size: 30px;
    font-family: "Lato", sans-serif !important
}

.mat-subheading-2 {
    line-height: 14px
}

.mat-menu-item {
    font-size: 15px !important
}

.demo-tab-content {
    padding: 24px 0
}

.maxWidth-page {
    max-width: 1280px !important;
    margin: auto !important
}

.mat-form-field {
    width: 100%
}

.title-center {
    flex: 1 1 auto;
    text-align: center
}

button.mat-button {
    margin-right: 8px
}

.xc div {
    border: 1px solid #ccc
}

.mat-select-box .mat-form-field {
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #fff;
    padding: 5px 10px;
    box-sizing: border-box
}

.mat-select-box .mat-form-field.auto-width {
    width: auto
}

.mat-select-box .mat-form-field.no-border {
    border: none
}

.mat-select-box .mat-form-field-wrapper {
    padding-bottom: 0
}

.mat-select-box .mat-form-field-infix {
    border-top: 0 !important;
    font-size: 14px !important
}

.mat-select-box .span {
    font-size: 14px !important
}

.mat-select-box .mat-select-value-text {
    font-size: 14px !important
}

.mat-select-box .mat-form-field-underline {
    bottom: 0 !important;
    background: none !important;
    height: 0 !important
}

.mat-select-box .mat-form-field-ripple {
    bottom: 0 !important;
    background: none !important;
    height: 0 !important
}

.fx-grid {
    margin: -8px -8px 8px
}

.fx-grid:last-of-type {
    margin-bottom: -8px
}

.fx-grid.fxCol-1>*,
.fx-grid>*.fxCol-1 {
    flex: 0 1 calc(8.333333% - 16px)
}

.fx-grid.fxCol-2>*,
.fx-grid>*.fxCol-2 {
    flex: 0 1 calc(16.66666666% - 16px)
}

.fx-grid.fxCol-2_4>*,
.fx-grid>*.fxCol-2_4 {
    flex: 0 1 calc(20% - 16px)
}

.fx-grid.fxCol-3>*,
.fx-grid>*.fxCol-3 {
    flex: 0 1 calc(25% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-4>*,
.fx-grid>*.fxCol-4 {
    flex: 0 1 calc(33.333333% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-6>*,
.fx-grid>*.fxCol-6 {
    flex: 0 1 calc(50% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-8>*,
.fx-grid>*.fxCol-8 {
    flex: 0 1 calc(66.66666667% - 16px) !important
}

.fx-grid.fxCol-10>*,
.fx-grid>*.fxCol-10 {
    flex: 0 1 calc(83.3333333% - 16px) !important
}

.fx-grid.fxCol-12>*,
.fx-grid>*.fxCol-12 {
    flex: 0 1 100% !important;
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid>* {
    flex: 0 1 100%;
    flex: 1;
    margin: 8px !important
}

.fx-grid>*.flex-width {
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid>*.auto-width {
    flex: 0 1 auto !important
}

.fx-grid>*.status-card {
    margin-right: 8px !important
}

.fx-grid>*.status-card:last-child {
    margin-right: 8px !important
}

.fx-grid>*.no-margin {
    margin: 0 !important
}

.fx-grid>*.no-margin-top {
    margin-top: 0 !important
}

.fx-grid>*.no-margin-bottom {
    margin-bottom: 0 !important
}

.fx-grid.gap-32.fxCol-1>*,
.fx-grid.gap-32>*.fxCol-1 {
    flex: 0 1 calc(8.333333% - 32px)
}

.fx-grid.gap-32.fxCol-2>*,
.fx-grid.gap-32>*.fxCol-2 {
    flex: 0 1 calc(16.66666666% - 32px)
}

.fx-grid.gap-32.fxCol-2_4>*,
.fx-grid.gap-32>*.fxCol-2_4 {
    flex: 0 1 calc(20% - 32px)
}

.fx-grid.gap-32.fxCol-3>*,
.fx-grid.gap-32>*.fxCol-3 {
    flex: 0 1 calc(25% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-4>*,
.fx-grid.gap-32>*.fxCol-4 {
    flex: 0 1 calc(33.333333% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-6>*,
.fx-grid.gap-32>*.fxCol-6 {
    flex: 0 1 calc(50% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-8>*,
.fx-grid.gap-32>*.fxCol-8 {
    flex: 0 1 calc(66.66666667% - 32px) !important
}

.fx-grid.gap-32.fxCol-10>*,
.fx-grid.gap-32>*.fxCol-10 {
    flex: 0 1 calc(83.3333333% - 32px) !important
}

.fx-grid.gap-32.fxCol-12>*,
.fx-grid.gap-32>*.fxCol-12 {
    flex: 0 1 100% !important;
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid.gap-32 {
    margin: -8px -16px 8px
}

.fx-grid.gap-32:last-of-type {
    margin-bottom: -8px
}

.fx-grid.gap-32>* {
    flex: 0 1 100%;
    flex: 1;
    margin: 8px 16px !important
}

.fx-grid.gap-32>*.flex-width {
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid.gap-32>*.status-card {
    margin-right: 16px !important
}

.fx-grid.gap-32>*.status-card:last-child {
    margin-right: 16px !important
}

.font-size32 {
    font-size: 32px !important
}

.status-card .mat-card-title.font-size32 {
    font-size: 32px !important
}

.mat-card,
.mat-card.status-card {
    margin: 0;
    box-sizing: border-box
}

.mat-input-container .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.mat-input-container .mat-form-field-underline {
    bottom: 0 !important
}

.mat-raised-button.sm-button {
    min-width: auto !important;
    padding: 0 8px
}

.sm-button-text-hide {
    display: none
}

input.mat-input-element {
    height: auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    border-width: 0 !important
}

.mat-form-field-label-wrapper {
    top: -.33em !important
}

mat-form-field .mat-input-wrapper .mat-form-field-infix.mat-form-field-infix {
    padding: .05em 0 !important
}

.loading-dots {
    opacity: 0;
    -webkit-animation: loading-dots-fadein .5s linear forwards;
    animation: loading-dots-fadein .5s linear forwards;
    padding: 16px;
    margin: auto;
    text-align: center;
    line-height: 0;
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 17px
}

.loading-dots i {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 .125em;
    -webkit-animation: loading-dots-middle-dots .5s linear infinite;
    animation: loading-dots-middle-dots .5s linear infinite
}

.loading-dots i:nth-child(1) {
    background: #4179c0
}

.loading-dots i:nth-child(2) {
    background: #e06216
}

.loading-dots i:nth-child(3) {
    background: #a3301d
}

.loading-dots i:nth-child(4) {
    background: #5da93f
}

.loading-dots i:nth-child(5) {
    background: #742685
}

.loading-dots i:first-child {
    -webkit-animation: loading-dots-first-dot .5s infinite;
    animation: loading-dots-first-dot .5s linear infinite;
    opacity: 0;
    transform: translate(-1em)
}

.loading-dots i:last-child {
    -webkit-animation: loading-dots-last-dot .5s linear infinite;
    animation: loading-dots-last-dot .5s linear infinite
}

@-webkit-keyframes loading-dots-fadein {
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@keyframes loading-dots-fadein {
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@-webkit-keyframes loading-dots-first-dot {
    to {
        transform: translate(1em);
        opacity: 1;
        filter: none
    }
}

@keyframes loading-dots-first-dot {
    to {
        transform: translate(1em);
        opacity: 1;
        filter: none
    }
}

@-webkit-keyframes loading-dots-middle-dots {
    to {
        transform: translate(1em)
    }
}

@keyframes loading-dots-middle-dots {
    to {
        transform: translate(1em)
    }
}

@-webkit-keyframes loading-dots-last-dot {
    to {
        transform: translate(2em);
        opacity: 0
    }
}

@keyframes loading-dots-last-dot {
    to {
        transform: translate(2em);
        opacity: 0
    }
}

.fc-spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

@-webkit-keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #417ed9;
    -webkit-animation: dash 1.4s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

.mat-dialog-title.bgHeader {
    display: block;
    padding: 12px 24px;
    margin-top: 0;
    font-family: Montserrat-Bold;
    font-size: 14px;
    color: #373a3c
}

.mat-card-header.bgHeader,
.mat-dialog-title.bgHeader {
    margin-right: -9px;
    margin-left: -9px;
    margin-top: -5px;
    padding: 18px 24px 6px;
    background: #f2f2f2;
    border-top-left-radius: 2px
}

.f-info-tooltip .mat-tooltip {
    white-space: pre-line;
    max-width: 500px;
    line-height: 24px
}

@media (min-width: 768px) {
    #siteMainDiv .left-nav-container {
        margin-left: -26px !important
    }

    #siteMainDiv .left-nav-container a,
    #siteMainDiv .left-nav-container .f-left-nav-title {
        padding-left: 50px !important
    }

    .mat-tab-label {
        padding: 0 !important
    }

    .left-nav-container {
        min-height: 100%;
        margin-right: 24px !important
    }

    .left-nav-container a {
        padding: 14px;
        display: block
    }

    .left-nav-container .mat-tab-label-content {
        display: block !important
    }

    .left-nav-container .mat-tab-header {
        display: block !important
    }

    .left-nav-container .mat-tab-header .mat-tab-labels {
        display: block !important
    }

    .left-nav-container .mat-tab-header .mat-tab-labels .mat-tab-label {
        display: block !important;
        height: auto !important;
        text-align: left
    }

    .left-nav-container .mat-ink-bar {
        display: none
    }

    .left-nav-container .mat-tab-label.mat-tab-label-active:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: #0093ee;
        width: 4px;
        height: 32px;
        margin: auto;
        bottom: 0
    }

    .left-nav-container .mat-tab-header .mat-tab-label-container {
        border-bottom: 0 solid transparent !important
    }
}

.f-display-block {
    display: block !important
}

.f-left-nav-title {
    font-size: 14px;
    color: #757575;
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

.left-nav-container .mat-tab-header a,
.left-nav-container a:link,
.left-nav-container a:visited,
.left-nav-container a:hover {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    color: #9b9b9b !important;
    text-transform: none !important
}

.left-nav-container {
    background: #eae9ea;
    min-width: 250px
}

.left-nav-container a:hover {
    text-decoration: none !important
}

.left-nav-container .mat-tab-label.mat-tab-label-active {
    font-weight: 700
}

.left-nav-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content a {
    color: #0093ee !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}

.f-text-nowrap {
    white-space: nowrap
}

.f-flex-2 {
    flex: 2 !important;
    min-width: 0
}

.f-flex-order-1 {
    order: 1
}

.f-flex-order-2 {
    order: 2
}

.f-flex-order-3 {
    order: 3
}

.f-flex-order-4 {
    order: 4
}

.f-line-height-40px {
    line-height: 40px
}

.f-height-40px {
    height: 40px
}

.f-height-44px {
    height: 44px
}

.f-height-65px {
    height: 65px
}

.f-min-height-100 {
    min-height: 100%
}

.f-min-height-85vh {
    min-height: 85vh
}

.f-min-height-100vh {
    min-height: 100vh
}

.f-border-bottom-1px {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
    padding-left: 250px !important;
    padding-right: 0 !important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
    width: calc(100vw - 270px) !important
}

body.enable-left-nav .mainContainer {
    width: calc(100vw - 73px) !important
}

body .siteMainTable {
    padding-left: 54px !important;
    padding-right: 0 !important
}

body .cdk-overlay-connected-position-bounding-box fcsky-shared-chip-overlay .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 6px !important
}

body .f-form-accordion .widget-container {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

body .f-form-accordion .mat-expansion-panel-body {
    padding: 0 1px 0 0;
    margin: 0
}

body .f-form-accordion .mat-expansion-panel {
    box-shadow: none
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header {
    padding: 0 8px;
    margin: 0;
    height: 48px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
    box-shadow: none !important;
    background: none !important
}

body .f-form-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
    border-bottom: 0
}

.f--cyan {
    color: #26c1c9
}

.f--green {
    color: #4d8b35
}

.f--yellow {
    color: #faca00
}

.f--red {
    color: #d0021b
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
    min-width: 42px !important;
    padding: 12px 8px 12px 14px !important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
    width: auto !important;
    height: auto !important
}

fcsky-shared-section .widget-container div.f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: .86px
}

.f-textalign-center {
    text-align: center !important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
    background: rgba(97, 97, 97, .9) !important;
    max-width: 100% !important
}

.leftnav-collapse {
    width: 100% !important
}

.full-screen.leftnav-collapse {
    width: 100% !important
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-white-bg {
    background: #fff
}

.f-box-sizing-border-box {
    box-sizing: border-box
}

.f-sub-heading .f-section-title {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    line-height: 24px !important
}

.f-card-title mat-label {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    line-height: 24px !important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
    top: 85px !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
        margin-left: -1px
    }
}

.f-grid-col-3 {
    max-width: 25%
}

.f-grid-col-4 {
    max-width: 33.33%
}

.f-grid-col-6 {
    max-width: 50%
}

.f-grid-col-12 {
    max-width: 100%
}

.f-resources-links-card a:visited,
.f-resources-collection-card a:visited,
.f-playbooktemplates-card a:visited,
.f-playbook-card a:visited,
.f-people-card a:visited,
.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
fcsky-shared-section a:visited,
fcsky-shared-metrics-card a:visited {
    color: #0093ee !important
}

fcsky-shared-sticky-footer .f-sticky-footer-lt-sm,
fcsky-shared-sticky-footer .f-sticky-footer-gt-xs {
    z-index: 101 !important
}

#footer,
#footer2 {
    z-index: 9999 !important
}

.f-footer {
    white-space: nowrap
}

.cdk-virtual-scroll-viewport {
    background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
    background-color: unset
}

.f-padding-0 {
    padding: 0 !important
}

.f-margin-left-16px {
    margin-left: 16px !important
}

.f-margin-left-right-16px {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.f-margin-right-16px {
    margin-right: 16px !important
}

.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane,
.cdk-overlay-backdrop {
    z-index: 12000 !important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
    z-index: 13000 !important
}

.cdk-global-overlay-wrapper {
    z-index: 13000 !important
}

.cdk-overlay-connected-position-bounding-box {
    z-index: 13000 !important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
    padding: 16px !important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
    transform: translateY(37%) !important
}

 .full-screen {
    background: #f6f6f6 !important;
    z-index: 10000 !important;
    min-height: 100%;
    position: fixed !important;
    overflow: auto !important;
    height: 100% !important
}

@media screen and (max-width: 767px) {
    .f-ui-breadcrumb {
        display: block !important
    }

     .full-screen {
        padding-bottom: 0 !important
    }

    body:not(.tox-force-desktop) .tox .tox-dialog {
        margin: auto !important
    }

    fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
        padding: 13px 16px !important
    }

    #siteMainDiv #siteMainTable {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    body #siteMainDiv .leftnav-collapse {
        width: 100vw !important
    }

    body #siteMainDiv.left-nav-pad-top {
        padding-top: 112px !important
    }

    #siteMainDiv .f-optimize-header {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box
    }

    body.enable-left-nav {
        overflow-x: auto
    }
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
    color: #0093ee !important
}

.mat-header-cell .mat-sort-header-button {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #9b9b9b !important
}

.widget-container .f-table-header-cell div {
    font-family: "Montserrat", sans-serif !important
}

.f-table mat-row {
    border-bottom: solid 1px rgba(0, 0, 0, .12) !important
}

.f-table mat-row.f-table-detail-row {
    margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
    color: #757575 !important
}

.f-button span.mat-button-wrapper {
    justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
    height: 44px;
    font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
    font-family: "Montserrat", sans-serif !important;
    color: #fff !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
    font-family: "Montserrat", sans-serif !important;
    line-height: 18px !important;
    text-align: center !important
}

.mat-button.f-stroked-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    height: 44px !important
}

.mat-button.f-button.f-stroked-blue-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button-dropdown-trigger {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    margin-right: 0 !important
}

.f-button.f-disabled-button {
    line-height: 18px !important;
    color: #9b9b9b !important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
    min-height: 0
}

.mat-tab-label {
    height: 48px !important
}

mat-card.f-padding-0 {
    padding: 0 !important
}

mat-card {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

.f-count {
    background-color: #9b9b9b !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 700;
    min-width: 10px;
    min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
    background-color: #0093ee !important;
    height: 2px !important
}

.mat-tab-label .mat-tab-label-content {
    color: rgba(0, 0, 0, .502);
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
    color: #0093ee !important;
    font-weight: 700 !important
}

.f-width-100 {
    max-width: 100% !important;
    width: 100%;
    flex: 100% !important
}

.f-button-width-110px {
    width: 110px
}

.mat-list-base {
    padding-top: 0 !important
}

.mat-list-item,
.mat-list-option {
    font-family: "Source Sans Pro", sans-serif !important
}

.mat-list.f-list-item .icon {
    width: 24px;
    height: 24px;
    background: #0093ee;
    border-radius: 100%
}

.mat-list-item-content {
    color: #9b9b9b !important
}

.mat-list-item-content a {
    color: #0093ee !important
}

.f-timeline-record mat-icon.small {
    width: 20px !important;
    height: 20px !important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
    margin: 1px 8px 0 0 !important;
    height: 44px !important;
    padding: 0 16px !important
}

.mat-chip.mat-standard-chip {
    color: #9b9b9b !important;
    background-color: rgba(155, 155, 155, .2) !important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
    color: #d0021b !important;
    background-color: #ffd7da !important
}

.mat-chip-list-wrapper .mat-chip {
    padding: 10px !important;
    font-size: 14px !important
}

.f-raised-draft,
.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-pending {
    width: auto !important;
    width: initial !important;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-raised-archived,
.f-raised-archive {
    line-height: 22px;
    background-color: #9b9b9b;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-archive,
.f-basic-archived {
    color: #9b9b9b
}

.f-raised-complete,
.f-raised-complete {
    background-color: #5da93f;
    line-height: 22px;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-complete,
.f-basic-complete {
    color: #5da93f
}

.main-container .widget-container span {
    font-family: "Source Sans Pro", sans-serif !important
}

.main-container span.mat-button-wrapper span {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600 !important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-svg .blue,
span fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.red {
    background-color: transparent !important;
    background: none !important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
    margin: 0 16px !important
}

fcsky-shared-avatar .mat-card-title {
    font-size: 14px !important
}

fcsky-shared-avatar .mat-card {
    padding: 0 !important
}

fcsky-shared-avatar .mat-card:hover {
    box-shadow: none !important
}

.widget-container a,
.widget-container div {
    font-family: "Source Sans Pro", sans-serif !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
    padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
    padding-bottom: 100px
}

.mat-form-field {
    line-height: 1.8 !important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 0 !important
}

.mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -1px !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 16px !important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -6px !important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 5px !important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
    margin-top: 9px;
    padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
    margin-top: -3px !important
}

.mat-hint,
.mat-error {
    font-size: 12px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-form-field-subscript-wrapper {
    margin-top: 5px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-hint {
    text-align: left
}

fcsky-shared-numeric-filter .mat-hint,
fcsky-shared-numeric-filter .mat-error {
    font-size: 10.5px !important
}

.slide-toggle-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
    z-index: 400 !important
}

fcsky-shared-map .mapHeight h6 {
    font-weight: normal !important;
    margin: 0 0 8px !important;
    line-height: 22px !important
}

fcsky-shared-map .mapHeight h6 a {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
    font-size: 14px !important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
    font-size: 32px !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
    border-right: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
    border-right: 0 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
    border-bottom: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
    border-bottom: 0 !important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
    flex: unset !important;
    border-right-color: #979797 !important
}

fcsky-shared-metrics-card .widget-container div.f-metrics-title,
fcsky-shared-metrics-card .f-horizontal-separator .f-data-count {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:nth-child(1) {
    padding-left: 0 !important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
    padding: 6px 0 !important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
    margin: 0 0 0 6px !important
}

.mat-sort-header-stem,
.mat-sort-header-pointer-middle {
    margin: auto !important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
    height: 44px !important
}

fcsky-shared-filter fcsky-shared-label .f-label {
    margin-bottom: 8px !important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
    min-height: auto !important;
    height: auto !important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0 !important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 4px 0 0 !important
}

.f-no-record {
    color: #4a4a4a !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.f-loading-shade {
    background: none transparent !important
}

fcsky-shared-table .f-loading-shade {
    background: rgba(255, 255, 255, .6) !important
}

.taskDrawerformWidth {
    width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
    background: #fff !important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
    border-color: #ccc !important
}

fcsky-shared-activity-entry .f-activity-editor {
    margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
    min-height: 46px !important
}

fcsky-shared-activity-timeline-record .mat-divider {
    margin-bottom: 8px !important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
    fill: #757575 !important
}

.f-height-54px {
    height: 54px
}

.f-height-36px {
    height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
    border-bottom: 0px solid rgba(155, 155, 155, .5) !important
}

html.cdk-global-scrollblock div#footer2,
html.cdk-global-scrollblock div#footer {
    z-index: 1000 !important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
    box-sizing: border-box
}

fc-page-loader .loader-hidden {
    display: none !important
}

.custom_help_text {
    color: rgba(0, 0, 0, .541);
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: -31px;
    display: block;
    text-align: left;
    line-height: 18px
}

.notificationDrawerformWidth {
    width: 625px
}

.notificationDrawerformWidth .f-form-grid {
    margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.f-optimize-header {
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box
}

body.enable-left-nav {
    overflow-x: hidden
}

html.cdk-global-scrollblock {
    overflow: hidden;
    position: static
}

.multi-input-button-width .f-button {
    min-width: auto !important
}

.multi-input-button-width .f-button .mat-button-wrapper {
    margin-right: -5px !important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    height: auto !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
    background-color: transparent !important;
    opacity: 1;
    height: 1px !important;
    border-bottom: 0 !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
    color: rgba(0, 0, 0, .871) !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-slide-drawer-inner-container .f-loading-shade {
    position: absolute !important
}

.f-slide-drawer-inner-container .f-title,
.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    color: #757575
}

fcsky-shared-table .f-loading-shade {
    position: absolute !important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
    background-image: url(data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=);
    background-repeat: no-repeat;
    padding-left: 26px
}

.f-vertical-align-middle {
    vertical-align: middle
}

button.f-filter-show-hide-button {
    min-width: 42px !important
}

.mat-button.f-filter-show-hide-button {
    padding: 7px 0 7px 6px !important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 3px 0 8px !important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
    align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
    margin-top: 5px !important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
    padding-right: 6px !important
}

.checkbox-middle-align {
    height: 100%;
    align-items: center;
    display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
    margin: 16px 0 16px 16px;
    padding-right: 0
}

.f-form-grid {
    position: relative
}

.f-form-grid .f-notetext {
    position: absolute;
    top: 0;
    padding-left: 24px;
    opacity: .64;
    font-size: 14px;
    font-weight: normal;
    background: url(https://ui.franconnectuat.net/2032/bullet.svg) no-repeat left
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
    background: #0093ee !important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.fc-playbook-instance-overview .widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

div#columnRight .f-playbook-card,
div#columnRight .f-grid-col-3 {
    flex: 1 1 calc(33.33%) !important;
    min-width: calc(33.33%) !important;
    max-width: calc(33.33%) !important
}

@media only screen and (max-width: 1200px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(50%) !important;
        min-width: calc(50%) !important;
        max-width: calc(50%) !important
    }
}

@media only screen and (max-width: 800px) {
    div#columnRight {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 500px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(100%) !important;
        min-width: calc(100%) !important;
        max-width: calc(100%) !important
    }
}

@media only screen and (max-width: 1370px) {
    body.enable-left-nav .mainContainer {
        width: calc(100vw - 72px) !important
    }

    body.enable-left-nav.open-msa-left-nav .mainContainer {
        width: calc(100vw - 268px) !important
    }
}

@media only screen and (max-width: 767px) {
    body.enable-left-nav.open-msa-left-nav .siteMainTable {
        padding-left: 250px !important;
        padding-right: 0 !important;
        overflow: hidden
    }

    body .leftnav-expand {
        width: calc(100vw - 270px) !important
    }
}

.f-sub-title-resources {
    margin-top: -12px;
    margin-left: -8px;
    margin-right: -8px
}

.f-sub-title-resources mat-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 20px
}





.f-text-nowrap {
    white-space: nowrap
}

.f-flex-2 {
    flex: 2 !important;
    min-width: 0
}

.f-flex-order-1 {
    order: 1
}

.f-flex-order-2 {
    order: 2
}

.f-flex-order-3 {
    order: 3
}

.f-flex-order-4 {
    order: 4
}

.f-line-height-40px {
    line-height: 40px
}

.f-height-40px {
    height: 40px
}

.f-height-44px {
    height: 44px
}

.f-height-65px {
    height: 65px
}

.f-min-height-100 {
    min-height: 100%
}

.f-min-height-85vh {
    min-height: 85vh
}

.f-min-height-100vh {
    min-height: 100vh
}

.f-border-bottom-1px {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
    padding-left: 250px !important;
    padding-right: 0 !important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
    width: calc(100vw - 270px) !important
}

body.enable-left-nav .mainContainer {
    width: calc(100vw - 73px) !important
}

body .siteMainTable {
    padding-left: 54px !important;
    padding-right: 0 !important
}

body .cdk-overlay-connected-position-bounding-box fcsky-shared-chip-overlay .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 6px !important
}

body .f-form-accordion .widget-container {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

body .f-form-accordion .mat-expansion-panel-body {
    padding: 0 1px 0 0;
    margin: 0
}

body .f-form-accordion .mat-expansion-panel {
    box-shadow: none
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header {
    padding: 0 8px;
    margin: 0;
    height: 48px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
    box-shadow: none !important;
    background: none !important
}

body .f-form-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
    border-bottom: 0
}

.f--cyan {
    color: #26c1c9
}

.f--green {
    color: #4d8b35
}

.f--yellow {
    color: #faca00
}

.f--red {
    color: #d0021b
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
    min-width: 42px !important;
    padding: 12px 8px 12px 14px !important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
    width: auto !important;
    height: auto !important
}

fcsky-shared-section .widget-container div.f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: .86px
}

.f-textalign-center {
    text-align: center !important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
    background: rgba(97, 97, 97, .9) !important;
    max-width: 100% !important
}

.leftnav-collapse {
    width: 100% !important
}

.full-screen.leftnav-collapse {
    width: 100% !important
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-white-bg {
    background: #fff
}

.f-box-sizing-border-box {
    box-sizing: border-box
}

.f-sub-heading .f-section-title {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    line-height: 24px !important
}

.f-card-title mat-label {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    line-height: 24px !important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
    top: 85px !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
        margin-left: -1px
    }
}

.f-grid-col-3 {
    max-width: 25%
}

.f-grid-col-4 {
    max-width: 33.33%
}

.f-grid-col-6 {
    max-width: 50%
}

.f-grid-col-12 {
    max-width: 100%
}

.f-resources-links-card a:visited,
.f-resources-collection-card a:visited,
.f-playbooktemplates-card a:visited,
.f-playbook-card a:visited,
.f-people-card a:visited,
.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
fcsky-shared-section a:visited,
fcsky-shared-metrics-card a:visited {
    color: #0093ee !important
}

fcsky-shared-sticky-footer .f-sticky-footer-lt-sm,
fcsky-shared-sticky-footer .f-sticky-footer-gt-xs {
    z-index: 101 !important
}

#footer,
#footer2 {
    z-index: 9999 !important
}

.f-footer {
    white-space: nowrap
}

.cdk-virtual-scroll-viewport {
    background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
    background-color: unset
}

.f-padding-0 {
    padding: 0 !important
}

.f-margin-left-16px {
    margin-left: 16px !important
}

.f-margin-left-right-16px {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.f-margin-right-16px {
    margin-right: 16px !important
}

.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane,
.cdk-overlay-backdrop {
    z-index: 12000 !important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
    z-index: 13000 !important
}

.cdk-global-overlay-wrapper {
    z-index: 13000 !important
}

.cdk-overlay-connected-position-bounding-box {
    z-index: 13000 !important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
    padding: 16px !important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
    transform: translateY(37%) !important
}

 .full-screen {
    background: #f6f6f6 !important;
    z-index: 10000 !important;
    min-height: 100%;
    position: fixed !important;
    overflow: auto !important;
    height: 100% !important
}

@media screen and (max-width: 767px) {
    .f-ui-breadcrumb {
        display: block !important
    }

     .full-screen {
        padding-bottom: 0 !important
    }

    body:not(.tox-force-desktop) .tox .tox-dialog {
        margin: auto !important
    }

    fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
        padding: 13px 16px !important
    }

    #siteMainDiv #siteMainTable {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    body #siteMainDiv .leftnav-collapse {
        width: 100vw !important
    }

    body #siteMainDiv.left-nav-pad-top {
        padding-top: 112px !important
    }

    #siteMainDiv .f-optimize-header {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box
    }

    body.enable-left-nav {
        overflow-x: auto
    }
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
    color: #0093ee !important
}

.mat-header-cell .mat-sort-header-button {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #9b9b9b !important
}

.widget-container .f-table-header-cell div {
    font-family: "Montserrat", sans-serif !important
}

.f-table mat-row {
    border-bottom: solid 1px rgba(0, 0, 0, .12) !important
}

.f-table mat-row.f-table-detail-row {
    margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
    color: #757575 !important
}

.f-button span.mat-button-wrapper {
    justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
    height: 44px;
    font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
    font-family: "Montserrat", sans-serif !important;
    color: #fff !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
    font-family: "Montserrat", sans-serif !important;
    line-height: 18px !important;
    text-align: center !important
}

.mat-button.f-stroked-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    height: 44px !important
}

.mat-button.f-button.f-stroked-blue-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button-dropdown-trigger {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    margin-right: 0 !important
}

.f-button.f-disabled-button {
    line-height: 18px !important;
    color: #9b9b9b !important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
    min-height: 0
}

.mat-tab-label {
    height: 48px !important
}

mat-card.f-padding-0 {
    padding: 0 !important
}

mat-card {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

.f-count {
    background-color: #9b9b9b !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 700;
    min-width: 10px;
    min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
    background-color: #0093ee !important;
    height: 2px !important
}

.mat-tab-label .mat-tab-label-content {
    color: rgba(0, 0, 0, .502);
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
    color: #0093ee !important;
    font-weight: 700 !important
}

.f-width-100 {
    max-width: 100% !important;
    width: 100%;
    flex: 100% !important
}

.f-button-width-110px {
    width: 110px
}

.mat-list-base {
    padding-top: 0 !important
}

.mat-list-item,
.mat-list-option {
    font-family: "Source Sans Pro", sans-serif !important
}

.mat-list.f-list-item .icon {
    width: 24px;
    height: 24px;
    background: #0093ee;
    border-radius: 100%
}

.mat-list-item-content {
    color: #9b9b9b !important
}

.mat-list-item-content a {
    color: #0093ee !important
}

.f-timeline-record mat-icon.small {
    width: 20px !important;
    height: 20px !important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
    margin: 1px 8px 0 0 !important;
    height: 44px !important;
    padding: 0 16px !important
}

.mat-chip.mat-standard-chip {
    color: #9b9b9b !important;
    background-color: rgba(155, 155, 155, .2) !important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
    color: #d0021b !important;
    background-color: #ffd7da !important
}

.mat-chip-list-wrapper .mat-chip {
    padding: 10px !important;
    font-size: 14px !important
}

.f-raised-draft,
.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-pending {
    width: auto !important;
    width: initial !important;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-raised-archived,
.f-raised-archive {
    line-height: 22px;
    background-color: #9b9b9b;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-archive,
.f-basic-archived {
    color: #9b9b9b
}

.f-raised-complete,
.f-raised-complete {
    background-color: #5da93f;
    line-height: 22px;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-complete,
.f-basic-complete {
    color: #5da93f
}

.main-container .widget-container span {
    font-family: "Source Sans Pro", sans-serif !important
}

.main-container span.mat-button-wrapper span {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600 !important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-svg .blue,
span fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.red {
    background-color: transparent !important;
    background: none !important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
    margin: 0 16px !important
}

fcsky-shared-avatar .mat-card-title {
    font-size: 14px !important
}

fcsky-shared-avatar .mat-card {
    padding: 0 !important
}

fcsky-shared-avatar .mat-card:hover {
    box-shadow: none !important
}

.widget-container a,
.widget-container div {
    font-family: "Source Sans Pro", sans-serif !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
    padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
    padding-bottom: 100px
}

.mat-form-field {
    line-height: 1.8 !important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 0 !important
}

.mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -1px !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 16px !important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -6px !important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 5px !important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
    margin-top: 9px;
    padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
    margin-top: -3px !important
}

.mat-hint,
.mat-error {
    font-size: 12px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-form-field-subscript-wrapper {
    margin-top: 5px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-hint {
    text-align: left
}

fcsky-shared-numeric-filter .mat-hint,
fcsky-shared-numeric-filter .mat-error {
    font-size: 10.5px !important
}

.slide-toggle-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
    z-index: 400 !important
}

fcsky-shared-map .mapHeight h6 {
    font-weight: normal !important;
    margin: 0 0 8px !important;
    line-height: 22px !important
}

fcsky-shared-map .mapHeight h6 a {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
    font-size: 14px !important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
    font-size: 32px !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
    border-right: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
    border-right: 0 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
    border-bottom: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
    border-bottom: 0 !important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
    flex: unset !important;
    border-right-color: #979797 !important
}

fcsky-shared-metrics-card .widget-container div.f-metrics-title,
fcsky-shared-metrics-card .f-horizontal-separator .f-data-count {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:nth-child(1) {
    padding-left: 0 !important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
    padding: 6px 0 !important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
    margin: 0 0 0 6px !important
}

.mat-sort-header-stem,
.mat-sort-header-pointer-middle {
    margin: auto !important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
    height: 44px !important
}

fcsky-shared-filter fcsky-shared-label .f-label {
    margin-bottom: 8px !important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
    min-height: auto !important;
    height: auto !important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0 !important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 4px 0 0 !important
}

.f-no-record {
    color: #4a4a4a !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.f-loading-shade {
    background: none transparent !important
}

fcsky-shared-table .f-loading-shade {
    background: rgba(255, 255, 255, .6) !important
}

.taskDrawerformWidth {
    width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
    background: #fff !important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
    border-color: #ccc !important
}

fcsky-shared-activity-entry .f-activity-editor {
    margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
    min-height: 46px !important
}

fcsky-shared-activity-timeline-record .mat-divider {
    margin-bottom: 8px !important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
    fill: #757575 !important
}

.f-height-54px {
    height: 54px
}

.f-height-36px {
    height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
    border-bottom: 0px solid rgba(155, 155, 155, .5) !important
}

html.cdk-global-scrollblock div#footer2,
html.cdk-global-scrollblock div#footer {
    z-index: 1000 !important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
    box-sizing: border-box
}

fc-page-loader .loader-hidden {
    display: none !important
}

.custom_help_text {
    color: rgba(0, 0, 0, .541);
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: -31px;
    display: block;
    text-align: left;
    line-height: 18px
}

.notificationDrawerformWidth {
    width: 625px
}

.notificationDrawerformWidth .f-form-grid {
    margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.f-optimize-header {
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box
}

body.enable-left-nav {
    overflow-x: hidden
}

html.cdk-global-scrollblock {
    overflow: hidden;
    position: static
}

.multi-input-button-width .f-button {
    min-width: auto !important
}

.multi-input-button-width .f-button .mat-button-wrapper {
    margin-right: -5px !important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    height: auto !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
    background-color: transparent !important;
    opacity: 1;
    height: 1px !important;
    border-bottom: 0 !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
    color: rgba(0, 0, 0, .871) !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-slide-drawer-inner-container .f-loading-shade {
    position: absolute !important
}

.f-slide-drawer-inner-container .f-title,
.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    color: #757575
}

fcsky-shared-table .f-loading-shade {
    position: absolute !important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
    background-image: url(data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=);
    background-repeat: no-repeat;
    padding-left: 26px
}

.f-vertical-align-middle {
    vertical-align: middle
}

button.f-filter-show-hide-button {
    min-width: 42px !important
}

.mat-button.f-filter-show-hide-button {
    padding: 7px 0 7px 6px !important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 3px 0 8px !important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
    align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
    margin-top: 5px !important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
    padding-right: 6px !important
}

.checkbox-middle-align {
    height: 100%;
    align-items: center;
    display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
    margin: 16px 0 16px 16px;
    padding-right: 0
}

.f-form-grid {
    position: relative
}

.f-form-grid .f-notetext {
    position: absolute;
    top: 0;
    padding-left: 24px;
    opacity: .64;
    font-size: 14px;
    font-weight: normal;
    background: url(https://ui.franconnectuat.net/2032/bullet.svg) no-repeat left
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
    background: #0093ee !important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.fc-playbook-instance-overview .widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

div#columnRight .f-playbook-card,
div#columnRight .f-grid-col-3 {
    flex: 1 1 calc(33.33%) !important;
    min-width: calc(33.33%) !important;
    max-width: calc(33.33%) !important
}

@media only screen and (max-width: 1200px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(50%) !important;
        min-width: calc(50%) !important;
        max-width: calc(50%) !important
    }
}

@media only screen and (max-width: 800px) {
    div#columnRight {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 500px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(100%) !important;
        min-width: calc(100%) !important;
        max-width: calc(100%) !important
    }
}

@media only screen and (max-width: 1370px) {
    body.enable-left-nav .mainContainer {
        width: calc(100vw - 72px) !important
    }

    body.enable-left-nav.open-msa-left-nav .mainContainer {
        width: calc(100vw - 268px) !important
    }
}

@media only screen and (max-width: 767px) {
    body.enable-left-nav.open-msa-left-nav .siteMainTable {
        padding-left: 250px !important;
        padding-right: 0 !important;
        overflow: hidden
    }

    body .leftnav-expand {
        width: calc(100vw - 270px) !important
    }
}

.f-sub-title-resources {
    margin-top: -12px;
    margin-left: -8px;
    margin-right: -8px
}

.f-sub-title-resources mat-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 20px
}

 .gridlayout .f-loading-shade {
    top: 5px;
    position: relative !important;
    left: 0;
    bottom: 0px;
    right: 0;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

 .template-label mat-label {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #4a4a4a !important
}

 .template-label-value mat-label {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    color: #4a4a4a !important
}

 .dx-gridbase-container {
    margin: 0 !important
}

 .f-grid-col-height {
    min-height: 281px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif
}

h1 {
    font-size: 64px;
    line-height: 80px;
    font-weight: 700
}

h2 {
    font-size: 48px;
    line-height: 72px;
    font-weight: 600
}

h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 400
}

h4 {
    font-size: 24px;
    line-height: 46px;
    font-weight: 300
}

h5 {
    font-size: 22px;
    line-height: 42px;
    font-weight: 700
}

h6 {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600
}

.f-title,
.f-title-wst,
.f-section-title,
.f-page-header-title {
    font-family: "Montserrat", sans-serif
}

.f-title,
.f-section-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700
}

.f-title-wst {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-page-header-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700
}

label,
.f-form-label {
    font-family: "Montserrat", sans-serif
}

p,
.f-form-text,
.f-link-text,
.f-link-text-bold {
    font-family: "Source Sans Pro", sans-serif
}

label,
.f-form-label {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-form-text {
    font-size: 12px;
    line-height: 28px;
    font-weight: 400
}

p,
.f-link-text,
a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

a,
a:link,
a:hover,
.f-link-text,
.f-link-text-bold {
    color: #0093ee
}

a:link {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.f-link-text-bold {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

section {
    display: inline-block
}

body {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.mat-button:focus,
.mat-fab:focus,
.mat-flat-button:focus,
.mat-icon-button:focus,
.mat-mini-fab:focus,
.mat-raised-button:focus,
.mat-stroked-button:focus,
.mat-menu-item:focus {
    outline: none
}

::ng-deep .mat-sort-header-container button:focus {
    outline: none
}

::ng-deep .mat-tab-label .mat-tab-label-content .mat-icon {
    margin: 0 8px
}

.mat-table {
    max-height: none
}

.white-color {
    background-color: #fff
}

.color-blue {
    color: #0093ee
}

.pointer {
    cursor: pointer
}

.f-margin-auto {
    margin: auto
}

.f-margin-0 {
    margin: 0
}

.f-margin-1px {
    margin: 1px
}

.f-margin-2px {
    margin: 2px
}

.f-margin-3px {
    margin: 3px
}

.f-margin-4px {
    margin: 4px
}

.f-margin-5px {
    margin: 5px
}

.f-margin-8px {
    margin: 8px
}

.f-margin-10px {
    margin: 10px
}

.f-margin-12px {
    margin: 12px
}

.f-margin-15px {
    margin: 15px
}

.f-margin-16px {
    margin: 16px
}

.f-margin-20px {
    margin: 20px
}

.f-margin-24px {
    margin: 24px
}

.f-margin-32px {
    margin: 32px
}

.f-margin-40px {
    margin: 40px
}

.f-margin-48px {
    margin: 48px
}

.f-margin-56px {
    margin: 56px
}

.f-margin-64px {
    margin: 64px
}

.f-margin-top-0 {
    margin-top: 0
}

.f-margin-top-1px {
    margin-top: 1px
}

.f-margin-top-2px {
    margin-top: 2px
}

.f-margin-top-3px {
    margin-top: 3px
}

.f-margin-top-4px {
    margin-top: 4px
}

.f-margin-top-5px {
    margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
    margin-top: 8px
}

.f-margin-top-10px {
    margin-top: 10px
}

.f-margin-top-12px {
    margin-top: 12px
}

.f-margin-top-15px {
    margin-top: 15px
}

.f-margin-top-16px {
    margin-top: 16px
}

.f-margin-top-18px {
    margin-top: 18px
}

.f-margin-top-20px {
    margin-top: 20px
}

.f-margin-top-24px {
    margin-top: 24px
}

.f-margin-top-32px {
    margin-top: 32px
}

.f-margin-top-40px {
    margin-top: 40px
}

.f-margin-top-48px {
    margin-top: 48px
}

.f-margin-top-56px {
    margin-top: 56px
}

.f-margin-top-64px {
    margin-top: 64px
}

.f-margin-bottom-0 {
    margin-bottom: 0
}

.f-margin-bottom-1px {
    margin-bottom: 1px
}

.f-margin-bottom-2px {
    margin-bottom: 2px
}

.f-margin-bottom-3px {
    margin-bottom: 3px
}

.f-margin-bottom-4px {
    margin-bottom: 4px
}

.f-margin-bottom-5px {
    margin-bottom: 5px
}

.f-margin-bottom-8px {
    margin-bottom: 8px
}

.f-margin-bottom-10px {
    margin-bottom: 10px
}

.f-margin-bottom-12px {
    margin-bottom: 12px
}

.f-margin-bottom-15px {
    margin-bottom: 15px
}

.f-margin-bottom-16px {
    margin-bottom: 16px
}

.f-margin-bottom-18px {
    margin-bottom: 18px
}

.f-margin-bottom-20px {
    margin-bottom: 20px
}

.f-margin-bottom-24px {
    margin-bottom: 24px
}

.f-margin-bottom-32px {
    margin-bottom: 32px
}

.f-margin-bottom-40px {
    margin-bottom: 40px
}

.f-margin-bottom-48px {
    margin-bottom: 48px
}

.f-margin-bottom-56px {
    margin-bottom: 56px
}

.f-margin-bottom-60px {
    margin-bottom: 60px
}

.f-margin-bottom-64px {
    margin-bottom: 64px
}

.f-margin-left-0 {
    margin-left: 0
}

.f-margin-left-1px {
    margin-left: 1px
}

.f-margin-left-2px {
    margin-left: 2px
}

.f-margin-left-3px {
    margin-left: 3px
}

.f-margin-left-4px {
    margin-left: 4px
}

.f-margin-left-5px {
    margin-left: 5px
}

.f-margin-left-8px {
    margin-left: 8px
}

.f-margin-left-10px {
    margin-left: 10px
}

.f-margin-left-12px {
    margin-left: 12px
}

.f-margin-left-15px {
    margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
    margin-left: 16px
}

.f-margin-left-18px {
    margin-left: 18px
}

.f-margin-left-20px {
    margin-left: 20px
}

.f-margin-left-24px {
    margin-left: 24px
}

.f-margin-left-32px {
    margin-left: 32px
}

.f-margin-left-40px {
    margin-left: 40px
}

.f-margin-left-48px {
    margin-left: 48px
}

.f-margin-left-56px {
    margin-left: 56px
}

.f-margin-left-64px {
    margin-left: 64px
}

.f-margin-right-0 {
    margin-right: 0
}

.f-margin-right-1px {
    margin-right: 1px
}

.f-margin-right-2px {
    margin-right: 2px
}

.f-margin-right-3px {
    margin-right: 3px
}

.f-margin-right-4px {
    margin-right: 4px
}

.f-margin-right-5px {
    margin-right: 5px
}

.f-margin-right-8px {
    margin-right: 8px
}

.f-margin-right-10px {
    margin-right: 10px
}

.f-margin-right-12px {
    margin-right: 12px
}

.f-margin-right-15px {
    margin-right: 15px
}

.f-margin-right-16px {
    margin-right: 16px
}

.f-margin-right-18px {
    margin-right: 18px
}

.f-margin-right-20px {
    margin-right: 20px
}

.f-margin-right-24px {
    margin-right: 24px
}

.f-margin-right-32px {
    margin-right: 32px
}

.f-margin-right-40px {
    margin-right: 40px
}

.f-margin-right-48px {
    margin-right: 48px
}

.f-margin-right-56px {
    margin-right: 56px
}

.f-margin-right-64px {
    margin-right: 64px
}

.f-padding-top-0 {
    padding-top: 0
}

.f-padding-top-1px {
    padding-top: 1px
}

.f-padding-top-2px {
    padding-top: 2px
}

.f-padding-top-3px {
    padding-top: 3px
}

.f-padding-top-4px {
    padding-top: 4px
}

.f-padding-top-5px {
    padding-top: 5px
}

.f-padding-top-8px {
    padding-top: 8px
}

.f-padding-top-10px {
    padding-top: 10px
}

.f-padding-top-12px {
    padding-top: 12px
}

.f-padding-top-15px {
    padding-top: 15px
}

.f-padding-top-16px {
    padding-top: 16px
}

.f-padding-top-20px {
    padding-top: 20px
}

.f-padding-top-24px {
    padding-top: 24px
}

.f-padding-top-32px {
    padding-top: 32px
}

.f-padding-top-40px {
    padding-top: 40px
}

.f-padding-top-48px {
    padding-top: 48px
}

.f-padding-top-56px {
    padding-top: 56px
}

.f-padding-top-64px {
    padding-top: 64px
}

.f-padding-bottom-0 {
    padding-bottom: 0
}

.f-padding-bottom-1px {
    padding-bottom: 1px
}

.f-padding-bottom-2px {
    padding-bottom: 2px
}

.f-padding-bottom-3px {
    padding-bottom: 3px
}

.f-padding-bottom-4px {
    padding-bottom: 4px
}

.f-padding-bottom-5px {
    padding-bottom: 5px
}

.f-padding-bottom-8px {
    padding-bottom: 8px
}

.f-padding-bottom-10px {
    padding-bottom: 10px
}

.f-padding-bottom-12px {
    padding-bottom: 12px
}

.f-padding-bottom-15px {
    padding-bottom: 15px
}

.f-padding-bottom-16px {
    padding-bottom: 16px
}

.f-padding-bottom-20px {
    padding-bottom: 20px
}

.f-padding-bottom-24px {
    padding-bottom: 24px
}

.f-padding-bottom-32px {
    padding-bottom: 32px
}

.f-padding-bottom-40px {
    padding-bottom: 40px
}

.f-padding-bottom-48px {
    padding-bottom: 48px
}

.f-padding-bottom-56px {
    padding-bottom: 56px
}

.f-padding-bottom-64px {
    padding-bottom: 64px
}

.f-padding-left-0 {
    padding-left: 0
}

.f-padding-left-1px {
    padding-left: 1px
}

.f-padding-left-2px {
    padding-left: 2px
}

.f-padding-left-3px {
    padding-left: 3px
}

.f-padding-left-4px {
    padding-left: 4px
}

.f-padding-left-5px {
    padding-left: 5px
}

.f-padding-left-8px {
    padding-left: 8px
}

.f-padding-left-10px {
    padding-left: 10px
}

.f-padding-left-12px {
    padding-left: 12px
}

.f-padding-left-15px {
    padding-left: 15px
}

.f-padding-left-16px {
    padding-left: 16px
}

.f-padding-left-20px {
    padding-left: 20px
}

.f-padding-left-24px {
    padding-left: 24px
}

.f-padding-left-32px {
    padding-left: 32px
}

.f-padding-left-40px {
    padding-left: 40px
}

.f-padding-left-48px {
    padding-left: 48px
}

.f-padding-left-56px {
    padding-left: 56px
}

.f-padding-left-64px {
    padding-left: 64px
}

.f-padding-right-0 {
    padding-right: 0
}

.f-padding-right-1px {
    padding-right: 1px
}

.f-padding-right-2px {
    padding-right: 2px
}

.f-padding-right-3px {
    padding-right: 3px
}

.f-padding-right-4px {
    padding-right: 4px
}

.f-padding-right-5px {
    padding-right: 5px
}

.f-padding-right-8px {
    padding-right: 8px
}

.f-padding-right-10px {
    padding-right: 10px
}

.f-padding-right-12px {
    padding-right: 12px
}

.f-padding-right-15px {
    padding-right: 15px
}

.f-padding-right-16px {
    padding-right: 16px
}

.f-padding-right-20px {
    padding-right: 20px
}

.f-padding-right-24px {
    padding-right: 24px
}

.f-padding-right-32px {
    padding-right: 32px
}

.f-padding-right-40px {
    padding-right: 40px
}

.f-padding-right-48px {
    padding-right: 48px
}

.f-padding-right-56px {
    padding-right: 56px
}

.f-padding-right-64px {
    padding-right: 64px
}

.f-padding-0 {
    padding: 0
}

.f-padding-1px {
    padding: 1px
}

.f-padding-2px {
    padding: 2px
}

.f-padding-3px {
    padding: 3px
}

.f-padding-4px {
    padding: 4px
}

.f-padding-5px {
    padding: 5px
}

.f-padding-8px {
    padding: 8px
}

.f-padding-10px {
    padding: 10px
}

.f-padding-12px {
    padding: 12px
}

.f-padding-15px {
    padding: 15px
}

.f-padding-16px {
    padding: 16px
}

.f-padding-20px {
    padding: 20px
}

.f-padding-24px {
    padding: 24px
}

.f-padding-32px {
    padding: 32px
}

.f-padding-40px {
    padding: 40px
}

.f-padding-48px {
    padding: 48px
}

.f-padding-56px {
    padding: 56px
}

.f-padding-64px {
    padding: 64px
}

.f-width-100 {
    width: 100%
}

.f-width-75 {
    width: 75%
}

.f-width-60 {
    width: 60%
}

.f-width-50 {
    width: 50%
}

.f-width-35 {
    width: 35%
}

.f-width-25 {
    width: 25%
}

.f-width-20 {
    width: 20%
}

.f-width-10 {
    width: 10%
}

.f-height-100 {
    height: 100%
}

.f-height-48 {
    height: 48px
}

.f-no-pointer-events-important {
    pointer-events: none !important
}

.f-no-pointer-events {
    pointer-events: none
}

.f-not-allowed-cursor {
    cursor: not-allowed
}

.f-pointer-events-auto {
    pointer-events: auto
}

.f-text-align-left {
    text-align: left
}

.f-text-align-right,
.f-text-align-end {
    text-align: right
}

.f-text-align-center {
    text-align: center
}

.f-required-legend {
    color: #373a3c
}

.f-required-legend:before {
    content: "* ";
    color: #d0021b
}

.f-mat-hint {
    font-size: 12px;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif
}

.f-help-text {
    position: relative;
    color: #757575;
    font-size: 12px;
    text-align: end;
    width: 100%;
    padding: 0;
    bottom: 18px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: 16px;
    line-height: 12px
}

.f-mat-error {
    font-size: 75%;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif;
    margin-left: 0
}

.f-no-user-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-cursor-pointer {
    cursor: pointer
}

.f-cursor-normal {
    cursor: default
}

.f-text-uppercase {
    text-transform: uppercase
}

.f-text-lowercase {
    text-transform: lowercase
}

.f-text-bold {
    font-weight: bold !important
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    width: 100%;
    display: flex;
    margin-top: 16px;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: flex-end;
    text-align: right
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
    align-self: flex-end;
    text-align: end;
    width: 100%
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
    width: 100%
}

.f-mandatory:after {
    content: "*";
    color: #f44336;
    font-size: 16px;
    margin-left: 3px
}

.alert-svg-large {
    height: 48px;
    width: 48px
}

.f-basic-chip,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-high-priority,
.f-basic-queued,
.f-basic-ready-review,
.f-basic-processing-error,
.f-basic-archived,
.f-basic-overdue,
.f-basic-approved,
.f-basic-waiting,
.f-basic-active,
.f-basic-unscheduled,
.f-basic-pending {
    width: 100%;
    color: #757575
}

.f-raised-chip,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-high-priority,
.f-raised-queued,
.f-raised-ready-review,
.f-raised-processing-error,
.f-raised-archived,
.f-raised-overdue,
.f-raised-approved,
.f-raised-waiting,
.f-raised-active,
.f-raised-unscheduled,
.f-raised-pending {
    line-height: 22px;
    background-color: #757575;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: 100%
}

.f-basic-pending {
    color: #faca00
}

.f-raised-pending {
    background-color: #faca00
}

.f-basic-unscheduled {
    color: #8698d0
}

.f-raised-unscheduled {
    background-color: #8698d0
}

.f-basic-active {
    color: #1abfce
}

.f-raised-active {
    background-color: #1abfce
}

.f-basic-waiting {
    color: #f68b3e
}

.f-raised-waiting {
    background-color: #f68b3e
}

.f-basic-approved {
    color: #5da93f
}

.f-raised-approved {
    background-color: #5da93f
}

.f-basic-overdue {
    color: #f55c58
}

.f-raised-overdue {
    background-color: #f55c58
}

.f-basic-archived {
    color: #989898
}

.f-raised-archived {
    background-color: #989898
}

.f-basic-processing-error {
    color: #3b8ed8
}

.f-raised-processing-error {
    background-color: #3b8ed8
}

.f-basic-ready-review {
    color: #bb9f00
}

.f-raised-ready-review {
    background-color: #bb9f00
}

.f-basic-queued {
    color: #881ab9
}

.f-raised-queued {
    background-color: #881ab9
}

.f-basic-high-priority {
    color: #f55c58
}

.f-raised-high-priority {
    background-color: #f55c58
}

.f-basic-medium-priority {
    color: #f68b3e
}

.f-raised-medium-priority {
    background-color: #f68b3e
}

.f-basic-low-priority {
    color: #1abfce
}

.f-raised-low-priority {
    background-color: #1abfce
}

.f-link {
    color: #4a90e2;
    cursor: pointer;
    width: 100%
}

.f-font-weight-unset {
    font-weight: unset
}

.f-max-width-unset-important {
    max-width: unset !important
}

.f-font-weight-inherit {
    font-weight: inherit
}

.f-font-weight-normal {
    font-weight: normal
}

.f-font-weight-lighter {
    font-weight: lighter
}

.f-font-weight-bold {
    font-weight: bold
}

.f-font-weight-600 {
    font-weight: 600
}

.f-font-weight-bolder {
    font-weight: bolder
}

.f-position-relative {
    position: relative
}

.f-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.f-overflow-hidden {
    overflow: hidden
}

.f-overflow-y-scroll {
    overflow-y: scroll
}

.f-overflow-x-scroll {
    overflow-x: scroll
}

.f-overflow-auto {
    overflow: auto
}

.f-letter-spacing-0-5 {
    letter-spacing: .5px
}

.f-letter-spacing-1 {
    letter-spacing: 1px
}

.f-letter-spacing-1-25 {
    letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
    letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
    letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
    letter-spacing: 1.83px
}

.f-letter-spacing-2 {
    letter-spacing: 2px
}

.f-white-space-nowrap {
    white-space: nowrap
}

.f-inline-block {
    display: inline-block
}

.f-display-block {
    display: block
}

.f-z-index-1 {
    z-index: 1
}

.f-text-color-warning {
    color: #f44336
}

.f-count {
    background: rgba(0, 0, 0, .87);
    border-radius: 2px;
    color: #fff;
    margin-left: 12px;
    padding: 2px 6px
}

.f-black-text-54 {
    color: #0000008a
}

.f-spacer-16 {
    margin-top: 16px
}

.f-spacer-20 {
    margin-top: 20px
}

.f-spacer-24 {
    margin-top: 24px
}

.f-underline {
    text-decoration: underline
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0px;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-flex-center-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-matspinner-default::ng-deep circle {
    stroke: #2196f3
}

.f-border-horizontal-1px {
    border-top: solid 1px #cccccc
}

.f-break-word {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.f-color-inherit {
    color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
    transform: rotate(135deg) !important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
    transform: none
}

.f-panel-container .f-no-data-label {
    bottom: 30%
}

.f-panel-container fcsky-shared-button div {
    padding-top: 16px
}

.f-panel-container fcsky-shared-button div button span span {
    margin: auto
}

.f-links-listing-button .f-button span span {
    margin: auto
}

.f-links-listing-button.group-action .f-button-wrapper {
    padding: 16px
}

.f-links-listing-button.global-action .f-button-wrapper {
    padding: 16px
}

.f-right-shadow {
    box-shadow: 5px 0 5px -5px #0000001f
}

.f-left-shadow {
    box-shadow: -5px 0 5px -5px #0000001f
}

.f-vertical-align-middle {
    vertical-align: middle
}

.f-pointer {
    cursor: pointer
}

.f-line-height-24px {
    line-height: 24px
}

.f-fixed-position {
    position: sticky;
    z-index: 1000;
    top: 56px;
    height: 62px;
    background-color: #fff;
    box-shadow: 0 2px 8px #0000001f;
    padding-left: 8px
}

.f-fixed-position .f-collapsable {
    box-shadow: none;
    border-top: none;
    width: 36px !important
}

.f-selected-items-bar {
    height: 54px;
    background-color: #e8effc;
    display: flex;
    flex-direction: row;
    place-content: stretch space-between
}

.f-selected-items-bar .f-selected-items {
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 54px;
    padding-left: 24px;
    font-weight: 600
}

.f-selected-items-bar .f-selected-items-actions {
    line-height: 54px;
    display: inline-block
}

.f-selected-items-bar .f-display-actions {
    display: inline-block;
    vertical-align: middle
}

.f-selected-items-bar .f-display-inline-block {
    display: inline-block
}

.f-selected-items-bar .f-upfront-action {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 54px;
    vertical-align: middle;
    font-weight: 600;
    color: #4a90e2;
    cursor: pointer
}

.f-selected-items-bar .f-action-right-padding {
    padding-right: 15px
}

.f-selected-items-bar .f-icon-right-padding {
    padding-right: 5px
}

.f-table {
    width: 100%;
    box-sizing: border-box
}

.f-table *,
.f-table *:before,
.f-table *:after {
    box-sizing: border-box
}

.f-table-cell-with-icon {
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer
}

.f-table .f-alternate-color-row {
    background-color: #f1f1f1
}

.f-table .f-sticky-header-cell {
    z-index: 102 !important
}

.f-table .f-table-header-cell {
    height: 56px;
    background-color: #ebebeb;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #9b9b9b !important;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0 8px
}

.f-table .f-table-header-cell .f-table-header-drag-me {
    position: absolute;
    height: 100%;
    width: 20px;
    top: 0;
    cursor: col-resize
}

.f-table .f-table-header-cell .f-left {
    left: 0
}

.f-table .f-table-header-cell .f-right {
    right: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:after {
    content: "";
    width: 1px;
    display: inline-block;
    background: #9b9b9b;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:before {
    content: "";
    width: 1px;
    display: inline-block;
    background: #9b9b9b;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.f-table .f-table-header-cell:not(tr) {
    padding: 0 8px
}

.f-table .f-table-header-cell ::ng-deep button {
    text-transform: uppercase
}

.f-table .f-table-header-cell.f-min-width-header-cell {
    flex: 0 0 60px
}

.f-table .f-table-header-cell mat-checkbox {
    margin-left: 0 !important
}

.f-table .f-table-row-cell {
    line-height: 18px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #4a4a4a
}

.f-table .f-table-row-cell.f-min-width-row-cell {
    min-width: 60px;
    max-width: 60px
}

.f-table .f-table-row-cell mat-checkbox {
    margin-left: 0
}

.f-table td {
    border-bottom: 0
}

.f-table tr.selected td {
    background-color: #ebf6ff
}

.f-table .f-new-row {
    background-color: #e1f8f3
}

.f-table fcsky-shared-svg {
    vertical-align: text-top;
    display: inline-block;
    margin-right: 5px
}

.f-table .f-right-align {
    margin-left: auto;
    margin-right: 5px
}

.f-table .f-sticky {
    position: sticky;
    top: 0
}

.f-table td.mat-cell:first-of-type,
.f-table td.mat-footer-cell:first-of-type,
.f-table th.mat-header-cell:first-of-type {
    padding-left: 24px !important
}

.f-table td.mat-cell:first-of-type .f-cell-container-full-width,
.f-table td.mat-footer-cell:first-of-type .f-cell-container-full-width,
.f-table th.mat-header-cell:first-of-type .f-cell-container-full-width {
    padding: 0
}

.f-table td.mat-cell,
.f-table td.mat-footer-cell,
.f-table th.mat-header-cell {
    vertical-align: middle !important
}

.f-table th.mat-column-check,
.f-table th.mat-column-actions,
.f-table td.mat-column-check,
.f-table td.mat-column-actions {
    box-sizing: border-box
}

.f-table mat-checkbox {
    margin-left: 24px
}

.f-table .mat-header-row {
    z-index: 100
}

.f-table.f-padding-left-24 .mat-header-row {
    padding: 0 24px;
    border-bottom: 0
}

.f-table.f-padding-left-24 .mat-row {
    padding: 0 24px
}

.f-table.f-padding-left-24 .f-table-detail-row fcsky-shared-attachments {
    margin: 0
}

.f-table fcsky-shared-attachments {
    width: 100%
}

.f-table .f-no-data {
    position: relative;
    text-align: center
}

.f-table .f-no-data tr {
    border: 0
}

.f-table .f-table-footer {
    border: 0;
    display: flex;
    width: 100%
}

.f-table .f-hide-footer {
    display: none
}

.f-table td.mat-footer-cell {
    border: 0
}

.f-table .f-table-detail-row {
    width: 100%;
    display: flex;
    height: 62px;
    border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-detail-row fcsky-shared-attachments {
    margin-right: 24px
}

.f-table .f-table-detail-row td {
    padding-top: 2px;
    display: block;
    border-bottom: 0
}

.f-table .f-hide-attachments {
    display: none
}

.f-table .f-row-border {
    height: 50px
}

.f-table .f-row-border td {
    border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-attachment-container {
    overflow: hidden;
    display: flex
}

.f-table .f-show-ellipsis,
.f-table .f-link-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    border-right: 16px solid transparent;
    display: inline-block
}

.f-table .f-icon-on-right {
    border-right: 5px solid transparent
}

.f-table .f-link-ellipsis {
    color: #0093ee
}

.f-table .f-cell-container-full-width {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px;
    box-sizing: border-box
}

.f-table .f-align-to-right {
    text-align: right;
    justify-content: flex-end;
    width: 100%
}

.f-table .f-align-to-right .f-table-header-ellipsis {
    text-align: right;
    justify-content: flex-end
}

.f-table .f-align-to-center {
    text-align: center;
    justify-content: center;
    width: 100%
}

.f-table .f-align-to-center .f-table-header-ellipsis {
    text-align: center;
    justify-content: center
}

.f-table .f-cell-with-icon {
    min-width: calc(100% - 29px);
    max-width: calc(100% - 29px)
}

.f-table .f-status-width {
    width: auto;
    border: 0
}

.f-table .f-status-ellipsis {
    color: #fff
}

.f-table .f-table-header-ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    justify-content: flex-start
}

.f-table ::ng-deep .mat-sort-header-content {
    width: calc(100% - 18px)
}

.f-table fcsky-shared-table-link,
.f-table fcsky-shared-table-chip,
.f-table fcsky-shared-table-attachment-column,
.f-table fcsky-shared-table-cell-phone-number,
.f-table fcsky-shared-table-date,
.f-table fcsky-shared-table-default,
.f-table fcsky-shared-table-multi-link {
    display: contents
}

.f-table-pagination-wrapper {
    position: relative
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.f-no-attachments {
    display: flex;
    margin-left: 60px;
    height: 61px
}

.f-no-attachments span {
    padding-top: 2px;
    color: #838383
}

.f-number-of-records {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    border-top: 1px solid #e6e6e6
}

.f-number-of-records span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    color: #0000008a
}

.f-no-data-label {
    line-height: 18px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%)
}

.f-attachment-count {
    vertical-align: middle
}

.grey-color {
    background-color: #f1f1f1
}

.simple-color {
    background-color: #fff
}

.cdk-drag-preview {
    height: 0px !important;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
    background-color: #ebebeb;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #9b9b9b;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: unset;
    padding: 24px 16px;
    overflow: hidden
}

.cdk-drag-placeholder {
    opacity: 0;
    height: 0
}

.cdk-drop-list-dragging .cdk-drag {
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.cdk-drag-animating {
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.f-sticky-attachment-offset {
    height: 61px;
    position: sticky;
    z-index: 20;
    background-color: #fff
}

.f-sticky-attachment-offset.left {
    left: 0
}

.f-sticky-attachment-offset.right {
    right: 0
}





.f-text-nowrap {
    white-space: nowrap
}

.f-flex-2 {
    flex: 2 !important;
    min-width: 0
}

.f-flex-order-1 {
    order: 1
}

.f-flex-order-2 {
    order: 2
}

.f-flex-order-3 {
    order: 3
}

.f-flex-order-4 {
    order: 4
}

.f-line-height-40px {
    line-height: 40px
}

.f-height-40px {
    height: 40px
}

.f-height-44px {
    height: 44px
}

.f-height-65px {
    height: 65px
}

.f-min-height-100 {
    min-height: 100%
}

.f-min-height-85vh {
    min-height: 85vh
}

.f-min-height-100vh {
    min-height: 100vh
}

.f-border-bottom-1px {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
    padding-left: 250px !important;
    padding-right: 0 !important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
    width: calc(100vw - 270px) !important
}

body.enable-left-nav .mainContainer {
    width: calc(100vw - 73px) !important
}

body .siteMainTable {
    padding-left: 54px !important;
    padding-right: 0 !important
}

body .cdk-overlay-connected-position-bounding-box fcsky-shared-chip-overlay .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 6px !important
}

body .f-form-accordion .widget-container {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

body .f-form-accordion .mat-expansion-panel-body {
    padding: 0 1px 0 0;
    margin: 0
}

body .f-form-accordion .mat-expansion-panel {
    box-shadow: none
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header {
    padding: 0 8px;
    margin: 0;
    height: 48px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
    box-shadow: none !important;
    background: none !important
}

body .f-form-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
    border-bottom: 0
}

.f--cyan {
    color: #26c1c9
}

.f--green {
    color: #4d8b35
}

.f--yellow {
    color: #faca00
}

.f--red {
    color: #d0021b
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
    min-width: 42px !important;
    padding: 12px 8px 12px 14px !important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
    width: auto !important;
    height: auto !important
}

fcsky-shared-section .widget-container div.f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: .86px
}

.f-textalign-center {
    text-align: center !important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
    background: rgba(97, 97, 97, .9) !important;
    max-width: 100% !important
}

.leftnav-collapse {
    width: 100% !important
}

.full-screen.leftnav-collapse {
    width: 100% !important
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-white-bg {
    background: #fff
}

.f-box-sizing-border-box {
    box-sizing: border-box
}

.f-sub-heading .f-section-title {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    line-height: 24px !important
}

.f-card-title mat-label {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    line-height: 24px !important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
    top: 85px !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
        margin-left: -1px
    }
}

.f-grid-col-3 {
    max-width: 25%
}

.f-grid-col-4 {
    max-width: 33.33%
}

.f-grid-col-6 {
    max-width: 50%
}

.f-grid-col-12 {
    max-width: 100%
}

.f-resources-links-card a:visited,
.f-resources-collection-card a:visited,
.f-playbooktemplates-card a:visited,
.f-playbook-card a:visited,
.f-people-card a:visited,
.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
fcsky-shared-section a:visited,
fcsky-shared-metrics-card a:visited {
    color: #0093ee !important
}

fcsky-shared-sticky-footer .f-sticky-footer-lt-sm,
fcsky-shared-sticky-footer .f-sticky-footer-gt-xs {
    z-index: 101 !important
}

#footer,
#footer2 {
    z-index: 9999 !important
}

.f-footer {
    white-space: nowrap
}

.cdk-virtual-scroll-viewport {
    background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
    background-color: unset
}

.f-padding-0 {
    padding: 0 !important
}

.f-margin-left-16px {
    margin-left: 16px !important
}

.f-margin-left-right-16px {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.f-margin-right-16px {
    margin-right: 16px !important
}

.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane,
.cdk-overlay-backdrop {
    z-index: 12000 !important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
    z-index: 13000 !important
}

.cdk-global-overlay-wrapper {
    z-index: 13000 !important
}

.cdk-overlay-connected-position-bounding-box {
    z-index: 13000 !important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
    padding: 16px !important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
    transform: translateY(37%) !important
}

 .full-screen {
    background: #f6f6f6 !important;
    z-index: 10000 !important;
    min-height: 100%;
    position: fixed !important;
    overflow: auto !important;
    height: 100% !important
}

@media screen and (max-width: 767px) {
    .f-ui-breadcrumb {
        display: block !important
    }

     .full-screen {
        padding-bottom: 0 !important
    }

    body:not(.tox-force-desktop) .tox .tox-dialog {
        margin: auto !important
    }

    fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
        padding: 13px 16px !important
    }

    #siteMainDiv #siteMainTable {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    body #siteMainDiv .leftnav-collapse {
        width: 100vw !important
    }

    body #siteMainDiv.left-nav-pad-top {
        padding-top: 112px !important
    }

    #siteMainDiv .f-optimize-header {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box
    }

    body.enable-left-nav {
        overflow-x: auto
    }
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
    color: #0093ee !important
}

.mat-header-cell .mat-sort-header-button {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #9b9b9b !important
}

.widget-container .f-table-header-cell div {
    font-family: "Montserrat", sans-serif !important
}

.f-table mat-row {
    border-bottom: solid 1px rgba(0, 0, 0, .12) !important
}

.f-table mat-row.f-table-detail-row {
    margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
    color: #757575 !important
}

.f-button span.mat-button-wrapper {
    justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
    height: 44px;
    font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
    font-family: "Montserrat", sans-serif !important;
    color: #fff !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
    font-family: "Montserrat", sans-serif !important;
    line-height: 18px !important;
    text-align: center !important
}

.mat-button.f-stroked-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    height: 44px !important
}

.mat-button.f-button.f-stroked-blue-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button-dropdown-trigger {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    margin-right: 0 !important
}

.f-button.f-disabled-button {
    line-height: 18px !important;
    color: #9b9b9b !important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
    min-height: 0
}

.mat-tab-label {
    height: 48px !important
}

mat-card.f-padding-0 {
    padding: 0 !important
}

mat-card {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

.f-count {
    background-color: #9b9b9b !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 700;
    min-width: 10px;
    min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
    background-color: #0093ee !important;
    height: 2px !important
}

.mat-tab-label .mat-tab-label-content {
    color: rgba(0, 0, 0, .502);
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
    color: #0093ee !important;
    font-weight: 700 !important
}

.f-width-100 {
    max-width: 100% !important;
    width: 100%;
    flex: 100% !important
}

.f-button-width-110px {
    width: 110px
}

.mat-list-base {
    padding-top: 0 !important
}

.mat-list-item,
.mat-list-option {
    font-family: "Source Sans Pro", sans-serif !important
}

.mat-list.f-list-item .icon {
    width: 24px;
    height: 24px;
    background: #0093ee;
    border-radius: 100%
}

.mat-list-item-content {
    color: #9b9b9b !important
}

.mat-list-item-content a {
    color: #0093ee !important
}

.f-timeline-record mat-icon.small {
    width: 20px !important;
    height: 20px !important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
    margin: 1px 8px 0 0 !important;
    height: 44px !important;
    padding: 0 16px !important
}

.mat-chip.mat-standard-chip {
    color: #9b9b9b !important;
    background-color: rgba(155, 155, 155, .2) !important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
    color: #d0021b !important;
    background-color: #ffd7da !important
}

.mat-chip-list-wrapper .mat-chip {
    padding: 10px !important;
    font-size: 14px !important
}

.f-raised-draft,
.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-pending {
    width: auto !important;
    width: initial !important;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-raised-archived,
.f-raised-archive {
    line-height: 22px;
    background-color: #9b9b9b;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-archive,
.f-basic-archived {
    color: #9b9b9b
}

.f-raised-complete,
.f-raised-complete {
    background-color: #5da93f;
    line-height: 22px;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-complete,
.f-basic-complete {
    color: #5da93f
}

.main-container .widget-container span {
    font-family: "Source Sans Pro", sans-serif !important
}

.main-container span.mat-button-wrapper span {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600 !important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-svg .blue,
span fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.red {
    background-color: transparent !important;
    background: none !important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
    margin: 0 16px !important
}

fcsky-shared-avatar .mat-card-title {
    font-size: 14px !important
}

fcsky-shared-avatar .mat-card {
    padding: 0 !important
}

fcsky-shared-avatar .mat-card:hover {
    box-shadow: none !important
}

.widget-container a,
.widget-container div {
    font-family: "Source Sans Pro", sans-serif !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
    padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
    padding-bottom: 100px
}

.mat-form-field {
    line-height: 1.8 !important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 0 !important
}

.mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -1px !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 16px !important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -6px !important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 5px !important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
    margin-top: 9px;
    padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
    margin-top: -3px !important
}

.mat-hint,
.mat-error {
    font-size: 12px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-form-field-subscript-wrapper {
    margin-top: 5px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-hint {
    text-align: left
}

fcsky-shared-numeric-filter .mat-hint,
fcsky-shared-numeric-filter .mat-error {
    font-size: 10.5px !important
}

.slide-toggle-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
    z-index: 400 !important
}

fcsky-shared-map .mapHeight h6 {
    font-weight: normal !important;
    margin: 0 0 8px !important;
    line-height: 22px !important
}

fcsky-shared-map .mapHeight h6 a {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
    font-size: 14px !important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
    font-size: 32px !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
    border-right: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
    border-right: 0 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
    border-bottom: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
    border-bottom: 0 !important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
    flex: unset !important;
    border-right-color: #979797 !important
}

fcsky-shared-metrics-card .widget-container div.f-metrics-title,
fcsky-shared-metrics-card .f-horizontal-separator .f-data-count {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:nth-child(1) {
    padding-left: 0 !important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
    padding: 6px 0 !important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
    margin: 0 0 0 6px !important
}

.mat-sort-header-stem,
.mat-sort-header-pointer-middle {
    margin: auto !important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
    height: 44px !important
}

fcsky-shared-filter fcsky-shared-label .f-label {
    margin-bottom: 8px !important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
    min-height: auto !important;
    height: auto !important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0 !important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 4px 0 0 !important
}

.f-no-record {
    color: #4a4a4a !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.f-loading-shade {
    background: none transparent !important
}

fcsky-shared-table .f-loading-shade {
    background: rgba(255, 255, 255, .6) !important
}

.taskDrawerformWidth {
    width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
    background: #fff !important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
    border-color: #ccc !important
}

fcsky-shared-activity-entry .f-activity-editor {
    margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
    min-height: 46px !important
}

fcsky-shared-activity-timeline-record .mat-divider {
    margin-bottom: 8px !important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
    fill: #757575 !important
}

.f-height-54px {
    height: 54px
}

.f-height-36px {
    height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
    border-bottom: 0px solid rgba(155, 155, 155, .5) !important
}

html.cdk-global-scrollblock div#footer2,
html.cdk-global-scrollblock div#footer {
    z-index: 1000 !important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
    box-sizing: border-box
}

fc-page-loader .loader-hidden {
    display: none !important
}

.custom_help_text {
    color: rgba(0, 0, 0, .541);
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: -31px;
    display: block;
    text-align: left;
    line-height: 18px
}

.notificationDrawerformWidth {
    width: 625px
}

.notificationDrawerformWidth .f-form-grid {
    margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.f-optimize-header {
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box
}

body.enable-left-nav {
    overflow-x: hidden
}

html.cdk-global-scrollblock {
    overflow: hidden;
    position: static
}

.multi-input-button-width .f-button {
    min-width: auto !important
}

.multi-input-button-width .f-button .mat-button-wrapper {
    margin-right: -5px !important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    height: auto !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
    background-color: transparent !important;
    opacity: 1;
    height: 1px !important;
    border-bottom: 0 !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
    color: rgba(0, 0, 0, .871) !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-slide-drawer-inner-container .f-loading-shade {
    position: absolute !important
}

.f-slide-drawer-inner-container .f-title,
.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    color: #757575
}

fcsky-shared-table .f-loading-shade {
    position: absolute !important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
    background-image: url(data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=);
    background-repeat: no-repeat;
    padding-left: 26px
}

.f-vertical-align-middle {
    vertical-align: middle
}

button.f-filter-show-hide-button {
    min-width: 42px !important
}

.mat-button.f-filter-show-hide-button {
    padding: 7px 0 7px 6px !important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 3px 0 8px !important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
    align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
    margin-top: 5px !important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
    padding-right: 6px !important
}

.checkbox-middle-align {
    height: 100%;
    align-items: center;
    display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
    margin: 16px 0 16px 16px;
    padding-right: 0
}

.f-form-grid {
    position: relative
}

.f-form-grid .f-notetext {
    position: absolute;
    top: 0;
    padding-left: 24px;
    opacity: .64;
    font-size: 14px;
    font-weight: normal;
    background: url(https://ui.franconnectuat.net/2032/bullet.svg) no-repeat left
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
    background: #0093ee !important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.fc-playbook-instance-overview .widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

div#columnRight .f-playbook-card,
div#columnRight .f-grid-col-3 {
    flex: 1 1 calc(33.33%) !important;
    min-width: calc(33.33%) !important;
    max-width: calc(33.33%) !important
}

@media only screen and (max-width: 1200px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(50%) !important;
        min-width: calc(50%) !important;
        max-width: calc(50%) !important
    }
}

@media only screen and (max-width: 800px) {
    div#columnRight {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 500px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(100%) !important;
        min-width: calc(100%) !important;
        max-width: calc(100%) !important
    }
}

@media only screen and (max-width: 1370px) {
    body.enable-left-nav .mainContainer {
        width: calc(100vw - 72px) !important
    }

    body.enable-left-nav.open-msa-left-nav .mainContainer {
        width: calc(100vw - 268px) !important
    }
}

@media only screen and (max-width: 767px) {
    body.enable-left-nav.open-msa-left-nav .siteMainTable {
        padding-left: 250px !important;
        padding-right: 0 !important;
        overflow: hidden
    }

    body .leftnav-expand {
        width: calc(100vw - 270px) !important
    }
}

.f-sub-title-resources {
    margin-top: -12px;
    margin-left: -8px;
    margin-right: -8px
}

.f-sub-title-resources mat-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 20px
}

 .gridlayout .f-loading-shade {
    top: 5px;
    position: relative !important;
    left: 0;
    bottom: 0px;
    right: 0;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

 .template-label mat-label {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #4a4a4a !important
}

 .template-label-value mat-label {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    color: #4a4a4a !important
}

 .dx-gridbase-container {
    margin: 0 !important
}
.f-basic-chip,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-high-priority,
.f-basic-queued,
.f-basic-ready-review,
.f-basic-processing-error,
.f-basic-archived,
.f-basic-overdue,
.f-basic-approved,
.f-basic-waiting,
.f-basic-active,
.f-basic-unscheduled,
.f-basic-pending {
    width: 100%;
    color: #757575
}

.f-raised-chip,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-high-priority,
.f-raised-queued,
.f-raised-ready-review,
.f-raised-processing-error,
.f-raised-archived,
.f-raised-overdue,
.f-raised-approved,
.f-raised-waiting,
.f-raised-active,
.f-raised-unscheduled,
.f-raised-pending {
    line-height: 22px;
    background-color: #757575;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif
}

h1 {
    font-size: 64px;
    line-height: 80px;
    font-weight: 700
}

h2 {
    font-size: 48px;
    line-height: 72px;
    font-weight: 600
}

h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 400
}

h4 {
    font-size: 24px;
    line-height: 46px;
    font-weight: 300
}

h5 {
    font-size: 22px;
    line-height: 42px;
    font-weight: 700
}

h6 {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600
}

.f-title,
.f-title-wst,
.f-section-title,
.f-page-header-title {
    font-family: "Montserrat", sans-serif
}

.f-title,
.f-section-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700
}

.f-title-wst {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-page-header-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700
}

label,
.f-form-label {
    font-family: "Montserrat", sans-serif
}

p,
.f-form-text,
.f-link-text,
.f-link-text-bold {
    font-family: "Source Sans Pro", sans-serif
}

label,
.f-form-label {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-form-text {
    font-size: 12px;
    line-height: 28px;
    font-weight: 400
}

p,
.f-link-text,
a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

a,
a:link,
a:hover,
.f-link-text,
.f-link-text-bold {
    color: #0093ee
}

a:link {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.f-link-text-bold {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

section {
    display: inline-block
}

body {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

body {
    background: #f5f5f5
}

.f-button,
.f-button-dropdown-trigger {
    border: 1px solid;
    padding: 11px 23px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase
}

.f-button.f-flat-button,
.f-flat-button.f-button-dropdown-trigger {
    background-color: #0093ee;
    border-color: #0093ee;
    color: #fff
}

.f-button.f-stroked-button,
.f-stroked-button.f-button-dropdown-trigger {
    background-color: #fafafa;
    border-color: #ccc;
    color: #0093ee
}

.f-button.f-stroked-blue-button,
.f-stroked-blue-button.f-button-dropdown-trigger {
    background-color: #fff;
    border-color: #e8effc;
    color: #0093ee
}

.f-button.f-disabled-button,
.f-disabled-button.f-button-dropdown-trigger {
    background-color: #e6e6e6;
    border-color: #ffffff80;
    color: #9b9b9b
}

.f-button.f-warning-button,
.f-warning-button.f-button-dropdown-trigger {
    background-color: #d0021b;
    border-color: #d0021b;
    color: #fff
}

.f-button.f-basic-button,
.f-basic-button.f-button-dropdown-trigger {
    background-color: #fafafa;
    border-color: #ccc;
    color: #4a4a4a
}

.f-button.f-submit-button,
.f-submit-button.f-button-dropdown-trigger {
    background-color: #5da93f;
    border-color: #5da93f;
    color: #fff
}

.f-button.f-svg-button,
.f-svg-button.f-button-dropdown-trigger {
    padding-bottom: 8px;
    padding-top: 8px
}

.f-button.f-empty-button,
.f-empty-button.f-button-dropdown-trigger {
    background-color: transparent;
    border: none;
    color: #00000080
}

.f-button:focus,
.f-button-dropdown-trigger:focus {
    outline: none
}

.f-alert-popup .mat-dialog-container {
    padding: 0
}

.f-alert-popup .mat-dialog-container {
    box-shadow: 0 2px 8px #0000001f
}

.f-activity-editor {
    width: 100%;
    box-shadow: 0 2px 8px #0000001f;
    background-color: #fff;
    position: relative
}

.f-activity-editor:hover:before {
    background-color: #80808066
}

.f-activity-editor .f-sample-activity-editor-header {
    width: 100%
}

.f-activity-editor .f-sample-activity-editor-textarea {
    width: 100%;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b
}

.f-activity-editor .f-sample-activity-editor-footer {
    width: 100%;
    min-height: 68px;
    padding: 24px;
    background-color: #9b9b9b0d;
    color: #9b9b9b
}

@media (max-width: 1279px) {
    .f-activity-editor .f-sample-activity-editor-footer {
        padding: 16px
    }
}

@media (max-width: 959px) {
    .f-activity-editor .f-sample-activity-editor-footer {
        padding: 8px
    }
}

.f-activity-editor .f-sample-activity-editor-footer-inline-editing {
    min-height: 43px;
    padding: 4px 8px;
    background-color: #9b9b9b0d;
    color: #9b9b9b
}

@media (max-width: 1279px) {
    .f-activity-editor .f-sample-activity-editor-footer-inline-editing {
        padding: 4px 8px
    }
}

@media (max-width: 959px) {
    .f-activity-editor .f-sample-activity-editor-footer-inline-editing {
        padding: 2px 4px
    }
}

.f-mention-card-parent {
    display: block;
    min-height: 48px;
    cursor: pointer;
    z-index: 1
}

.f-mention-card-parent .f-mention-card {
    width: 100%;
    height: 100%;
    min-height: 48px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start
}

.f-mention-card-parent .f-mention-card>.f-mention-avatar {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    font-weight: 800;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    background-color: #26c1c9;
    margin: 0 8px;
    overflow: hidden
}

.f-mention-card-parent .f-mention-card>.f-mention-avatar>img {
    width: 32px;
    height: auto
}

.f-mention-card-parent .f-mention-card>.f-mention-name {
    overflow: hidden;
    text-overflow: ellipsis
}

.rte-autocomplete>li.loading {
    background: url(/assets/icons/dots-loader.gif) center no-repeat;
    background-size: auto 48px;
    width: 100%;
    height: 20px
}

.rte-autocomplete>li>div {
    height: 100%;
    width: 100%
}

.rte-autocomplete>li>div:hover,
.rte-autocomplete>li>div:focus,
.rte-autocomplete:hover>div,
.rte-autocomplete:focus>div {
    text-decoration: none;
    background-color: #ebecf080
}

.rte-autocomplete>.active>div,
.rte-autocomplete>.active>div:hover,
.rte-autocomplete>.active>div:focus {
    text-decoration: none;
    background-color: #ebecf0;
    outline: 0
}

.rte-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1022;
    float: left;
    min-width: 160px;
    width: 220px;
    max-height: 380px;
    overflow-y: auto;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 10px #0003;
    background-clip: padding-box;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px
}

.f-editor-container .mce-content-body {
    font-family: "Source Sans Pro", sans-serif !important;
    z-index: 0
}

.f-editor-container .tox.tox-edit-area__iframe * {
    font-family: "Source Sans Pro", sans-serif !important
}

.f-timeline-record {
    min-width: 170px;
    position: relative;
    color: #00000080;
    box-shadow: 0 2px 8px #0000001f;
    background-color: #fff;
    margin: 16px 0 16px 104px;
    padding: 16px
}

@media (max-width: 959px) {
    .f-timeline-record {
        margin: 16px 0 16px 52px;
        padding: 8px
    }
}

.f-task-type {
    color: #fff;
    background-color: #26c1c9;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: -69px;
    top: calc(50% - 16px);
    width: 32px;
    height: 32px
}

@media (max-width: 959px) {
    .f-task-type {
        left: -50px;
        top: calc(50% - 16px)
    }
}

.f-task-type mat-icon {
    color: #fff;
    font-size: 18px
}

.f-timeline-absolute-before,
.f-timeline-single-element:before,
.f-timeline-last-element:before,
.f-timeline-middle-element:before,
.f-timeline-first-element:before {
    content: "";
    position: absolute;
    top: -16px;
    bottom: calc(50% + 12px + 20px);
    left: -54px;
    width: 2px
}

@media (max-width: 959px) {

    .f-timeline-absolute-before,
    .f-timeline-single-element:before,
    .f-timeline-last-element:before,
    .f-timeline-middle-element:before,
    .f-timeline-first-element:before {
        left: -35px
    }
}

.f-timeline-absolute-after,
.f-timeline-single-element:after,
.f-timeline-last-element:after,
.f-timeline-middle-element:after,
.f-timeline-first-element:after {
    content: "";
    position: absolute;
    top: calc(50% + 12px + 20px);
    bottom: -16px;
    left: -54px;
    width: 2px
}

@media (max-width: 959px) {

    .f-timeline-absolute-after,
    .f-timeline-single-element:after,
    .f-timeline-last-element:after,
    .f-timeline-middle-element:after,
    .f-timeline-first-element:after {
        left: -35px
    }
}

.f-timeline-first-element:before {
    background-image: linear-gradient(to top, #b5b5b5, rgba(181, 181, 181, 0))
}

.f-timeline-first-element:after {
    background-color: #b5b5b5
}

.f-timeline-middle-element:before {
    background-color: #b5b5b5
}

.f-timeline-middle-element:after {
    background-color: #b5b5b5
}

.f-timeline-last-element:before {
    background-color: #b5b5b5
}

.f-timeline-last-element:after {
    background-image: linear-gradient(to bottom, #b5b5b5, rgba(181, 181, 181, 0))
}

.f-timeline-single-element:before {
    background-image: linear-gradient(to top, #b5b5b5, rgba(181, 181, 181, 0))
}

.f-timeline-single-element:after {
    background-image: linear-gradient(to bottom, #b5b5b5, rgba(181, 181, 181, 0))
}

.f-editor-inline-wrapper {
    position: relative;
    width: calc(100% - 104px)
}

@media (max-width: 959px) {
    .f-editor-inline-wrapper {
        width: calc(100% - 52px)
    }
}

.f-editor-inline-editing-width {
    margin: 16px 0 16px 104px
}

@media (max-width: 959px) {
    .f-editor-inline-editing-width {
        margin: 16px 0 16px 52px
    }
}

.f-editor-inline-editing-styles {
    width: 100%
}

.f-timeline-spinner-removed-record {
    width: 100%
}

.f-mention {
    display: inline;
    border-radius: 16px;
    padding: 0 4px;
    word-break: break-word;
    background-color: #4a90e21a;
    cursor: default
}

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

.f-img-responsive-rounded-corners {
    max-width: 100%;
    height: auto;
    border-radius: 4px
}

.f-img-responsive-centered {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.f-img-responsive-centered-rounded-corners {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px
}

.f-custom-mat-snack-bar-container {
    color: #ffffffb3 !important;
    background: white !important;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f !important
}

.f-custom-mat-snack-bar {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #000;
    background: white
}

.f-option-focused {
    background: #e1ebf5;
    color: #000000de
}

.f-options-group-not-focused {
    background: rgba(216, 216, 216, .5)
}

.f-options-group-focused {
    background: #e1ebf5
}

.f-options-sub-group-focused {
    background: #e1ebf5
}

.f-gantt-main-container {
    height: 100%;
    width: 100%;
    background-color: #fff
}

.f-gantt-main-container .f-gantt-chart-table-parent {
    width: 100%;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    color: #757575;
    fill: #757575
}

.f-gantt-header-container {
    width: 100%;
    background-color: #fff
}

.f-gantt-timeline-all-days,
.f-gantt-timeline-current-day,
.f-gantt-timeline-odd-days {
    padding-top: 4px
}

.f-gantt-timeline-odd-days {
    background-color: #f5f5f566;
    position: relative
}

.f-gantt-timeline-current-day {
    background-color: #50e3c233
}

.f-gantt-grid-custom-header {
    color: #3ca4f1;
    display: flex;
    align-items: center;
    align-content: center;
    font-weight: bold;
    width: 100%;
    height: 100%
}

.f-gantt-grid-custom-header .f-gantt-hide-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.f-gantt-justify-content-space-between {
    justify-content: space-between
}

.f-gantt-justify-content-center {
    justify-content: center
}

.f-status-sub-wrapper {
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.f-gantt-status {
    font-weight: 600;
    color: #9b9b9bbf;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal
}

.f-gantt-open-closed-icon {
    color: gray;
    cursor: pointer;
    border-radius: 50%
}

.f-gantt-open-closed-icon:hover {
    background-color: #add8e680
}

.f-gantt-grid-indent {
    width: 10px;
    float: left;
    height: 100%
}

.f-gantt-timeline-day-style {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 4px
}

.f-gantt-z-index-1 {
    z-index: 1
}

.f-gantt-text-color-white {
    color: #fff
}

.f-gantt-marker-today {
    background-color: #4ee33df5 !important
}

.f-spinner-semi-transparent-background {
    background: rgba(255, 255, 255, .6)
}

.f-spinner-solid-background {
    background: #fff
}

.f-gantt-tooltip-wrapper {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px
}

.f-gantt-marker-today {
    background-color: #4ee33df5
}

.white-color {
    background-color: #fff
}

.color-blue {
    color: #0093ee
}

.pointer {
    cursor: pointer
}

.f-margin-auto {
    margin: auto
}

.f-margin-0 {
    margin: 0
}

.f-margin-1px {
    margin: 1px
}

.f-margin-2px {
    margin: 2px
}

.f-margin-3px {
    margin: 3px
}

.f-margin-4px {
    margin: 4px
}

.f-margin-5px {
    margin: 5px
}

.f-margin-8px {
    margin: 8px
}

.f-margin-10px {
    margin: 10px
}

.f-margin-12px {
    margin: 12px
}

.f-margin-15px {
    margin: 15px
}

.f-margin-16px {
    margin: 16px
}

.f-margin-20px {
    margin: 20px
}

.f-margin-24px {
    margin: 24px
}

.f-margin-32px {
    margin: 32px
}

.f-margin-40px {
    margin: 40px
}

.f-margin-48px {
    margin: 48px
}

.f-margin-56px {
    margin: 56px
}

.f-margin-64px {
    margin: 64px
}

.f-margin-top-0 {
    margin-top: 0
}

.f-margin-top-1px {
    margin-top: 1px
}

.f-margin-top-2px {
    margin-top: 2px
}

.f-margin-top-3px {
    margin-top: 3px
}

.f-margin-top-4px {
    margin-top: 4px
}

.f-margin-top-5px {
    margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
    margin-top: 8px
}

.f-margin-top-10px {
    margin-top: 10px
}

.f-margin-top-12px {
    margin-top: 12px
}

.f-margin-top-15px {
    margin-top: 15px
}

.f-margin-top-16px {
    margin-top: 16px
}

.f-margin-top-18px {
    margin-top: 18px
}

.f-margin-top-20px {
    margin-top: 20px
}

.f-margin-top-24px {
    margin-top: 24px
}

.f-margin-top-32px {
    margin-top: 32px
}

.f-margin-top-40px {
    margin-top: 40px
}

.f-margin-top-48px {
    margin-top: 48px
}

.f-margin-top-56px {
    margin-top: 56px
}

.f-margin-top-64px {
    margin-top: 64px
}

.f-margin-bottom-0 {
    margin-bottom: 0
}

.f-margin-bottom-1px {
    margin-bottom: 1px
}

.f-margin-bottom-2px {
    margin-bottom: 2px
}

.f-margin-bottom-3px {
    margin-bottom: 3px
}

.f-margin-bottom-4px {
    margin-bottom: 4px
}

.f-margin-bottom-5px {
    margin-bottom: 5px
}

.f-margin-bottom-8px {
    margin-bottom: 8px
}

.f-margin-bottom-10px {
    margin-bottom: 10px
}

.f-margin-bottom-12px {
    margin-bottom: 12px
}

.f-margin-bottom-15px {
    margin-bottom: 15px
}

.f-margin-bottom-16px {
    margin-bottom: 16px
}

.f-margin-bottom-18px {
    margin-bottom: 18px
}

.f-margin-bottom-20px {
    margin-bottom: 20px
}

.f-margin-bottom-24px {
    margin-bottom: 24px
}

.f-margin-bottom-32px {
    margin-bottom: 32px
}

.f-margin-bottom-40px {
    margin-bottom: 40px
}

.f-margin-bottom-48px {
    margin-bottom: 48px
}

.f-margin-bottom-56px {
    margin-bottom: 56px
}

.f-margin-bottom-60px {
    margin-bottom: 60px
}

.f-margin-bottom-64px {
    margin-bottom: 64px
}

.f-margin-left-0 {
    margin-left: 0
}

.f-margin-left-1px {
    margin-left: 1px
}

.f-margin-left-2px {
    margin-left: 2px
}

.f-margin-left-3px {
    margin-left: 3px
}

.f-margin-left-4px {
    margin-left: 4px
}

.f-margin-left-5px {
    margin-left: 5px
}

.f-margin-left-8px {
    margin-left: 8px
}

.f-margin-left-10px {
    margin-left: 10px
}

.f-margin-left-12px {
    margin-left: 12px
}

.f-margin-left-15px {
    margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
    margin-left: 16px
}

.f-margin-left-18px {
    margin-left: 18px
}

.f-margin-left-20px {
    margin-left: 20px
}

.f-margin-left-24px {
    margin-left: 24px
}

.f-margin-left-32px {
    margin-left: 32px
}

.f-margin-left-40px {
    margin-left: 40px
}

.f-margin-left-48px {
    margin-left: 48px
}

.f-margin-left-56px {
    margin-left: 56px
}

.f-margin-left-64px {
    margin-left: 64px
}

.f-margin-right-0 {
    margin-right: 0
}

.f-margin-right-1px {
    margin-right: 1px
}

.f-margin-right-2px {
    margin-right: 2px
}

.f-margin-right-3px {
    margin-right: 3px
}

.f-margin-right-4px {
    margin-right: 4px
}

.f-margin-right-5px {
    margin-right: 5px
}

.f-margin-right-8px {
    margin-right: 8px
}

.f-margin-right-10px {
    margin-right: 10px
}

.f-margin-right-12px {
    margin-right: 12px
}

.f-margin-right-15px {
    margin-right: 15px
}

.f-margin-right-16px {
    margin-right: 16px
}

.f-margin-right-18px {
    margin-right: 18px
}

.f-margin-right-20px {
    margin-right: 20px
}

.f-margin-right-24px {
    margin-right: 24px
}

.f-margin-right-32px {
    margin-right: 32px
}

.f-margin-right-40px {
    margin-right: 40px
}

.f-margin-right-48px {
    margin-right: 48px
}

.f-margin-right-56px {
    margin-right: 56px
}

.f-margin-right-64px {
    margin-right: 64px
}

.f-padding-top-0 {
    padding-top: 0
}

.f-padding-top-1px {
    padding-top: 1px
}

.f-padding-top-2px {
    padding-top: 2px
}

.f-padding-top-3px {
    padding-top: 3px
}

.f-padding-top-4px {
    padding-top: 4px
}

.f-padding-top-5px {
    padding-top: 5px
}

.f-padding-top-8px {
    padding-top: 8px
}

.f-padding-top-10px {
    padding-top: 10px
}

.f-padding-top-12px {
    padding-top: 12px
}

.f-padding-top-15px {
    padding-top: 15px
}

.f-padding-top-16px {
    padding-top: 16px
}

.f-padding-top-20px {
    padding-top: 20px
}

.f-padding-top-24px {
    padding-top: 24px
}

.f-padding-top-32px {
    padding-top: 32px
}

.f-padding-top-40px {
    padding-top: 40px
}

.f-padding-top-48px {
    padding-top: 48px
}

.f-padding-top-56px {
    padding-top: 56px
}

.f-padding-top-64px {
    padding-top: 64px
}

.f-padding-bottom-0 {
    padding-bottom: 0
}

.f-padding-bottom-1px {
    padding-bottom: 1px
}

.f-padding-bottom-2px {
    padding-bottom: 2px
}

.f-padding-bottom-3px {
    padding-bottom: 3px
}

.f-padding-bottom-4px {
    padding-bottom: 4px
}

.f-padding-bottom-5px {
    padding-bottom: 5px
}

.f-padding-bottom-8px {
    padding-bottom: 8px
}

.f-padding-bottom-10px {
    padding-bottom: 10px
}

.f-padding-bottom-12px {
    padding-bottom: 12px
}

.f-padding-bottom-15px {
    padding-bottom: 15px
}

.f-padding-bottom-16px {
    padding-bottom: 16px
}

.f-padding-bottom-20px {
    padding-bottom: 20px
}

.f-padding-bottom-24px {
    padding-bottom: 24px
}

.f-padding-bottom-32px {
    padding-bottom: 32px
}

.f-padding-bottom-40px {
    padding-bottom: 40px
}

.f-padding-bottom-48px {
    padding-bottom: 48px
}

.f-padding-bottom-56px {
    padding-bottom: 56px
}

.f-padding-bottom-64px {
    padding-bottom: 64px
}

.f-padding-left-0 {
    padding-left: 0
}

.f-padding-left-1px {
    padding-left: 1px
}

.f-padding-left-2px {
    padding-left: 2px
}

.f-padding-left-3px {
    padding-left: 3px
}

.f-padding-left-4px {
    padding-left: 4px
}

.f-padding-left-5px {
    padding-left: 5px
}

.f-padding-left-8px {
    padding-left: 8px
}

.f-padding-left-10px {
    padding-left: 10px
}

.f-padding-left-12px {
    padding-left: 12px
}

.f-padding-left-15px {
    padding-left: 15px
}

.f-padding-left-16px {
    padding-left: 16px
}

.f-padding-left-20px {
    padding-left: 20px
}

.f-padding-left-24px {
    padding-left: 24px
}

.f-padding-left-32px {
    padding-left: 32px
}

.f-padding-left-40px {
    padding-left: 40px
}

.f-padding-left-48px {
    padding-left: 48px
}

.f-padding-left-56px {
    padding-left: 56px
}

.f-padding-left-64px {
    padding-left: 64px
}

.f-padding-right-0 {
    padding-right: 0
}

.f-padding-right-1px {
    padding-right: 1px
}

.f-padding-right-2px {
    padding-right: 2px
}

.f-padding-right-3px {
    padding-right: 3px
}

.f-padding-right-4px {
    padding-right: 4px
}

.f-padding-right-5px {
    padding-right: 5px
}

.f-padding-right-8px {
    padding-right: 8px
}

.f-padding-right-10px {
    padding-right: 10px
}

.f-padding-right-12px {
    padding-right: 12px
}

.f-padding-right-15px {
    padding-right: 15px
}

.f-padding-right-16px {
    padding-right: 16px
}

.f-padding-right-20px {
    padding-right: 20px
}

.f-padding-right-24px {
    padding-right: 24px
}

.f-padding-right-32px {
    padding-right: 32px
}

.f-padding-right-40px {
    padding-right: 40px
}

.f-padding-right-48px {
    padding-right: 48px
}

.f-padding-right-56px {
    padding-right: 56px
}

.f-padding-right-64px {
    padding-right: 64px
}

.f-padding-0 {
    padding: 0
}

.f-padding-1px {
    padding: 1px
}

.f-padding-2px {
    padding: 2px
}

.f-padding-3px {
    padding: 3px
}

.f-padding-4px {
    padding: 4px
}

.f-padding-5px {
    padding: 5px
}

.f-padding-8px {
    padding: 8px
}

.f-padding-10px {
    padding: 10px
}

.f-padding-12px {
    padding: 12px
}

.f-padding-15px {
    padding: 15px
}

.f-padding-16px {
    padding: 16px
}

.f-padding-20px {
    padding: 20px
}

.f-padding-24px {
    padding: 24px
}

.f-padding-32px {
    padding: 32px
}

.f-padding-40px {
    padding: 40px
}

.f-padding-48px {
    padding: 48px
}

.f-padding-56px {
    padding: 56px
}

.f-padding-64px {
    padding: 64px
}

.f-width-100 {
    width: 100%
}

.f-width-75 {
    width: 75%
}

.f-width-60 {
    width: 60%
}

.f-width-50 {
    width: 50%
}

.f-width-35 {
    width: 35%
}

.f-width-25 {
    width: 25%
}

.f-width-20 {
    width: 20%
}

.f-width-10 {
    width: 10%
}

.f-height-100 {
    height: 100%
}

.f-height-48 {
    height: 48px
}

.f-no-pointer-events-important {
    pointer-events: none !important
}

.f-no-pointer-events {
    pointer-events: none
}

.f-not-allowed-cursor {
    cursor: not-allowed
}

.f-pointer-events-auto {
    pointer-events: auto
}

.f-text-align-left {
    text-align: left
}

.f-text-align-right,
.f-text-align-end {
    text-align: right
}

.f-text-align-center {
    text-align: center
}

.f-required-legend {
    color: #373a3c
}

.f-required-legend:before {
    content: "* ";
    color: #d0021b
}

.f-mat-hint {
    font-size: 12px;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif
}

.f-help-text {
    position: relative;
    color: #757575;
    font-size: 12px;
    text-align: end;
    width: 100%;
    padding: 0;
    bottom: 18px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: 16px;
    line-height: 12px
}

.f-mat-error {
    font-size: 75%;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif;
    margin-left: 0
}

.f-no-user-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-cursor-pointer {
    cursor: pointer
}

.f-cursor-normal {
    cursor: default
}

.f-text-uppercase {
    text-transform: uppercase
}

.f-text-lowercase {
    text-transform: lowercase
}

.f-text-bold {
    font-weight: bold !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    width: 100%;
    display: flex;
    margin-top: 16px;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: flex-end;
    text-align: right
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
    align-self: flex-end;
    text-align: end;
    width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
    width: 100%
}

.f-mandatory:after {
    content: "*";
    color: #f44336;
    font-size: 16px;
    margin-left: 3px
}

.alert-svg-large {
    height: 48px;
    width: 48px
}

.f-basic-chip,
.f-basic-pending,
.f-basic-unscheduled,
.f-basic-active,
.f-basic-waiting,
.f-basic-approved,
.f-basic-overdue,
.f-basic-archived,
.f-basic-processing-error,
.f-basic-ready-review,
.f-basic-queued,
.f-basic-high-priority,
.f-basic-medium-priority,
.f-basic-low-priority {
    width: 100%;
    color: #757575
}

.f-raised-chip,
.f-raised-pending,
.f-raised-unscheduled,
.f-raised-active,
.f-raised-waiting,
.f-raised-approved,
.f-raised-overdue,
.f-raised-archived,
.f-raised-processing-error,
.f-raised-ready-review,
.f-raised-queued,
.f-raised-high-priority,
.f-raised-medium-priority,
.f-raised-low-priority {
    line-height: 22px;
    background-color: #757575;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: 100%
}

.f-basic-pending {
    color: #faca00
}

.f-raised-pending {
    background-color: #faca00
}

.f-basic-unscheduled {
    color: #8698d0
}

.f-raised-unscheduled {
    background-color: #8698d0
}

.f-basic-active {
    color: #1abfce
}

.f-raised-active {
    background-color: #1abfce
}

.f-basic-waiting {
    color: #f68b3e
}

.f-raised-waiting {
    background-color: #f68b3e
}

.f-basic-approved {
    color: #5da93f
}

.f-raised-approved {
    background-color: #5da93f
}

.f-basic-overdue {
    color: #f55c58
}

.f-raised-overdue {
    background-color: #f55c58
}

.f-basic-archived {
    color: #989898
}

.f-raised-archived {
    background-color: #989898
}

.f-basic-processing-error {
    color: #3b8ed8
}

.f-raised-processing-error {
    background-color: #3b8ed8
}

.f-basic-ready-review {
    color: #bb9f00
}

.f-raised-ready-review {
    background-color: #bb9f00
}

.f-basic-queued {
    color: #881ab9
}

.f-raised-queued {
    background-color: #881ab9
}

.f-basic-high-priority {
    color: #f55c58
}

.f-raised-high-priority {
    background-color: #f55c58
}

.f-basic-medium-priority {
    color: #f68b3e
}

.f-raised-medium-priority {
    background-color: #f68b3e
}

.f-basic-low-priority {
    color: #1abfce
}

.f-raised-low-priority {
    background-color: #1abfce
}

.f-link,
.f-mention {
    color: #4a90e2;
    cursor: pointer;
    width: 100%
}

.f-font-weight-unset {
    font-weight: unset
}

.f-max-width-unset-important {
    max-width: unset !important
}

.f-font-weight-inherit {
    font-weight: inherit
}

.f-font-weight-normal {
    font-weight: normal
}

.f-font-weight-lighter {
    font-weight: lighter
}

.f-font-weight-bold {
    font-weight: bold
}

.f-font-weight-600 {
    font-weight: 600
}

.f-font-weight-bolder {
    font-weight: bolder
}

.f-position-relative {
    position: relative
}

.f-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.f-overflow-hidden {
    overflow: hidden
}

.f-overflow-y-scroll {
    overflow-y: scroll
}

.f-overflow-x-scroll {
    overflow-x: scroll
}

.f-overflow-auto {
    overflow: auto
}

.f-letter-spacing-0-5 {
    letter-spacing: .5px
}

.f-letter-spacing-1 {
    letter-spacing: 1px
}

.f-letter-spacing-1-25 {
    letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
    letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
    letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
    letter-spacing: 1.83px
}

.f-letter-spacing-2 {
    letter-spacing: 2px
}

.f-white-space-nowrap {
    white-space: nowrap
}

.f-inline-block {
    display: inline-block
}

.f-display-block {
    display: block
}

.f-z-index-1 {
    z-index: 1
}

.f-text-color-warning {
    color: #f44336
}

.f-count {
    background: rgba(0, 0, 0, .87);
    border-radius: 2px;
    color: #fff;
    margin-left: 12px;
    padding: 2px 6px
}

.f-black-text-54 {
    color: #0000008a
}

.f-spacer-16 {
    margin-top: 16px
}

.f-spacer-20 {
    margin-top: 20px
}

.f-spacer-24 {
    margin-top: 24px
}

.f-underline {
    text-decoration: underline
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0px;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-flex-center-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-border-horizontal-1px {
    border-top: solid 1px #cccccc
}

.f-break-word {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.f-color-inherit {
    color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
    transform: rotate(135deg) !important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
    transform: none
}

.f-panel-container .f-no-data-label {
    bottom: 30%
}

.f-panel-container fcsky-shared-button div {
    padding-top: 16px
}

.f-panel-container fcsky-shared-button div button span span {
    margin: auto
}

.f-links-listing-button .f-button span span,
.f-links-listing-button .f-button-dropdown-trigger span span {
    margin: auto
}

.f-links-listing-button.group-action .f-button-wrapper {
    padding: 16px
}

.f-links-listing-button.global-action .f-button-wrapper {
    padding: 16px
}

.f-right-shadow {
    box-shadow: 5px 0 5px -5px #0000001f
}

.f-left-shadow {
    box-shadow: -5px 0 5px -5px #0000001f
}

.f-vertical-align-middle {
    vertical-align: middle
}

.f-pointer {
    cursor: pointer
}

.f-line-height-24px {
    line-height: 24px
}

.f-fixed-position {
    position: sticky;
    z-index: 1000;
    top: 56px;
    height: 62px;
    background-color: #fff;
    box-shadow: 0 2px 8px #0000001f;
    padding-left: 8px
}

.f-fixed-position .f-collapsable {
    box-shadow: none;
    border-top: none;
    width: 36px !important
}

span.mat-button-wrapper {
    align-items: center
}

.f-button-dropdown.mat-menu-panel {
    max-width: unset !important
}

.f-button-dropdown-trigger {
    min-width: 112px;
    text-overflow: ellipsis;
    overflow: hidden
}


 .f-grid-col-height {
    min-height: 281px
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif
}

h1 {
    font-size: 64px;
    line-height: 80px;
    font-weight: 700
}

h2 {
    font-size: 48px;
    line-height: 72px;
    font-weight: 600
}

h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 400
}

h4 {
    font-size: 24px;
    line-height: 46px;
    font-weight: 300
}

h5 {
    font-size: 22px;
    line-height: 42px;
    font-weight: 700
}

h6 {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600
}

.f-title,
.f-title-wst,
.f-section-title,
.f-page-header-title {
    font-family: "Montserrat", sans-serif
}

.f-title,
.f-section-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700
}

.f-title-wst {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-page-header-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700
}

label,
.f-form-label {
    font-family: "Montserrat", sans-serif
}

p,
.f-form-text,
.f-link-text,
.f-link-text-bold {
    font-family: "Source Sans Pro", sans-serif
}

label,
.f-form-label {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-form-text {
    font-size: 12px;
    line-height: 28px;
    font-weight: 400
}

p,
.f-link-text,
a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

a,
a:link,
a:hover,
.f-link-text,
.f-link-text-bold {
    color: #0093ee
}

a:link {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.f-link-text-bold {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

section {
    display: inline-block
}

body {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.mat-button:focus,
.mat-fab:focus,
.mat-flat-button:focus,
.mat-icon-button:focus,
.mat-mini-fab:focus,
.mat-raised-button:focus,
.mat-stroked-button:focus,
.mat-menu-item:focus {
    outline: none
}

::ng-deep .mat-sort-header-container button:focus {
    outline: none
}

::ng-deep .mat-tab-label .mat-tab-label-content .mat-icon {
    margin: 0 8px
}

.mat-table {
    max-height: none
}

.white-color {
    background-color: #fff
}

.color-blue {
    color: #0093ee
}

.pointer {
    cursor: pointer
}

.f-margin-auto {
    margin: auto
}

.f-margin-0 {
    margin: 0
}

.f-margin-1px {
    margin: 1px
}

.f-margin-2px {
    margin: 2px
}

.f-margin-3px {
    margin: 3px
}

.f-margin-4px {
    margin: 4px
}

.f-margin-5px {
    margin: 5px
}

.f-margin-8px {
    margin: 8px
}

.f-margin-10px {
    margin: 10px
}

.f-margin-12px {
    margin: 12px
}

.f-margin-15px {
    margin: 15px
}

.f-margin-16px {
    margin: 16px
}

.f-margin-20px {
    margin: 20px
}

.f-margin-24px {
    margin: 24px
}

.f-margin-32px {
    margin: 32px
}

.f-margin-40px {
    margin: 40px
}

.f-margin-48px {
    margin: 48px
}

.f-margin-56px {
    margin: 56px
}

.f-margin-64px {
    margin: 64px
}

.f-margin-top-0 {
    margin-top: 0
}

.f-margin-top-1px {
    margin-top: 1px
}

.f-margin-top-2px {
    margin-top: 2px
}

.f-margin-top-3px {
    margin-top: 3px
}

.f-margin-top-4px {
    margin-top: 4px
}

.f-margin-top-5px {
    margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
    margin-top: 8px
}

.f-margin-top-10px {
    margin-top: 10px
}

.f-margin-top-12px {
    margin-top: 12px
}

.f-margin-top-15px {
    margin-top: 15px
}

.f-margin-top-16px {
    margin-top: 16px
}

.f-margin-top-18px {
    margin-top: 18px
}

.f-margin-top-20px {
    margin-top: 20px
}

.f-margin-top-24px {
    margin-top: 24px
}

.f-margin-top-32px {
    margin-top: 32px
}

.f-margin-top-40px {
    margin-top: 40px
}

.f-margin-top-48px {
    margin-top: 48px
}

.f-margin-top-56px {
    margin-top: 56px
}

.f-margin-top-64px {
    margin-top: 64px
}

.f-margin-bottom-0 {
    margin-bottom: 0
}

.f-margin-bottom-1px {
    margin-bottom: 1px
}

.f-margin-bottom-2px {
    margin-bottom: 2px
}

.f-margin-bottom-3px {
    margin-bottom: 3px
}

.f-margin-bottom-4px {
    margin-bottom: 4px
}

.f-margin-bottom-5px {
    margin-bottom: 5px
}

.f-margin-bottom-8px {
    margin-bottom: 8px
}

.f-margin-bottom-10px {
    margin-bottom: 10px
}

.f-margin-bottom-12px {
    margin-bottom: 12px
}

.f-margin-bottom-15px {
    margin-bottom: 15px
}

.f-margin-bottom-16px {
    margin-bottom: 16px
}

.f-margin-bottom-18px {
    margin-bottom: 18px
}

.f-margin-bottom-20px {
    margin-bottom: 20px
}

.f-margin-bottom-24px {
    margin-bottom: 24px
}

.f-margin-bottom-32px {
    margin-bottom: 32px
}

.f-margin-bottom-40px {
    margin-bottom: 40px
}

.f-margin-bottom-48px {
    margin-bottom: 48px
}

.f-margin-bottom-56px {
    margin-bottom: 56px
}

.f-margin-bottom-60px {
    margin-bottom: 60px
}

.f-margin-bottom-64px {
    margin-bottom: 64px
}

.f-margin-left-0 {
    margin-left: 0
}

.f-margin-left-1px {
    margin-left: 1px
}

.f-margin-left-2px {
    margin-left: 2px
}

.f-margin-left-3px {
    margin-left: 3px
}

.f-margin-left-4px {
    margin-left: 4px
}

.f-margin-left-5px {
    margin-left: 5px
}

.f-margin-left-8px {
    margin-left: 8px
}

.f-margin-left-10px {
    margin-left: 10px
}

.f-margin-left-12px {
    margin-left: 12px
}

.f-margin-left-15px {
    margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
    margin-left: 16px
}

.f-margin-left-18px {
    margin-left: 18px
}

.f-margin-left-20px {
    margin-left: 20px
}

.f-margin-left-24px {
    margin-left: 24px
}

.f-margin-left-32px {
    margin-left: 32px
}

.f-margin-left-40px {
    margin-left: 40px
}

.f-margin-left-48px {
    margin-left: 48px
}

.f-margin-left-56px {
    margin-left: 56px
}

.f-margin-left-64px {
    margin-left: 64px
}

.f-margin-right-0 {
    margin-right: 0
}

.f-margin-right-1px {
    margin-right: 1px
}

.f-margin-right-2px {
    margin-right: 2px
}

.f-margin-right-3px {
    margin-right: 3px
}

.f-margin-right-4px {
    margin-right: 4px
}

.f-margin-right-5px {
    margin-right: 5px
}

.f-margin-right-8px {
    margin-right: 8px
}

.f-margin-right-10px {
    margin-right: 10px
}

.f-margin-right-12px {
    margin-right: 12px
}

.f-margin-right-15px {
    margin-right: 15px
}

.f-margin-right-16px {
    margin-right: 16px
}

.f-margin-right-18px {
    margin-right: 18px
}

.f-margin-right-20px {
    margin-right: 20px
}

.f-margin-right-24px {
    margin-right: 24px
}

.f-margin-right-32px {
    margin-right: 32px
}

.f-margin-right-40px {
    margin-right: 40px
}

.f-margin-right-48px {
    margin-right: 48px
}

.f-margin-right-56px {
    margin-right: 56px
}

.f-margin-right-64px {
    margin-right: 64px
}

.f-padding-top-0 {
    padding-top: 0
}

.f-padding-top-1px {
    padding-top: 1px
}

.f-padding-top-2px {
    padding-top: 2px
}

.f-padding-top-3px {
    padding-top: 3px
}

.f-padding-top-4px {
    padding-top: 4px
}

.f-padding-top-5px {
    padding-top: 5px
}

.f-padding-top-8px {
    padding-top: 8px
}

.f-padding-top-10px {
    padding-top: 10px
}

.f-padding-top-12px {
    padding-top: 12px
}

.f-padding-top-15px {
    padding-top: 15px
}

.f-padding-top-16px {
    padding-top: 16px
}

.f-padding-top-20px {
    padding-top: 20px
}

.f-padding-top-24px {
    padding-top: 24px
}

.f-padding-top-32px {
    padding-top: 32px
}

.f-padding-top-40px {
    padding-top: 40px
}

.f-padding-top-48px {
    padding-top: 48px
}

.f-padding-top-56px {
    padding-top: 56px
}

.f-padding-top-64px {
    padding-top: 64px
}

.f-padding-bottom-0 {
    padding-bottom: 0
}

.f-padding-bottom-1px {
    padding-bottom: 1px
}

.f-padding-bottom-2px {
    padding-bottom: 2px
}

.f-padding-bottom-3px {
    padding-bottom: 3px
}

.f-padding-bottom-4px {
    padding-bottom: 4px
}

.f-padding-bottom-5px {
    padding-bottom: 5px
}

.f-padding-bottom-8px {
    padding-bottom: 8px
}

.f-padding-bottom-10px {
    padding-bottom: 10px
}

.f-padding-bottom-12px {
    padding-bottom: 12px
}

.f-padding-bottom-15px {
    padding-bottom: 15px
}

.f-padding-bottom-16px {
    padding-bottom: 16px
}

.f-padding-bottom-20px {
    padding-bottom: 20px
}

.f-padding-bottom-24px {
    padding-bottom: 24px
}

.f-padding-bottom-32px {
    padding-bottom: 32px
}

.f-padding-bottom-40px {
    padding-bottom: 40px
}

.f-padding-bottom-48px {
    padding-bottom: 48px
}

.f-padding-bottom-56px {
    padding-bottom: 56px
}

.f-padding-bottom-64px {
    padding-bottom: 64px
}

.f-padding-left-0 {
    padding-left: 0
}

.f-padding-left-1px {
    padding-left: 1px
}

.f-padding-left-2px {
    padding-left: 2px
}

.f-padding-left-3px {
    padding-left: 3px
}

.f-padding-left-4px {
    padding-left: 4px
}

.f-padding-left-5px {
    padding-left: 5px
}

.f-padding-left-8px {
    padding-left: 8px
}

.f-padding-left-10px {
    padding-left: 10px
}

.f-padding-left-12px {
    padding-left: 12px
}

.f-padding-left-15px {
    padding-left: 15px
}

.f-padding-left-16px {
    padding-left: 16px
}

.f-padding-left-20px {
    padding-left: 20px
}

.f-padding-left-24px {
    padding-left: 24px
}

.f-padding-left-32px {
    padding-left: 32px
}

.f-padding-left-40px {
    padding-left: 40px
}

.f-padding-left-48px {
    padding-left: 48px
}

.f-padding-left-56px {
    padding-left: 56px
}

.f-padding-left-64px {
    padding-left: 64px
}

.f-padding-right-0 {
    padding-right: 0
}

.f-padding-right-1px {
    padding-right: 1px
}

.f-padding-right-2px {
    padding-right: 2px
}

.f-padding-right-3px {
    padding-right: 3px
}

.f-padding-right-4px {
    padding-right: 4px
}

.f-padding-right-5px {
    padding-right: 5px
}

.f-padding-right-8px {
    padding-right: 8px
}

.f-padding-right-10px {
    padding-right: 10px
}

.f-padding-right-12px {
    padding-right: 12px
}

.f-padding-right-15px {
    padding-right: 15px
}

.f-padding-right-16px {
    padding-right: 16px
}

.f-padding-right-20px {
    padding-right: 20px
}

.f-padding-right-24px {
    padding-right: 24px
}

.f-padding-right-32px {
    padding-right: 32px
}

.f-padding-right-40px {
    padding-right: 40px
}

.f-padding-right-48px {
    padding-right: 48px
}

.f-padding-right-56px {
    padding-right: 56px
}

.f-padding-right-64px {
    padding-right: 64px
}

.f-padding-0 {
    padding: 0
}

.f-padding-1px {
    padding: 1px
}

.f-padding-2px {
    padding: 2px
}

.f-padding-3px {
    padding: 3px
}

.f-padding-4px {
    padding: 4px
}

.f-padding-5px {
    padding: 5px
}

.f-padding-8px {
    padding: 8px
}

.f-padding-10px {
    padding: 10px
}

.f-padding-12px {
    padding: 12px
}

.f-padding-15px {
    padding: 15px
}

.f-padding-16px {
    padding: 16px
}

.f-padding-20px {
    padding: 20px
}

.f-padding-24px {
    padding: 24px
}

.f-padding-32px {
    padding: 32px
}

.f-padding-40px {
    padding: 40px
}

.f-padding-48px {
    padding: 48px
}

.f-padding-56px {
    padding: 56px
}

.f-padding-64px {
    padding: 64px
}

.f-width-100 {
    width: 100%
}

.f-width-75 {
    width: 75%
}

.f-width-60 {
    width: 60%
}

.f-width-50 {
    width: 50%
}

.f-width-35 {
    width: 35%
}

.f-width-25 {
    width: 25%
}

.f-width-20 {
    width: 20%
}

.f-width-10 {
    width: 10%
}

.f-height-100 {
    height: 100%
}

.f-height-48 {
    height: 48px
}

.f-no-pointer-events-important {
    pointer-events: none !important
}

.f-no-pointer-events {
    pointer-events: none
}

.f-not-allowed-cursor {
    cursor: not-allowed
}

.f-pointer-events-auto {
    pointer-events: auto
}

.f-text-align-left {
    text-align: left
}

.f-text-align-right,
.f-text-align-end {
    text-align: right
}

.f-text-align-center {
    text-align: center
}

.f-required-legend {
    color: #373a3c
}

.f-required-legend:before {
    content: "* ";
    color: #d0021b
}

.f-mat-hint {
    font-size: 12px;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif
}

.f-help-text {
    position: relative;
    color: #757575;
    font-size: 12px;
    text-align: end;
    width: 100%;
    padding: 0;
    bottom: 18px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: 16px;
    line-height: 12px
}

.f-mat-error {
    font-size: 75%;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif;
    margin-left: 0
}

.f-no-user-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-cursor-pointer {
    cursor: pointer
}

.f-cursor-normal {
    cursor: default
}

.f-text-uppercase {
    text-transform: uppercase
}

.f-text-lowercase {
    text-transform: lowercase
}

.f-text-bold {
    font-weight: bold !important
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    width: 100%;
    display: flex;
    margin-top: 16px;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: flex-end;
    text-align: right
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
    align-self: flex-end;
    text-align: end;
    width: 100%
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
    width: 100%
}

.f-mandatory:after {
    content: "*";
    color: #f44336;
    font-size: 16px;
    margin-left: 3px
}

.alert-svg-large {
    height: 48px;
    width: 48px
}

.f-basic-chip,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-high-priority,
.f-basic-queued,
.f-basic-ready-review,
.f-basic-processing-error,
.f-basic-archived,
.f-basic-overdue,
.f-basic-approved,
.f-basic-waiting,
.f-basic-active,
.f-basic-unscheduled,
.f-basic-pending {
    width: 100%;
    color: #757575
}

.f-raised-chip,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-high-priority,
.f-raised-queued,
.f-raised-ready-review,
.f-raised-processing-error,
.f-raised-archived,
.f-raised-overdue,
.f-raised-approved,
.f-raised-waiting,
.f-raised-active,
.f-raised-unscheduled,
.f-raised-pending {
    line-height: 22px;
    background-color: #757575;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: 100%
}

.f-basic-pending {
    color: #faca00
}

.f-raised-pending {
    background-color: #faca00
}

.f-basic-unscheduled {
    color: #8698d0
}

.f-raised-unscheduled {
    background-color: #8698d0
}

.f-basic-active {
    color: #1abfce
}

.f-raised-active {
    background-color: #1abfce
}

.f-basic-waiting {
    color: #f68b3e
}

.f-raised-waiting {
    background-color: #f68b3e
}

.f-basic-approved {
    color: #5da93f
}

.f-raised-approved {
    background-color: #5da93f
}

.f-basic-overdue {
    color: #f55c58
}

.f-raised-overdue {
    background-color: #f55c58
}

.f-basic-archived {
    color: #989898
}

.f-raised-archived {
    background-color: #989898
}

.f-basic-processing-error {
    color: #3b8ed8
}

.f-raised-processing-error {
    background-color: #3b8ed8
}

.f-basic-ready-review {
    color: #bb9f00
}

.f-raised-ready-review {
    background-color: #bb9f00
}

.f-basic-queued {
    color: #881ab9
}

.f-raised-queued {
    background-color: #881ab9
}

.f-basic-high-priority {
    color: #f55c58
}

.f-raised-high-priority {
    background-color: #f55c58
}

.f-basic-medium-priority {
    color: #f68b3e
}

.f-raised-medium-priority {
    background-color: #f68b3e
}

.f-basic-low-priority {
    color: #1abfce
}

.f-raised-low-priority {
    background-color: #1abfce
}

.f-link {
    color: #4a90e2;
    cursor: pointer;
    width: 100%
}

.f-font-weight-unset {
    font-weight: unset
}

.f-max-width-unset-important {
    max-width: unset !important
}

.f-font-weight-inherit {
    font-weight: inherit
}

.f-font-weight-normal {
    font-weight: normal
}

.f-font-weight-lighter {
    font-weight: lighter
}

.f-font-weight-bold {
    font-weight: bold
}

.f-font-weight-600 {
    font-weight: 600
}

.f-font-weight-bolder {
    font-weight: bolder
}

.f-position-relative {
    position: relative
}

.f-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.f-overflow-hidden {
    overflow: hidden
}

.f-overflow-y-scroll {
    overflow-y: scroll
}

.f-overflow-x-scroll {
    overflow-x: scroll
}

.f-overflow-auto {
    overflow: auto
}

.f-letter-spacing-0-5 {
    letter-spacing: .5px
}

.f-letter-spacing-1 {
    letter-spacing: 1px
}

.f-letter-spacing-1-25 {
    letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
    letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
    letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
    letter-spacing: 1.83px
}

.f-letter-spacing-2 {
    letter-spacing: 2px
}

.f-white-space-nowrap {
    white-space: nowrap
}

.f-inline-block {
    display: inline-block
}

.f-display-block {
    display: block
}

.f-z-index-1 {
    z-index: 1
}

.f-text-color-warning {
    color: #f44336
}

.f-count {
    background: rgba(0, 0, 0, .87);
    border-radius: 2px;
    color: #fff;
    margin-left: 12px;
    padding: 2px 6px
}

.f-black-text-54 {
    color: #0000008a
}

.f-spacer-16 {
    margin-top: 16px
}

.f-spacer-20 {
    margin-top: 20px
}

.f-spacer-24 {
    margin-top: 24px
}

.f-underline {
    text-decoration: underline
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0px;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-flex-center-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-matspinner-default::ng-deep circle {
    stroke: #2196f3
}

.f-border-horizontal-1px {
    border-top: solid 1px #cccccc
}

.f-break-word {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.f-color-inherit {
    color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
    transform: rotate(135deg) !important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
    transform: none
}

.f-panel-container .f-no-data-label {
    bottom: 30%
}

.f-panel-container fcsky-shared-button div {
    padding-top: 16px
}

.f-panel-container fcsky-shared-button div button span span {
    margin: auto
}

.f-links-listing-button .f-button span span {
    margin: auto
}

.f-links-listing-button.group-action .f-button-wrapper {
    padding: 16px
}

.f-links-listing-button.global-action .f-button-wrapper {
    padding: 16px
}

.f-right-shadow {
    box-shadow: 5px 0 5px -5px #0000001f
}

.f-left-shadow {
    box-shadow: -5px 0 5px -5px #0000001f
}

.f-vertical-align-middle {
    vertical-align: middle
}

.f-pointer {
    cursor: pointer
}

.f-line-height-24px {
    line-height: 24px
}

.f-fixed-position {
    position: sticky;
    z-index: 1000;
    top: 56px;
    height: 62px;
    background-color: #fff;
    box-shadow: 0 2px 8px #0000001f;
    padding-left: 8px
}

.f-fixed-position .f-collapsable {
    box-shadow: none;
    border-top: none;
    width: 36px !important
}

.f-selected-items-bar {
    height: 54px;
    background-color: #e8effc;
    display: flex;
    flex-direction: row;
    place-content: stretch space-between
}

.f-selected-items-bar .f-selected-items {
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 54px;
    padding-left: 24px;
    font-weight: 600
}

.f-selected-items-bar .f-selected-items-actions {
    line-height: 54px;
    display: inline-block
}

.f-selected-items-bar .f-display-actions {
    display: inline-block;
    vertical-align: middle
}

.f-selected-items-bar .f-display-inline-block {
    display: inline-block
}

.f-selected-items-bar .f-upfront-action {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 54px;
    vertical-align: middle;
    font-weight: 600;
    color: #4a90e2;
    cursor: pointer
}

.f-selected-items-bar .f-action-right-padding {
    padding-right: 15px
}

.f-selected-items-bar .f-icon-right-padding {
    padding-right: 5px
}

.f-table {
    width: 100%;
    box-sizing: border-box
}

.f-table *,
.f-table *:before,
.f-table *:after {
    box-sizing: border-box
}

.f-table-cell-with-icon {
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer
}

.f-table .f-alternate-color-row {
    background-color: #f1f1f1
}

.f-table .f-sticky-header-cell {
    z-index: 102 !important
}

.f-table .f-table-header-cell {
    height: 56px;
    background-color: #ebebeb;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #9b9b9b !important;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0 8px
}

.f-table .f-table-header-cell .f-table-header-drag-me {
    position: absolute;
    height: 100%;
    width: 20px;
    top: 0;
    cursor: col-resize
}

.f-table .f-table-header-cell .f-left {
    left: 0
}

.f-table .f-table-header-cell .f-right {
    right: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:after {
    content: "";
    width: 1px;
    display: inline-block;
    background: #9b9b9b;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:before {
    content: "";
    width: 1px;
    display: inline-block;
    background: #9b9b9b;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.f-table .f-table-header-cell:not(tr) {
    padding: 0 8px
}

.f-table .f-table-header-cell ::ng-deep button {
    text-transform: uppercase
}

.f-table .f-table-header-cell.f-min-width-header-cell {
    flex: 0 0 60px
}

.f-table .f-table-header-cell mat-checkbox {
    margin-left: 0 !important
}

.f-table .f-table-row-cell {
    line-height: 18px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #4a4a4a
}

.f-table .f-table-row-cell.f-min-width-row-cell {
    min-width: 60px;
    max-width: 60px
}

.f-table .f-table-row-cell mat-checkbox {
    margin-left: 0
}

.f-table td {
    border-bottom: 0
}

.f-table tr.selected td {
    background-color: #ebf6ff
}

.f-table .f-new-row {
    background-color: #e1f8f3
}

.f-table fcsky-shared-svg {
    vertical-align: text-top;
    display: inline-block;
    margin-right: 5px
}

.f-table .f-right-align {
    margin-left: auto;
    margin-right: 5px
}

.f-table .f-sticky {
    position: sticky;
    top: 0
}

.f-table td.mat-cell:first-of-type,
.f-table td.mat-footer-cell:first-of-type,
.f-table th.mat-header-cell:first-of-type {
    padding-left: 24px !important
}

.f-table td.mat-cell:first-of-type .f-cell-container-full-width,
.f-table td.mat-footer-cell:first-of-type .f-cell-container-full-width,
.f-table th.mat-header-cell:first-of-type .f-cell-container-full-width {
    padding: 0
}

.f-table td.mat-cell,
.f-table td.mat-footer-cell,
.f-table th.mat-header-cell {
    vertical-align: middle !important
}

.f-table th.mat-column-check,
.f-table th.mat-column-actions,
.f-table td.mat-column-check,
.f-table td.mat-column-actions {
    box-sizing: border-box
}

.f-table mat-checkbox {
    margin-left: 24px
}

.f-table .mat-header-row {
    z-index: 100
}

.f-table.f-padding-left-24 .mat-header-row {
    padding: 0 24px;
    border-bottom: 0
}

.f-table.f-padding-left-24 .mat-row {
    padding: 0 24px
}

.f-table.f-padding-left-24 .f-table-detail-row fcsky-shared-attachments {
    margin: 0
}

.f-table fcsky-shared-attachments {
    width: 100%
}

.f-table .f-no-data {
    position: relative;
    text-align: center
}

.f-table .f-no-data tr {
    border: 0
}

.f-table .f-table-footer {
    border: 0;
    display: flex;
    width: 100%
}

.f-table .f-hide-footer {
    display: none
}

.f-table td.mat-footer-cell {
    border: 0
}

.f-table .f-table-detail-row {
    width: 100%;
    display: flex;
    height: 62px;
    border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-detail-row fcsky-shared-attachments {
    margin-right: 24px
}

.f-table .f-table-detail-row td {
    padding-top: 2px;
    display: block;
    border-bottom: 0
}

.f-table .f-hide-attachments {
    display: none
}

.f-table .f-row-border {
    height: 50px
}

.f-table .f-row-border td {
    border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-attachment-container {
    overflow: hidden;
    display: flex
}

.f-table .f-show-ellipsis,
.f-table .f-link-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    border-right: 16px solid transparent;
    display: inline-block
}

.f-table .f-icon-on-right {
    border-right: 5px solid transparent
}

.f-table .f-link-ellipsis {
    color: #0093ee
}

.f-table .f-cell-container-full-width {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px;
    box-sizing: border-box
}

.f-table .f-align-to-right {
    text-align: right;
    justify-content: flex-end;
    width: 100%
}

.f-table .f-align-to-right .f-table-header-ellipsis {
    text-align: right;
    justify-content: flex-end
}

.f-table .f-align-to-center {
    text-align: center;
    justify-content: center;
    width: 100%
}

.f-table .f-align-to-center .f-table-header-ellipsis {
    text-align: center;
    justify-content: center
}

.f-table .f-cell-with-icon {
    min-width: calc(100% - 29px);
    max-width: calc(100% - 29px)
}

.f-table .f-status-width {
    width: auto;
    border: 0
}

.f-table .f-status-ellipsis {
    color: #fff
}

.f-table .f-table-header-ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    justify-content: flex-start
}

.f-table ::ng-deep .mat-sort-header-content {
    width: calc(100% - 18px)
}

.f-table fcsky-shared-table-link,
.f-table fcsky-shared-table-chip,
.f-table fcsky-shared-table-attachment-column,
.f-table fcsky-shared-table-cell-phone-number,
.f-table fcsky-shared-table-date,
.f-table fcsky-shared-table-default,
.f-table fcsky-shared-table-multi-link {
    display: contents
}

.f-table-pagination-wrapper {
    position: relative
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.f-no-attachments {
    display: flex;
    margin-left: 60px;
    height: 61px
}

.f-no-attachments span {
    padding-top: 2px;
    color: #838383
}

.f-number-of-records {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    border-top: 1px solid #e6e6e6
}

.f-number-of-records span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    color: #0000008a
}

.f-no-data-label {
    line-height: 18px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%)
}

.f-attachment-count {
    vertical-align: middle
}

.grey-color {
    background-color: #f1f1f1
}

.simple-color {
    background-color: #fff
}

.cdk-drag-preview {
    height: 0px !important;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
    background-color: #ebebeb;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #9b9b9b;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: unset;
    padding: 24px 16px;
    overflow: hidden
}

.cdk-drag-placeholder {
    opacity: 0;
    height: 0
}

.cdk-drop-list-dragging .cdk-drag {
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.cdk-drag-animating {
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.f-sticky-attachment-offset {
    height: 61px;
    position: sticky;
    z-index: 20;
    background-color: #fff
}

.f-sticky-attachment-offset.left {
    left: 0
}

.f-sticky-attachment-offset.right {
    right: 0
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif
}

h1 {
    font-size: 64px;
    line-height: 80px;
    font-weight: 700
}

h2 {
    font-size: 48px;
    line-height: 72px;
    font-weight: 600
}

h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 400
}

h4 {
    font-size: 24px;
    line-height: 46px;
    font-weight: 300
}

h5 {
    font-size: 22px;
    line-height: 42px;
    font-weight: 700
}

h6 {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600
}

.f-title,
.f-title-wst,
.f-section-title,
.f-page-header-title {
    font-family: "Montserrat", sans-serif
}

.f-title,
.f-section-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700
}

.f-title-wst {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-page-header-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700
}

label,
.f-form-label {
    font-family: "Montserrat", sans-serif
}

p,
.f-form-text,
.f-link-text,
.f-link-text-bold {
    font-family: "Source Sans Pro", sans-serif
}

label,
.f-form-label {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-form-text {
    font-size: 12px;
    line-height: 28px;
    font-weight: 400
}

p,
.f-link-text,
a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

a,
a:link,
a:hover,
.f-link-text,
.f-link-text-bold {
    color: #0093ee
}

a:link {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.f-link-text-bold {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

section {
    display: inline-block
}

body {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.mat-button:focus,
.mat-fab:focus,
.mat-flat-button:focus,
.mat-icon-button:focus,
.mat-mini-fab:focus,
.mat-raised-button:focus,
.mat-stroked-button:focus,
.mat-menu-item:focus {
    outline: none
}

::ng-deep .mat-sort-header-container button:focus {
    outline: none
}

::ng-deep .mat-tab-label .mat-tab-label-content .mat-icon {
    margin: 0 8px
}

.mat-table {
    max-height: none
}

.white-color {
    background-color: #fff
}

.color-blue {
    color: #0093ee
}

.pointer {
    cursor: pointer
}

.f-margin-auto {
    margin: auto
}

.f-margin-0 {
    margin: 0
}

.f-margin-1px {
    margin: 1px
}

.f-margin-2px {
    margin: 2px
}

.f-margin-3px {
    margin: 3px
}

.f-margin-4px {
    margin: 4px
}

.f-margin-5px {
    margin: 5px
}

.f-margin-8px {
    margin: 8px
}

.f-margin-10px {
    margin: 10px
}

.f-margin-12px {
    margin: 12px
}

.f-margin-15px {
    margin: 15px
}

.f-margin-16px {
    margin: 16px
}

.f-margin-20px {
    margin: 20px
}

.f-margin-24px {
    margin: 24px
}

.f-margin-32px {
    margin: 32px
}

.f-margin-40px {
    margin: 40px
}

.f-margin-48px {
    margin: 48px
}

.f-margin-56px {
    margin: 56px
}

.f-margin-64px {
    margin: 64px
}

.f-margin-top-0 {
    margin-top: 0
}

.f-margin-top-1px {
    margin-top: 1px
}

.f-margin-top-2px {
    margin-top: 2px
}

.f-margin-top-3px {
    margin-top: 3px
}

.f-margin-top-4px {
    margin-top: 4px
}

.f-margin-top-5px {
    margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
    margin-top: 8px
}

.f-margin-top-10px {
    margin-top: 10px
}

.f-margin-top-12px {
    margin-top: 12px
}

.f-margin-top-15px {
    margin-top: 15px
}

.f-margin-top-16px {
    margin-top: 16px
}

.f-margin-top-18px {
    margin-top: 18px
}

.f-margin-top-20px {
    margin-top: 20px
}

.f-margin-top-24px {
    margin-top: 24px
}

.f-margin-top-32px {
    margin-top: 32px
}

.f-margin-top-40px {
    margin-top: 40px
}

.f-margin-top-48px {
    margin-top: 48px
}

.f-margin-top-56px {
    margin-top: 56px
}

.f-margin-top-64px {
    margin-top: 64px
}

.f-margin-bottom-0 {
    margin-bottom: 0
}

.f-margin-bottom-1px {
    margin-bottom: 1px
}

.f-margin-bottom-2px {
    margin-bottom: 2px
}

.f-margin-bottom-3px {
    margin-bottom: 3px
}

.f-margin-bottom-4px {
    margin-bottom: 4px
}

.f-margin-bottom-5px {
    margin-bottom: 5px
}

.f-margin-bottom-8px {
    margin-bottom: 8px
}

.f-margin-bottom-10px {
    margin-bottom: 10px
}

.f-margin-bottom-12px {
    margin-bottom: 12px
}

.f-margin-bottom-15px {
    margin-bottom: 15px
}

.f-margin-bottom-16px {
    margin-bottom: 16px
}

.f-margin-bottom-18px {
    margin-bottom: 18px
}

.f-margin-bottom-20px {
    margin-bottom: 20px
}

.f-margin-bottom-24px {
    margin-bottom: 24px
}

.f-margin-bottom-32px {
    margin-bottom: 32px
}

.f-margin-bottom-40px {
    margin-bottom: 40px
}

.f-margin-bottom-48px {
    margin-bottom: 48px
}

.f-margin-bottom-56px {
    margin-bottom: 56px
}

.f-margin-bottom-60px {
    margin-bottom: 60px
}

.f-margin-bottom-64px {
    margin-bottom: 64px
}

.f-margin-left-0 {
    margin-left: 0
}

.f-margin-left-1px {
    margin-left: 1px
}

.f-margin-left-2px {
    margin-left: 2px
}

.f-margin-left-3px {
    margin-left: 3px
}

.f-margin-left-4px {
    margin-left: 4px
}

.f-margin-left-5px {
    margin-left: 5px
}

.f-margin-left-8px {
    margin-left: 8px
}

.f-margin-left-10px {
    margin-left: 10px
}

.f-margin-left-12px {
    margin-left: 12px
}

.f-margin-left-15px {
    margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
    margin-left: 16px
}

.f-margin-left-18px {
    margin-left: 18px
}

.f-margin-left-20px {
    margin-left: 20px
}

.f-margin-left-24px {
    margin-left: 24px
}

.f-margin-left-32px {
    margin-left: 32px
}

.f-margin-left-40px {
    margin-left: 40px
}

.f-margin-left-48px {
    margin-left: 48px
}

.f-margin-left-56px {
    margin-left: 56px
}

.f-margin-left-64px {
    margin-left: 64px
}

.f-margin-right-0 {
    margin-right: 0
}

.f-margin-right-1px {
    margin-right: 1px
}

.f-margin-right-2px {
    margin-right: 2px
}

.f-margin-right-3px {
    margin-right: 3px
}

.f-margin-right-4px {
    margin-right: 4px
}

.f-margin-right-5px {
    margin-right: 5px
}

.f-margin-right-8px {
    margin-right: 8px
}

.f-margin-right-10px {
    margin-right: 10px
}

.f-margin-right-12px {
    margin-right: 12px
}

.f-margin-right-15px {
    margin-right: 15px
}

.f-margin-right-16px {
    margin-right: 16px
}

.f-margin-right-18px {
    margin-right: 18px
}

.f-margin-right-20px {
    margin-right: 20px
}

.f-margin-right-24px {
    margin-right: 24px
}

.f-margin-right-32px {
    margin-right: 32px
}

.f-margin-right-40px {
    margin-right: 40px
}

.f-margin-right-48px {
    margin-right: 48px
}

.f-margin-right-56px {
    margin-right: 56px
}

.f-margin-right-64px {
    margin-right: 64px
}

.f-padding-top-0 {
    padding-top: 0
}

.f-padding-top-1px {
    padding-top: 1px
}

.f-padding-top-2px {
    padding-top: 2px
}

.f-padding-top-3px {
    padding-top: 3px
}

.f-padding-top-4px {
    padding-top: 4px
}

.f-padding-top-5px {
    padding-top: 5px
}

.f-padding-top-8px {
    padding-top: 8px
}

.f-padding-top-10px {
    padding-top: 10px
}

.f-padding-top-12px {
    padding-top: 12px
}

.f-padding-top-15px {
    padding-top: 15px
}

.f-padding-top-16px {
    padding-top: 16px
}

.f-padding-top-20px {
    padding-top: 20px
}

.f-padding-top-24px {
    padding-top: 24px
}

.f-padding-top-32px {
    padding-top: 32px
}

.f-padding-top-40px {
    padding-top: 40px
}

.f-padding-top-48px {
    padding-top: 48px
}

.f-padding-top-56px {
    padding-top: 56px
}

.f-padding-top-64px {
    padding-top: 64px
}

.f-padding-bottom-0 {
    padding-bottom: 0
}

.f-padding-bottom-1px {
    padding-bottom: 1px
}

.f-padding-bottom-2px {
    padding-bottom: 2px
}

.f-padding-bottom-3px {
    padding-bottom: 3px
}

.f-padding-bottom-4px {
    padding-bottom: 4px
}

.f-padding-bottom-5px {
    padding-bottom: 5px
}

.f-padding-bottom-8px {
    padding-bottom: 8px
}

.f-padding-bottom-10px {
    padding-bottom: 10px
}

.f-padding-bottom-12px {
    padding-bottom: 12px
}

.f-padding-bottom-15px {
    padding-bottom: 15px
}

.f-padding-bottom-16px {
    padding-bottom: 16px
}

.f-padding-bottom-20px {
    padding-bottom: 20px
}

.f-padding-bottom-24px {
    padding-bottom: 24px
}

.f-padding-bottom-32px {
    padding-bottom: 32px
}

.f-padding-bottom-40px {
    padding-bottom: 40px
}

.f-padding-bottom-48px {
    padding-bottom: 48px
}

.f-padding-bottom-56px {
    padding-bottom: 56px
}

.f-padding-bottom-64px {
    padding-bottom: 64px
}

.f-padding-left-0 {
    padding-left: 0
}

.f-padding-left-1px {
    padding-left: 1px
}

.f-padding-left-2px {
    padding-left: 2px
}

.f-padding-left-3px {
    padding-left: 3px
}

.f-padding-left-4px {
    padding-left: 4px
}

.f-padding-left-5px {
    padding-left: 5px
}

.f-padding-left-8px {
    padding-left: 8px
}

.f-padding-left-10px {
    padding-left: 10px
}

.f-padding-left-12px {
    padding-left: 12px
}

.f-padding-left-15px {
    padding-left: 15px
}

.f-padding-left-16px {
    padding-left: 16px
}

.f-padding-left-20px {
    padding-left: 20px
}

.f-padding-left-24px {
    padding-left: 24px
}

.f-padding-left-32px {
    padding-left: 32px
}

.f-padding-left-40px {
    padding-left: 40px
}

.f-padding-left-48px {
    padding-left: 48px
}

.f-padding-left-56px {
    padding-left: 56px
}

.f-padding-left-64px {
    padding-left: 64px
}

.f-padding-right-0 {
    padding-right: 0
}

.f-padding-right-1px {
    padding-right: 1px
}

.f-padding-right-2px {
    padding-right: 2px
}

.f-padding-right-3px {
    padding-right: 3px
}

.f-padding-right-4px {
    padding-right: 4px
}

.f-padding-right-5px {
    padding-right: 5px
}

.f-padding-right-8px {
    padding-right: 8px
}

.f-padding-right-10px {
    padding-right: 10px
}

.f-padding-right-12px {
    padding-right: 12px
}

.f-padding-right-15px {
    padding-right: 15px
}

.f-padding-right-16px {
    padding-right: 16px
}

.f-padding-right-20px {
    padding-right: 20px
}

.f-padding-right-24px {
    padding-right: 24px
}

.f-padding-right-32px {
    padding-right: 32px
}

.f-padding-right-40px {
    padding-right: 40px
}

.f-padding-right-48px {
    padding-right: 48px
}

.f-padding-right-56px {
    padding-right: 56px
}

.f-padding-right-64px {
    padding-right: 64px
}

.f-padding-0 {
    padding: 0
}

.f-padding-1px {
    padding: 1px
}

.f-padding-2px {
    padding: 2px
}

.f-padding-3px {
    padding: 3px
}

.f-padding-4px {
    padding: 4px
}

.f-padding-5px {
    padding: 5px
}

.f-padding-8px {
    padding: 8px
}

.f-padding-10px {
    padding: 10px
}

.f-padding-12px {
    padding: 12px
}

.f-padding-15px {
    padding: 15px
}

.f-padding-16px {
    padding: 16px
}

.f-padding-20px {
    padding: 20px
}

.f-padding-24px {
    padding: 24px
}

.f-padding-32px {
    padding: 32px
}

.f-padding-40px {
    padding: 40px
}

.f-padding-48px {
    padding: 48px
}

.f-padding-56px {
    padding: 56px
}

.f-padding-64px {
    padding: 64px
}

.f-width-100 {
    width: 100%
}

.f-width-75 {
    width: 75%
}

.f-width-60 {
    width: 60%
}

.f-width-50 {
    width: 50%
}

.f-width-35 {
    width: 35%
}

.f-width-25 {
    width: 25%
}

.f-width-20 {
    width: 20%
}

.f-width-10 {
    width: 10%
}

.f-height-100 {
    height: 100%
}

.f-height-48 {
    height: 48px
}

.f-no-pointer-events-important {
    pointer-events: none !important
}

.f-no-pointer-events {
    pointer-events: none
}

.f-not-allowed-cursor {
    cursor: not-allowed
}

.f-pointer-events-auto {
    pointer-events: auto
}

.f-text-align-left {
    text-align: left
}

.f-text-align-right,
.f-text-align-end {
    text-align: right
}

.f-text-align-center {
    text-align: center
}

.f-required-legend {
    color: #373a3c
}

.f-required-legend:before {
    content: "* ";
    color: #d0021b
}

.f-mat-hint {
    font-size: 12px;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif
}

.f-help-text {
    position: relative;
    color: #757575;
    font-size: 12px;
    text-align: end;
    width: 100%;
    padding: 0;
    bottom: 18px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: 16px;
    line-height: 12px
}

.f-mat-error {
    font-size: 75%;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif;
    margin-left: 0
}

.f-no-user-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-cursor-pointer {
    cursor: pointer
}

.f-cursor-normal {
    cursor: default
}

.f-text-uppercase {
    text-transform: uppercase
}

.f-text-lowercase {
    text-transform: lowercase
}

.f-text-bold {
    font-weight: bold !important
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    width: 100%;
    display: flex;
    margin-top: 16px;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: flex-end;
    text-align: right
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
    align-self: flex-end;
    text-align: end;
    width: 100%
}

::ng-deep .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
    width: 100%
}

.f-mandatory:after {
    content: "*";
    color: #f44336;
    font-size: 16px;
    margin-left: 3px
}

.alert-svg-large {
    height: 48px;
    width: 48px
}

.f-basic-chip,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-high-priority,
.f-basic-queued,
.f-basic-ready-review,
.f-basic-processing-error,
.f-basic-archived,
.f-basic-overdue,
.f-basic-approved,
.f-basic-waiting,
.f-basic-active,
.f-basic-unscheduled,
.f-basic-pending {
    width: 100%;
    color: #757575
}

.f-raised-chip,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-high-priority,
.f-raised-queued,
.f-raised-ready-review,
.f-raised-processing-error,
.f-raised-archived,
.f-raised-overdue,
.f-raised-approved,
.f-raised-waiting,
.f-raised-active,
.f-raised-unscheduled,
.f-raised-pending {
    line-height: 22px;
    background-color: #757575;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: 100%
}

.f-basic-pending {
    color: #faca00
}

.f-raised-pending {
    background-color: #faca00
}

.f-basic-unscheduled {
    color: #8698d0
}

.f-raised-unscheduled {
    background-color: #8698d0
}

.f-basic-active {
    color: #1abfce
}

.f-raised-active {
    background-color: #1abfce
}

.f-basic-waiting {
    color: #f68b3e
}

.f-raised-waiting {
    background-color: #f68b3e
}

.f-basic-approved {
    color: #5da93f
}

.f-raised-approved {
    background-color: #5da93f
}

.f-basic-overdue {
    color: #f55c58
}

.f-raised-overdue {
    background-color: #f55c58
}

.f-basic-archived {
    color: #989898
}

.f-raised-archived {
    background-color: #989898
}

.f-basic-processing-error {
    color: #3b8ed8
}

.f-raised-processing-error {
    background-color: #3b8ed8
}

.f-basic-ready-review {
    color: #bb9f00
}

.f-raised-ready-review {
    background-color: #bb9f00
}

.f-basic-queued {
    color: #881ab9
}

.f-raised-queued {
    background-color: #881ab9
}

.f-basic-high-priority {
    color: #f55c58
}

.f-raised-high-priority {
    background-color: #f55c58
}

.f-basic-medium-priority {
    color: #f68b3e
}

.f-raised-medium-priority {
    background-color: #f68b3e
}

.f-basic-low-priority {
    color: #1abfce
}

.f-raised-low-priority {
    background-color: #1abfce
}

.f-link {
    color: #4a90e2;
    cursor: pointer;
    width: 100%
}

.f-font-weight-unset {
    font-weight: unset
}

.f-max-width-unset-important {
    max-width: unset !important
}

.f-font-weight-inherit {
    font-weight: inherit
}

.f-font-weight-normal {
    font-weight: normal
}

.f-font-weight-lighter {
    font-weight: lighter
}

.f-font-weight-bold {
    font-weight: bold
}

.f-font-weight-600 {
    font-weight: 600
}

.f-font-weight-bolder {
    font-weight: bolder
}

.f-position-relative {
    position: relative
}

.f-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.f-overflow-hidden {
    overflow: hidden
}

.f-overflow-y-scroll {
    overflow-y: scroll
}

.f-overflow-x-scroll {
    overflow-x: scroll
}

.f-overflow-auto {
    overflow: auto
}

.f-letter-spacing-0-5 {
    letter-spacing: .5px
}

.f-letter-spacing-1 {
    letter-spacing: 1px
}

.f-letter-spacing-1-25 {
    letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
    letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
    letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
    letter-spacing: 1.83px
}

.f-letter-spacing-2 {
    letter-spacing: 2px
}

.f-white-space-nowrap {
    white-space: nowrap
}

.f-inline-block {
    display: inline-block
}

.f-display-block {
    display: block
}

.f-z-index-1 {
    z-index: 1
}

.f-text-color-warning {
    color: #f44336
}

.f-count {
    background: rgba(0, 0, 0, .87);
    border-radius: 2px;
    color: #fff;
    margin-left: 12px;
    padding: 2px 6px
}

.f-black-text-54 {
    color: #0000008a
}

.f-spacer-16 {
    margin-top: 16px
}

.f-spacer-20 {
    margin-top: 20px
}

.f-spacer-24 {
    margin-top: 24px
}

.f-underline {
    text-decoration: underline
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0px;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-flex-center-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-matspinner-default::ng-deep circle {
    stroke: #2196f3
}

.f-border-horizontal-1px {
    border-top: solid 1px #cccccc
}

.f-break-word {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.f-color-inherit {
    color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
    transform: rotate(135deg) !important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
    transform: none
}

.f-panel-container .f-no-data-label {
    bottom: 30%
}

.f-panel-container fcsky-shared-button div {
    padding-top: 16px
}

.f-panel-container fcsky-shared-button div button span span {
    margin: auto
}

.f-links-listing-button .f-button span span {
    margin: auto
}

.f-links-listing-button.group-action .f-button-wrapper {
    padding: 16px
}

.f-links-listing-button.global-action .f-button-wrapper {
    padding: 16px
}

.f-right-shadow {
    box-shadow: 5px 0 5px -5px #0000001f
}

.f-left-shadow {
    box-shadow: -5px 0 5px -5px #0000001f
}

.f-vertical-align-middle {
    vertical-align: middle
}

.f-pointer {
    cursor: pointer
}

.f-line-height-24px {
    line-height: 24px
}

.f-fixed-position {
    position: sticky;
    z-index: 1000;
    top: 56px;
    height: 62px;
    background-color: #fff;
    box-shadow: 0 2px 8px #0000001f;
    padding-left: 8px
}

.f-fixed-position .f-collapsable {
    box-shadow: none;
    border-top: none;
    width: 36px !important
}

.f-selected-items-bar {
    height: 54px;
    background-color: #e8effc;
    display: flex;
    flex-direction: row;
    place-content: stretch space-between
}

.f-selected-items-bar .f-selected-items {
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 54px;
    padding-left: 24px;
    font-weight: 600
}

.f-selected-items-bar .f-selected-items-actions {
    line-height: 54px;
    display: inline-block
}

.f-selected-items-bar .f-display-actions {
    display: inline-block;
    vertical-align: middle
}

.f-selected-items-bar .f-display-inline-block {
    display: inline-block
}

.f-selected-items-bar .f-upfront-action {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 54px;
    vertical-align: middle;
    font-weight: 600;
    color: #4a90e2;
    cursor: pointer
}

.f-selected-items-bar .f-action-right-padding {
    padding-right: 15px
}

.f-selected-items-bar .f-icon-right-padding {
    padding-right: 5px
}

.f-table {
    width: 100%;
    box-sizing: border-box
}

.f-table *,
.f-table *:before,
.f-table *:after {
    box-sizing: border-box
}

.f-table-cell-with-icon {
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer
}

.f-table .f-alternate-color-row {
    background-color: #f1f1f1
}

.f-table .f-sticky-header-cell {
    z-index: 102 !important
}

.f-table .f-table-header-cell {
    height: 56px;
    background-color: #ebebeb;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #9b9b9b !important;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0 8px
}

.f-table .f-table-header-cell .f-table-header-drag-me {
    position: absolute;
    height: 100%;
    width: 20px;
    top: 0;
    cursor: col-resize
}

.f-table .f-table-header-cell .f-left {
    left: 0
}

.f-table .f-table-header-cell .f-right {
    right: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:after {
    content: "";
    width: 1px;
    display: inline-block;
    background: #9b9b9b;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.f-table .f-table-header-cell.f-dnd-cell:hover:before {
    content: "";
    width: 1px;
    display: inline-block;
    background: #9b9b9b;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.f-table .f-table-header-cell:not(tr) {
    padding: 0 8px
}

.f-table .f-table-header-cell ::ng-deep button {
    text-transform: uppercase
}

.f-table .f-table-header-cell.f-min-width-header-cell {
    flex: 0 0 60px
}

.f-table .f-table-header-cell mat-checkbox {
    margin-left: 0 !important
}

.f-table .f-table-row-cell {
    line-height: 18px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #4a4a4a
}

.f-table .f-table-row-cell.f-min-width-row-cell {
    min-width: 60px;
    max-width: 60px
}

.f-table .f-table-row-cell mat-checkbox {
    margin-left: 0
}

.f-table td {
    border-bottom: 0
}

.f-table tr.selected td {
    background-color: #ebf6ff
}

.f-table .f-new-row {
    background-color: #e1f8f3
}

.f-table fcsky-shared-svg {
    vertical-align: text-top;
    display: inline-block;
    margin-right: 5px
}

.f-table .f-right-align {
    margin-left: auto;
    margin-right: 5px
}

.f-table .f-sticky {
    position: sticky;
    top: 0
}

.f-table td.mat-cell:first-of-type,
.f-table td.mat-footer-cell:first-of-type,
.f-table th.mat-header-cell:first-of-type {
    padding-left: 24px !important
}

.f-table td.mat-cell:first-of-type .f-cell-container-full-width,
.f-table td.mat-footer-cell:first-of-type .f-cell-container-full-width,
.f-table th.mat-header-cell:first-of-type .f-cell-container-full-width {
    padding: 0
}

.f-table td.mat-cell,
.f-table td.mat-footer-cell,
.f-table th.mat-header-cell {
    vertical-align: middle !important
}

.f-table th.mat-column-check,
.f-table th.mat-column-actions,
.f-table td.mat-column-check,
.f-table td.mat-column-actions {
    box-sizing: border-box
}

.f-table mat-checkbox {
    margin-left: 24px
}

.f-table .mat-header-row {
    z-index: 100
}

.f-table.f-padding-left-24 .mat-header-row {
    padding: 0 24px;
    border-bottom: 0
}

.f-table.f-padding-left-24 .mat-row {
    padding: 0 24px
}

.f-table.f-padding-left-24 .f-table-detail-row fcsky-shared-attachments {
    margin: 0
}

.f-table fcsky-shared-attachments {
    width: 100%
}

.f-table .f-no-data {
    position: relative;
    text-align: center
}

.f-table .f-no-data tr {
    border: 0
}

.f-table .f-table-footer {
    border: 0;
    display: flex;
    width: 100%
}

.f-table .f-hide-footer {
    display: none
}

.f-table td.mat-footer-cell {
    border: 0
}

.f-table .f-table-detail-row {
    width: 100%;
    display: flex;
    height: 62px;
    border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-detail-row fcsky-shared-attachments {
    margin-right: 24px
}

.f-table .f-table-detail-row td {
    padding-top: 2px;
    display: block;
    border-bottom: 0
}

.f-table .f-hide-attachments {
    display: none
}

.f-table .f-row-border {
    height: 50px
}

.f-table .f-row-border td {
    border-bottom: 1px solid #e6e6e6
}

.f-table .f-table-attachment-container {
    overflow: hidden;
    display: flex
}

.f-table .f-show-ellipsis,
.f-table .f-link-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    border-right: 16px solid transparent;
    display: inline-block
}

.f-table .f-icon-on-right {
    border-right: 5px solid transparent
}

.f-table .f-link-ellipsis {
    color: #0093ee
}

.f-table .f-cell-container-full-width {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px;
    box-sizing: border-box
}

.f-table .f-align-to-right {
    text-align: right;
    justify-content: flex-end;
    width: 100%
}

.f-table .f-align-to-right .f-table-header-ellipsis {
    text-align: right;
    justify-content: flex-end
}

.f-table .f-align-to-center {
    text-align: center;
    justify-content: center;
    width: 100%
}

.f-table .f-align-to-center .f-table-header-ellipsis {
    text-align: center;
    justify-content: center
}

.f-table .f-cell-with-icon {
    min-width: calc(100% - 29px);
    max-width: calc(100% - 29px)
}

.f-table .f-status-width {
    width: auto;
    border: 0
}

.f-table .f-status-ellipsis {
    color: #fff
}

.f-table .f-table-header-ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    justify-content: flex-start
}

.f-table ::ng-deep .mat-sort-header-content {
    width: calc(100% - 18px)
}

.f-table fcsky-shared-table-link,
.f-table fcsky-shared-table-chip,
.f-table fcsky-shared-table-attachment-column,
.f-table fcsky-shared-table-cell-phone-number,
.f-table fcsky-shared-table-date,
.f-table fcsky-shared-table-default,
.f-table fcsky-shared-table-multi-link {
    display: contents
}

.f-table-pagination-wrapper {
    position: relative
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.f-no-attachments {
    display: flex;
    margin-left: 60px;
    height: 61px
}

.f-no-attachments span {
    padding-top: 2px;
    color: #838383
}

.f-number-of-records {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    border-top: 1px solid #e6e6e6
}

.f-number-of-records span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    color: #0000008a
}

.f-no-data-label {
    line-height: 18px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%)
}

.f-attachment-count {
    vertical-align: middle
}

.grey-color {
    background-color: #f1f1f1
}

.simple-color {
    background-color: #fff
}

.cdk-drag-preview {
    height: 0px !important;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
    background-color: #ebebeb;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #9b9b9b;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: unset;
    padding: 24px 16px;
    overflow: hidden
}

.cdk-drag-placeholder {
    opacity: 0;
    height: 0
}

.cdk-drop-list-dragging .cdk-drag {
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.cdk-drag-animating {
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.f-sticky-attachment-offset {
    height: 61px;
    position: sticky;
    z-index: 20;
    background-color: #fff
}

.f-sticky-attachment-offset.left {
    left: 0
}

.f-sticky-attachment-offset.right {
    right: 0
}
.f-text-nowrap {
    white-space: nowrap
}

.f-flex-2 {
    flex: 2 !important;
    min-width: 0
}

.f-flex-order-1 {
    order: 1
}

.f-flex-order-2 {
    order: 2
}

.f-flex-order-3 {
    order: 3
}

.f-flex-order-4 {
    order: 4
}

.f-line-height-40px {
    line-height: 40px
}

.f-height-40px {
    height: 40px
}

.f-height-44px {
    height: 44px
}

.f-height-65px {
    height: 65px
}

.f-min-height-100 {
    min-height: 100%
}

.f-min-height-85vh {
    min-height: 85vh
}

.f-min-height-100vh {
    min-height: 100vh
}

.f-border-bottom-1px {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
    padding-left: 250px !important;
    padding-right: 0 !important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
    width: calc(100vw - 270px) !important
}

body.enable-left-nav .mainContainer {
    width: calc(100vw - 73px) !important
}

body .siteMainTable {
    padding-left: 54px !important;
    padding-right: 0 !important
}

body .cdk-overlay-connected-position-bounding-box fcsky-shared-chip-overlay .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 6px !important
}

body .f-form-accordion .widget-container {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

body .f-form-accordion .mat-expansion-panel-body {
    padding: 0 1px 0 0;
    margin: 0
}

body .f-form-accordion .mat-expansion-panel {
    box-shadow: none
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header {
    padding: 0 8px;
    margin: 0;
    height: 48px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
    box-shadow: none !important;
    background: none !important
}

body .f-form-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
    border-bottom: 0
}

.f--cyan {
    color: #26c1c9
}

.f--green {
    color: #4d8b35
}

.f--yellow {
    color: #faca00
}

.f--red {
    color: #d0021b
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
    min-width: 42px !important;
    padding: 12px 8px 12px 14px !important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
    width: auto !important;
    height: auto !important
}

fcsky-shared-section .widget-container div.f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: .86px
}

.f-textalign-center {
    text-align: center !important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
    background: rgba(97, 97, 97, .9) !important;
    max-width: 100% !important
}

.leftnav-collapse {
    width: 100% !important
}

.full-screen.leftnav-collapse {
    width: 100% !important
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-white-bg {
    background: #fff
}

.f-box-sizing-border-box {
    box-sizing: border-box
}

.f-sub-heading .f-section-title {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    line-height: 24px !important
}

.f-card-title mat-label {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    line-height: 24px !important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
    top: 85px !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
        margin-left: -1px
    }
}

.f-grid-col-3 {
    max-width: 25%
}

.f-grid-col-4 {
    max-width: 33.33%
}

.f-grid-col-6 {
    max-width: 50%
}

.f-grid-col-12 {
    max-width: 100%
}

.f-resources-links-card a:visited,
.f-resources-collection-card a:visited,
.f-playbooktemplates-card a:visited,
.f-playbook-card a:visited,
.f-people-card a:visited,
.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
fcsky-shared-section a:visited,
fcsky-shared-metrics-card a:visited {
    color: #0093ee !important
}

fcsky-shared-sticky-footer .f-sticky-footer-lt-sm,
fcsky-shared-sticky-footer .f-sticky-footer-gt-xs {
    z-index: 101 !important
}

#footer,
#footer2 {
    z-index: 9999 !important
}

.f-footer {
    white-space: nowrap
}

.cdk-virtual-scroll-viewport {
    background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
    background-color: unset
}

.f-padding-0 {
    padding: 0 !important
}

.f-margin-left-16px {
    margin-left: 16px !important
}

.f-margin-left-right-16px {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.f-margin-right-16px {
    margin-right: 16px !important
}

.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane,
.cdk-overlay-backdrop {
    z-index: 12000 !important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
    z-index: 13000 !important
}

.cdk-global-overlay-wrapper {
    z-index: 13000 !important
}

.cdk-overlay-connected-position-bounding-box {
    z-index: 13000 !important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
    padding: 16px !important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
    transform: translateY(37%) !important
}

 .full-screen {
    background: #f6f6f6 !important;
    z-index: 10000 !important;
    min-height: 100%;
    position: fixed !important;
    overflow: auto !important;
    height: 100% !important
}

@media screen and (max-width: 767px) {
    .f-ui-breadcrumb {
        display: block !important
    }

     .full-screen {
        padding-bottom: 0 !important
    }

    body:not(.tox-force-desktop) .tox .tox-dialog {
        margin: auto !important
    }

    fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
        padding: 13px 16px !important
    }

    #siteMainDiv #siteMainTable {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    body #siteMainDiv .leftnav-collapse {
        width: 100vw !important
    }

    body #siteMainDiv.left-nav-pad-top {
        padding-top: 112px !important
    }

    #siteMainDiv .f-optimize-header {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box
    }

    body.enable-left-nav {
        overflow-x: auto
    }
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
    color: #0093ee !important
}

.mat-header-cell .mat-sort-header-button {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #9b9b9b !important
}

.widget-container .f-table-header-cell div {
    font-family: "Montserrat", sans-serif !important
}

.f-table mat-row {
    border-bottom: solid 1px rgba(0, 0, 0, .12) !important
}

.f-table mat-row.f-table-detail-row {
    margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
    color: #757575 !important
}

.f-button span.mat-button-wrapper {
    justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
    height: 44px;
    font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
    font-family: "Montserrat", sans-serif !important;
    color: #fff !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
    font-family: "Montserrat", sans-serif !important;
    line-height: 18px !important;
    text-align: center !important
}

.mat-button.f-stroked-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    height: 44px !important
}

.mat-button.f-button.f-stroked-blue-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button-dropdown-trigger {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    margin-right: 0 !important
}

.f-button.f-disabled-button {
    line-height: 18px !important;
    color: #9b9b9b !important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
    min-height: 0
}

.mat-tab-label {
    height: 48px !important
}

mat-card.f-padding-0 {
    padding: 0 !important
}

mat-card {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

.f-count {
    background-color: #9b9b9b !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 700;
    min-width: 10px;
    min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
    background-color: #0093ee !important;
    height: 2px !important
}

.mat-tab-label .mat-tab-label-content {
    color: rgba(0, 0, 0, .502);
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
    color: #0093ee !important;
    font-weight: 700 !important
}

.f-width-100 {
    max-width: 100% !important;
    width: 100%;
    flex: 100% !important
}

.f-button-width-110px {
    width: 110px
}

.mat-list-base {
    padding-top: 0 !important
}

.mat-list-item,
.mat-list-option {
    font-family: "Source Sans Pro", sans-serif !important
}

.mat-list.f-list-item .icon {
    width: 24px;
    height: 24px;
    background: #0093ee;
    border-radius: 100%
}

.mat-list-item-content {
    color: #9b9b9b !important
}

.mat-list-item-content a {
    color: #0093ee !important
}

.f-timeline-record mat-icon.small {
    width: 20px !important;
    height: 20px !important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
    margin: 1px 8px 0 0 !important;
    height: 44px !important;
    padding: 0 16px !important
}

.mat-chip.mat-standard-chip {
    color: #9b9b9b !important;
    background-color: rgba(155, 155, 155, .2) !important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
    color: #d0021b !important;
    background-color: #ffd7da !important
}

.mat-chip-list-wrapper .mat-chip {
    padding: 10px !important;
    font-size: 14px !important
}

.f-raised-draft,
.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-pending {
    width: auto !important;
    width: initial !important;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-raised-archived,
.f-raised-archive {
    line-height: 22px;
    background-color: #9b9b9b;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-archive,
.f-basic-archived {
    color: #9b9b9b
}

.f-raised-complete,
.f-raised-complete {
    background-color: #5da93f;
    line-height: 22px;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-complete,
.f-basic-complete {
    color: #5da93f
}

.main-container .widget-container span {
    font-family: "Source Sans Pro", sans-serif !important
}

.main-container span.mat-button-wrapper span {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600 !important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-svg .blue,
span fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.red {
    background-color: transparent !important;
    background: none !important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
    margin: 0 16px !important
}

fcsky-shared-avatar .mat-card-title {
    font-size: 14px !important
}

fcsky-shared-avatar .mat-card {
    padding: 0 !important
}

fcsky-shared-avatar .mat-card:hover {
    box-shadow: none !important
}

.widget-container a,
.widget-container div {
    font-family: "Source Sans Pro", sans-serif !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
    padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
    padding-bottom: 100px
}

.mat-form-field {
    line-height: 1.8 !important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 0 !important
}

.mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -1px !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 16px !important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -6px !important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 5px !important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
    margin-top: 9px;
    padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
    margin-top: -3px !important
}

.mat-hint,
.mat-error {
    font-size: 12px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-form-field-subscript-wrapper {
    margin-top: 5px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-hint {
    text-align: left
}

fcsky-shared-numeric-filter .mat-hint,
fcsky-shared-numeric-filter .mat-error {
    font-size: 10.5px !important
}

.slide-toggle-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
    z-index: 400 !important
}

fcsky-shared-map .mapHeight h6 {
    font-weight: normal !important;
    margin: 0 0 8px !important;
    line-height: 22px !important
}

fcsky-shared-map .mapHeight h6 a {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
    font-size: 14px !important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
    font-size: 32px !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
    border-right: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
    border-right: 0 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
    border-bottom: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
    border-bottom: 0 !important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
    flex: unset !important;
    border-right-color: #979797 !important
}

fcsky-shared-metrics-card .widget-container div.f-metrics-title,
fcsky-shared-metrics-card .f-horizontal-separator .f-data-count {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:nth-child(1) {
    padding-left: 0 !important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
    padding: 6px 0 !important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
    margin: 0 0 0 6px !important
}

.mat-sort-header-stem,
.mat-sort-header-pointer-middle {
    margin: auto !important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
    height: 44px !important
}

fcsky-shared-filter fcsky-shared-label .f-label {
    margin-bottom: 8px !important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
    min-height: auto !important;
    height: auto !important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0 !important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 4px 0 0 !important
}

.f-no-record {
    color: #4a4a4a !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.f-loading-shade {
    background: none transparent !important
}

fcsky-shared-table .f-loading-shade {
    background: rgba(255, 255, 255, .6) !important
}

.taskDrawerformWidth {
    width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
    background: #fff !important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
    border-color: #ccc !important
}

fcsky-shared-activity-entry .f-activity-editor {
    margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
    min-height: 46px !important
}

fcsky-shared-activity-timeline-record .mat-divider {
    margin-bottom: 8px !important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
    fill: #757575 !important
}

.f-height-54px {
    height: 54px
}

.f-height-36px {
    height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
    border-bottom: 0px solid rgba(155, 155, 155, .5) !important
}

html.cdk-global-scrollblock div#footer2,
html.cdk-global-scrollblock div#footer {
    z-index: 1000 !important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
    box-sizing: border-box
}

fc-page-loader .loader-hidden {
    display: none !important
}

.custom_help_text {
    color: rgba(0, 0, 0, .541);
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: -31px;
    display: block;
    text-align: left;
    line-height: 18px
}

.notificationDrawerformWidth {
    width: 625px
}

.notificationDrawerformWidth .f-form-grid {
    margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.f-optimize-header {
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box
}

body.enable-left-nav {
    overflow-x: hidden
}

html.cdk-global-scrollblock {
    overflow: hidden;
    position: static
}

.multi-input-button-width .f-button {
    min-width: auto !important
}

.multi-input-button-width .f-button .mat-button-wrapper {
    margin-right: -5px !important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    height: auto !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
    background-color: transparent !important;
    opacity: 1;
    height: 1px !important;
    border-bottom: 0 !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
    color: rgba(0, 0, 0, .871) !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-slide-drawer-inner-container .f-loading-shade {
    position: absolute !important
}

.f-slide-drawer-inner-container .f-title,
.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    color: #757575
}

fcsky-shared-table .f-loading-shade {
    position: absolute !important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
    background-image: url(data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=);
    background-repeat: no-repeat;
    padding-left: 26px
}

.f-vertical-align-middle {
    vertical-align: middle
}

button.f-filter-show-hide-button {
    min-width: 42px !important
}

.mat-button.f-filter-show-hide-button {
    padding: 7px 0 7px 6px !important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 3px 0 8px !important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
    align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
    margin-top: 5px !important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
    padding-right: 6px !important
}

.checkbox-middle-align {
    height: 100%;
    align-items: center;
    display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
    margin: 16px 0 16px 16px;
    padding-right: 0
}

.f-form-grid {
    position: relative
}

.f-form-grid .f-notetext {
    position: absolute;
    top: 0;
    padding-left: 24px;
    opacity: .64;
    font-size: 14px;
    font-weight: normal;
    background: url(https://ui.franconnectuat.net/2032/bullet.svg) no-repeat left
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
    background: #0093ee !important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.fc-playbook-instance-overview .widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

div#columnRight .f-playbook-card,
div#columnRight .f-grid-col-3 {
    flex: 1 1 calc(33.33%) !important;
    min-width: calc(33.33%) !important;
    max-width: calc(33.33%) !important
}

@media only screen and (max-width: 1200px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(50%) !important;
        min-width: calc(50%) !important;
        max-width: calc(50%) !important
    }
}

@media only screen and (max-width: 800px) {
    div#columnRight {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 500px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(100%) !important;
        min-width: calc(100%) !important;
        max-width: calc(100%) !important
    }
}

@media only screen and (max-width: 1370px) {
    body.enable-left-nav .mainContainer {
        width: calc(100vw - 72px) !important
    }

    body.enable-left-nav.open-msa-left-nav .mainContainer {
        width: calc(100vw - 268px) !important
    }
}

@media only screen and (max-width: 767px) {
    body.enable-left-nav.open-msa-left-nav .siteMainTable {
        padding-left: 250px !important;
        padding-right: 0 !important;
        overflow: hidden
    }

    body .leftnav-expand {
        width: calc(100vw - 270px) !important
    }
}

.f-sub-title-resources {
    margin-top: -12px;
    margin-left: -8px;
    margin-right: -8px
}

.f-sub-title-resources mat-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 20px
}

[_nghost-dsc-c825] fcsky-shared-label .f-label {
    font-family: Montserrat !important;
    margin-bottom: 0 !important
}

[_nghost-dsc-c825] .full-screen .loader-div {
    position: fixed !important;
    height: 50px;
    width: 50px;
    top: 119px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto !important
}

[_nghost-dsc-c825] #footer,
[_nghost-dsc-c825] #footer2 {
    z-index: 9999 !important
}

 .f-min-height-100 .f-min-height-90vh,
 .f-min-height-100 .f-min-height-100vh {
    min-height: auto !important
}
.f-text-nowrap {
    white-space: nowrap
}

.f-flex-2 {
    flex: 2 !important;
    min-width: 0
}

.f-flex-order-1 {
    order: 1
}

.f-flex-order-2 {
    order: 2
}

.f-flex-order-3 {
    order: 3
}

.f-flex-order-4 {
    order: 4
}

.f-line-height-40px {
    line-height: 40px
}

.f-height-40px {
    height: 40px
}

.f-height-44px {
    height: 44px
}

.f-height-65px {
    height: 65px
}

.f-min-height-100 {
    min-height: 100%
}

.f-min-height-85vh {
    min-height: 85vh
}

.f-min-height-100vh {
    min-height: 100vh
}

.f-border-bottom-1px {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
    padding-left: 250px !important;
    padding-right: 0 !important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
    width: calc(100vw - 270px) !important
}

body.enable-left-nav .mainContainer {
    width: calc(100vw - 73px) !important
}

body .siteMainTable {
    padding-left: 54px !important;
    padding-right: 0 !important
}

body .cdk-overlay-connected-position-bounding-box fcsky-shared-chip-overlay .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 6px !important
}

body .f-form-accordion .widget-container {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

body .f-form-accordion .mat-expansion-panel-body {
    padding: 0 1px 0 0;
    margin: 0
}

body .f-form-accordion .mat-expansion-panel {
    box-shadow: none
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header {
    padding: 0 8px;
    margin: 0;
    height: 48px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
    box-shadow: none !important;
    background: none !important
}

body .f-form-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
    border-bottom: 0
}

.f--cyan {
    color: #26c1c9
}

.f--green {
    color: #4d8b35
}

.f--yellow {
    color: #faca00
}

.f--red {
    color: #d0021b
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
    min-width: 42px !important;
    padding: 12px 8px 12px 14px !important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
    width: auto !important;
    height: auto !important
}

fcsky-shared-section .widget-container div.f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: .86px
}

.f-textalign-center {
    text-align: center !important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
    background: rgba(97, 97, 97, .9) !important;
    max-width: 100% !important
}

.leftnav-collapse {
    width: 100% !important
}

.full-screen.leftnav-collapse {
    width: 100% !important
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-white-bg {
    background: #fff
}

.f-box-sizing-border-box {
    box-sizing: border-box
}

.f-sub-heading .f-section-title {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    line-height: 24px !important
}

.f-card-title mat-label {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    line-height: 24px !important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
    top: 85px !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
        margin-left: -1px
    }
}

.f-grid-col-3 {
    max-width: 25%
}

.f-grid-col-4 {
    max-width: 33.33%
}

.f-grid-col-6 {
    max-width: 50%
}

.f-grid-col-12 {
    max-width: 100%
}

.f-resources-links-card a:visited,
.f-resources-collection-card a:visited,
.f-playbooktemplates-card a:visited,
.f-playbook-card a:visited,
.f-people-card a:visited,
.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
fcsky-shared-section a:visited,
fcsky-shared-metrics-card a:visited {
    color: #0093ee !important
}

fcsky-shared-sticky-footer .f-sticky-footer-lt-sm,
fcsky-shared-sticky-footer .f-sticky-footer-gt-xs {
    z-index: 101 !important
}

#footer,
#footer2 {
    z-index: 9999 !important
}

.f-footer {
    white-space: nowrap
}

.cdk-virtual-scroll-viewport {
    background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
    background-color: unset
}

.f-padding-0 {
    padding: 0 !important
}

.f-margin-left-16px {
    margin-left: 16px !important
}

.f-margin-left-right-16px {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.f-margin-right-16px {
    margin-right: 16px !important
}

.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane,
.cdk-overlay-backdrop {
    z-index: 12000 !important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
    z-index: 13000 !important
}

.cdk-global-overlay-wrapper {
    z-index: 13000 !important
}

.cdk-overlay-connected-position-bounding-box {
    z-index: 13000 !important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
    padding: 16px !important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
    transform: translateY(37%) !important
}

fc-root .full-screen {
    background: #f6f6f6 !important;
    z-index: 10000 !important;
    min-height: 100%;
    position: fixed !important;
    overflow: auto !important;
    height: 100% !important
}

@media screen and (max-width: 767px) {
    .f-ui-breadcrumb {
        display: block !important
    }

    fc-root .full-screen {
        padding-bottom: 0 !important
    }

    body:not(.tox-force-desktop) .tox .tox-dialog {
        margin: auto !important
    }

    fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
        padding: 13px 16px !important
    }

    #siteMainDiv #siteMainTable {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    body #siteMainDiv .leftnav-collapse {
        width: 100vw !important
    }

    body #siteMainDiv.left-nav-pad-top {
        padding-top: 112px !important
    }

    #siteMainDiv .f-optimize-header {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box
    }

    body.enable-left-nav {
        overflow-x: auto
    }
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
    color: #0093ee !important
}

.mat-header-cell .mat-sort-header-button {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #9b9b9b !important
}

.widget-container .f-table-header-cell div {
    font-family: "Montserrat", sans-serif !important
}

.f-table mat-row {
    border-bottom: solid 1px rgba(0, 0, 0, .12) !important
}

.f-table mat-row.f-table-detail-row {
    margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
    color: #757575 !important
}

.f-button span.mat-button-wrapper {
    justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
    height: 44px;
    font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
    font-family: "Montserrat", sans-serif !important;
    color: #fff !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
    font-family: "Montserrat", sans-serif !important;
    line-height: 18px !important;
    text-align: center !important
}

.mat-button.f-stroked-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    height: 44px !important
}

.mat-button.f-button.f-stroked-blue-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button-dropdown-trigger {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    margin-right: 0 !important
}

.f-button.f-disabled-button {
    line-height: 18px !important;
    color: #9b9b9b !important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
    min-height: 0
}

.mat-tab-label {
    height: 48px !important
}

mat-card.f-padding-0 {
    padding: 0 !important
}

mat-card {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

.f-count {
    background-color: #9b9b9b !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 700;
    min-width: 10px;
    min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
    background-color: #0093ee !important;
    height: 2px !important
}

.mat-tab-label .mat-tab-label-content {
    color: rgba(0, 0, 0, .502);
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
    color: #0093ee !important;
    font-weight: 700 !important
}

.f-width-100 {
    max-width: 100% !important;
    width: 100%;
    flex: 100% !important
}

.f-button-width-110px {
    width: 110px
}

.mat-list-base {
    padding-top: 0 !important
}

.mat-list-item,
.mat-list-option {
    font-family: "Source Sans Pro", sans-serif !important
}

.mat-list.f-list-item .icon {
    width: 24px;
    height: 24px;
    background: #0093ee;
    border-radius: 100%
}

.mat-list-item-content {
    color: #9b9b9b !important
}

.mat-list-item-content a {
    color: #0093ee !important
}

.f-timeline-record mat-icon.small {
    width: 20px !important;
    height: 20px !important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
    margin: 1px 8px 0 0 !important;
    height: 44px !important;
    padding: 0 16px !important
}

.mat-chip.mat-standard-chip {
    color: #9b9b9b !important;
    background-color: rgba(155, 155, 155, .2) !important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
    color: #d0021b !important;
    background-color: #ffd7da !important
}

.mat-chip-list-wrapper .mat-chip {
    padding: 10px !important;
    font-size: 14px !important
}

.f-raised-draft,
.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-pending {
    width: auto !important;
    width: initial !important;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-raised-archived,
.f-raised-archive {
    line-height: 22px;
    background-color: #9b9b9b;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-archive,
.f-basic-archived {
    color: #9b9b9b
}

.f-raised-complete,
.f-raised-complete {
    background-color: #5da93f;
    line-height: 22px;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-complete,
.f-basic-complete {
    color: #5da93f
}

.main-container .widget-container span {
    font-family: "Source Sans Pro", sans-serif !important
}

.main-container span.mat-button-wrapper span {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600 !important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-svg .blue,
span fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.red {
    background-color: transparent !important;
    background: none !important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
    margin: 0 16px !important
}

fcsky-shared-avatar .mat-card-title {
    font-size: 14px !important
}

fcsky-shared-avatar .mat-card {
    padding: 0 !important
}

fcsky-shared-avatar .mat-card:hover {
    box-shadow: none !important
}

.widget-container a,
.widget-container div {
    font-family: "Source Sans Pro", sans-serif !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
    padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
    padding-bottom: 100px
}

.mat-form-field {
    line-height: 1.8 !important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 0 !important
}

.mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -1px !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 16px !important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -6px !important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 5px !important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
    margin-top: 9px;
    padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
    margin-top: -3px !important
}

.mat-hint,
.mat-error {
    font-size: 12px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-form-field-subscript-wrapper {
    margin-top: 5px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-hint {
    text-align: left
}

fcsky-shared-numeric-filter .mat-hint,
fcsky-shared-numeric-filter .mat-error {
    font-size: 10.5px !important
}

.slide-toggle-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
    z-index: 400 !important
}

fcsky-shared-map .mapHeight h6 {
    font-weight: normal !important;
    margin: 0 0 8px !important;
    line-height: 22px !important
}

fcsky-shared-map .mapHeight h6 a {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
    font-size: 14px !important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
    font-size: 32px !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
    border-right: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
    border-right: 0 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
    border-bottom: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
    border-bottom: 0 !important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
    flex: unset !important;
    border-right-color: #979797 !important
}

fcsky-shared-metrics-card .widget-container div.f-metrics-title,
fcsky-shared-metrics-card .f-horizontal-separator .f-data-count {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:nth-child(1) {
    padding-left: 0 !important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
    padding: 6px 0 !important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
    margin: 0 0 0 6px !important
}

.mat-sort-header-stem,
.mat-sort-header-pointer-middle {
    margin: auto !important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
    height: 44px !important
}

fcsky-shared-filter fcsky-shared-label .f-label {
    margin-bottom: 8px !important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
    min-height: auto !important;
    height: auto !important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0 !important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 4px 0 0 !important
}

.f-no-record {
    color: #4a4a4a !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.f-loading-shade {
    background: none transparent !important
}

fcsky-shared-table .f-loading-shade {
    background: rgba(255, 255, 255, .6) !important
}

.taskDrawerformWidth {
    width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
    background: #fff !important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
    border-color: #ccc !important
}

fcsky-shared-activity-entry .f-activity-editor {
    margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
    min-height: 46px !important
}

fcsky-shared-activity-timeline-record .mat-divider {
    margin-bottom: 8px !important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
    fill: #757575 !important
}

.f-height-54px {
    height: 54px
}

.f-height-36px {
    height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
    border-bottom: 0px solid rgba(155, 155, 155, .5) !important
}

html.cdk-global-scrollblock div#footer2,
html.cdk-global-scrollblock div#footer {
    z-index: 1000 !important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
    box-sizing: border-box
}

fc-page-loader .loader-hidden {
    display: none !important
}

.custom_help_text {
    color: rgba(0, 0, 0, .541);
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: -31px;
    display: block;
    text-align: left;
    line-height: 18px
}

.notificationDrawerformWidth {
    width: 625px
}

.notificationDrawerformWidth .f-form-grid {
    margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.f-optimize-header {
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box
}

body.enable-left-nav {
    overflow-x: hidden
}

html.cdk-global-scrollblock {
    overflow: hidden;
    position: static
}

.multi-input-button-width .f-button {
    min-width: auto !important
}

.multi-input-button-width .f-button .mat-button-wrapper {
    margin-right: -5px !important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    height: auto !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
    background-color: transparent !important;
    opacity: 1;
    height: 1px !important;
    border-bottom: 0 !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
    color: rgba(0, 0, 0, .871) !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-slide-drawer-inner-container .f-loading-shade {
    position: absolute !important
}

.f-slide-drawer-inner-container .f-title,
.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    color: #757575
}

fcsky-shared-table .f-loading-shade {
    position: absolute !important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
    background-image: url(data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=);
    background-repeat: no-repeat;
    padding-left: 26px
}

.f-vertical-align-middle {
    vertical-align: middle
}

button.f-filter-show-hide-button {
    min-width: 42px !important
}

.mat-button.f-filter-show-hide-button {
    padding: 7px 0 7px 6px !important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 3px 0 8px !important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
    align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
    margin-top: 5px !important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
    padding-right: 6px !important
}

.checkbox-middle-align {
    height: 100%;
    align-items: center;
    display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
    margin: 16px 0 16px 16px;
    padding-right: 0
}

.f-form-grid {
    position: relative
}

.f-form-grid .f-notetext {
    position: absolute;
    top: 0;
    padding-left: 24px;
    opacity: .64;
    font-size: 14px;
    font-weight: normal;
    background: url(https://ui.franconnectuat.net/2032/bullet.svg) no-repeat left
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
    background: #0093ee !important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.fc-playbook-instance-overview .widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

div#columnRight .f-playbook-card,
div#columnRight .f-grid-col-3 {
    flex: 1 1 calc(33.33%) !important;
    min-width: calc(33.33%) !important;
    max-width: calc(33.33%) !important
}

@media only screen and (max-width: 1200px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(50%) !important;
        min-width: calc(50%) !important;
        max-width: calc(50%) !important
    }
}

@media only screen and (max-width: 800px) {
    div#columnRight {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 500px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(100%) !important;
        min-width: calc(100%) !important;
        max-width: calc(100%) !important
    }
}

@media only screen and (max-width: 1370px) {
    body.enable-left-nav .mainContainer {
        width: calc(100vw - 72px) !important
    }

    body.enable-left-nav.open-msa-left-nav .mainContainer {
        width: calc(100vw - 268px) !important
    }
}

@media only screen and (max-width: 767px) {
    body.enable-left-nav.open-msa-left-nav .siteMainTable {
        padding-left: 250px !important;
        padding-right: 0 !important;
        overflow: hidden
    }

    body .leftnav-expand {
        width: calc(100vw - 270px) !important
    }
}

.f-sub-title-resources {
    margin-top: -12px;
    margin-left: -8px;
    margin-right: -8px
}

.f-sub-title-resources mat-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 20px
}

[_nghost-dsc-c825] fcsky-shared-label .f-label {
    font-family: Montserrat !important;
    margin-bottom: 0 !important
}

[_nghost-dsc-c825] .full-screen .loader-div {
    position: fixed !important;
    height: 50px;
    width: 50px;
    top: 119px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto !important
}

[_nghost-dsc-c825] #footer,
[_nghost-dsc-c825] #footer2 {
    z-index: 9999 !important
}

fc-root .f-min-height-100 .f-min-height-90vh,
fc-root .f-min-height-100 .f-min-height-100vh {
    min-height: auto !important
}

.f-text-nowrap {
    white-space: nowrap
}

.f-flex-2 {
    flex: 2 !important;
    min-width: 0
}

.f-flex-order-1 {
    order: 1
}

.f-flex-order-2 {
    order: 2
}

.f-flex-order-3 {
    order: 3
}

.f-flex-order-4 {
    order: 4
}

.f-line-height-40px {
    line-height: 40px
}

.f-height-40px {
    height: 40px
}

.f-height-44px {
    height: 44px
}

.f-height-65px {
    height: 65px
}

.f-min-height-100 {
    min-height: 100%
}

.f-min-height-85vh {
    min-height: 85vh
}

.f-min-height-100vh {
    min-height: 100vh
}

.f-border-bottom-1px {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

body.enable-left-nav.open-msa-left-nav .siteMainTable {
    padding-left: 250px !important;
    padding-right: 0 !important
}

body.enable-left-nav.open-msa-left-nav .mainContainer {
    width: calc(100vw - 270px) !important
}

body.enable-left-nav .mainContainer {
    width: calc(100vw - 73px) !important
}

body .siteMainTable {
    padding-left: 54px !important;
    padding-right: 0 !important
}

body .cdk-overlay-connected-position-bounding-box fcsky-shared-chip-overlay .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 6px !important
}

body .f-form-accordion .widget-container {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

body .f-form-accordion .mat-expansion-panel-body {
    padding: 0 1px 0 0;
    margin: 0
}

body .f-form-accordion .mat-expansion-panel {
    box-shadow: none
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header {
    padding: 0 8px;
    margin: 0;
    height: 48px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

body .f-form-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
    box-shadow: none !important;
    background: none !important
}

body .f-form-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
    border-bottom: 0
}

.f--cyan {
    color: #26c1c9
}

.f--green {
    color: #4d8b35
}

.f--yellow {
    color: #faca00
}

.f--red {
    color: #d0021b
}

fcsky-shared-customize-columns fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button {
    min-width: 42px !important;
    padding: 12px 8px 12px 14px !important
}

fcsky-shared-dropdown-amc fcsky-shared-button .f-button.f-stroked-button fcsky-shared-svg.pointer {
    width: auto !important;
    height: auto !important
}

fcsky-shared-section .widget-container div.f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: .86px
}

.f-textalign-center {
    text-align: center !important
}

.cdk-overlay-pane.mat-tooltip-panel mat-tooltip-component .mat-tooltip {
    background: rgba(97, 97, 97, .9) !important;
    max-width: 100% !important
}

.leftnav-collapse {
    width: 100% !important
}

.full-screen.leftnav-collapse {
    width: 100% !important
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-white-bg {
    background: #fff
}

.f-box-sizing-border-box {
    box-sizing: border-box
}

.f-sub-heading .f-section-title {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    line-height: 24px !important
}

.f-card-title mat-label {
    text-transform: none !important;
    text-transform: initial !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    line-height: 24px !important
}

fcsky-shared-table .f-table-pagination-wrapper span.f-no-data-label {
    top: 85px !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .f-table-pagination-wrapper .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
        margin-left: -1px
    }
}

.f-grid-col-3 {
    max-width: 25%
}

.f-grid-col-4 {
    max-width: 33.33%
}

.f-grid-col-6 {
    max-width: 50%
}

.f-grid-col-12 {
    max-width: 100%
}

.f-resources-links-card a:visited,
.f-resources-collection-card a:visited,
.f-playbooktemplates-card a:visited,
.f-playbook-card a:visited,
.f-people-card a:visited,
.f-category-card a:visited,
.f-grid-col-3 a:visited,
.f-grid-col-4 a:visited,
.f-grid-col-6 a:visited,
.f-grid-col-12 a:visited,
fcsky-shared-section a:visited,
fcsky-shared-metrics-card a:visited {
    color: #0093ee !important
}

fcsky-shared-sticky-footer .f-sticky-footer-lt-sm,
fcsky-shared-sticky-footer .f-sticky-footer-gt-xs {
    z-index: 101 !important
}

#footer,
#footer2 {
    z-index: 9999 !important
}

.f-footer {
    white-space: nowrap
}

.cdk-virtual-scroll-viewport {
    background-color: #fff
}

.f-virtual-selectable-list .cdk-virtual-scroll-viewport {
    background-color: unset
}

.f-padding-0 {
    padding: 0 !important
}

.f-margin-left-16px {
    margin-left: 16px !important
}

.f-margin-left-right-16px {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.f-margin-right-16px {
    margin-right: 16px !important
}

.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane,
.cdk-overlay-backdrop {
    z-index: 12000 !important
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.cdk-overlay-dark-backdrop) {
    z-index: 13000 !important
}

.cdk-global-overlay-wrapper {
    z-index: 13000 !important
}

.cdk-overlay-connected-position-bounding-box {
    z-index: 13000 !important
}

.f-button-dropdown .mat-menu-content button.mat-menu-item {
    padding: 16px !important
}

.cdk-global-overlay-wrapper .mat-snack-bar-container.mat-snack-bar-center {
    transform: translateY(37%) !important
}

fc-root .full-screen {
    background: #f6f6f6 !important;
    z-index: 10000 !important;
    min-height: 100%;
    position: fixed !important;
    overflow: auto !important;
    height: 100% !important
}

@media screen and (max-width: 767px) {
    .f-ui-breadcrumb {
        display: block !important
    }

    fc-root .full-screen {
        padding-bottom: 0 !important
    }

    body:not(.tox-force-desktop) .tox .tox-dialog {
        margin: auto !important
    }

    fcsky-shared-activity-entry .f-sample-activity-editor-footer .f-activity-entry-buttons-wrapper-xs .f-button {
        padding: 13px 16px !important
    }

    #siteMainDiv #siteMainTable {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    body #siteMainDiv .leftnav-collapse {
        width: 100vw !important
    }

    body #siteMainDiv.left-nav-pad-top {
        padding-top: 112px !important
    }

    #siteMainDiv .f-optimize-header {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box
    }

    body.enable-left-nav {
        overflow-x: auto
    }
}

.f-link,
fcsky-shared-link.f-overflow-ellipsis {
    color: #0093ee !important
}

.mat-header-cell .mat-sort-header-button {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #9b9b9b !important
}

.widget-container .f-table-header-cell div {
    font-family: "Montserrat", sans-serif !important
}

.f-table mat-row {
    border-bottom: solid 1px rgba(0, 0, 0, .12) !important
}

.f-table mat-row.f-table-detail-row {
    margin-top: -1px
}

fcsky-shared-table fcsky-shared-actions mat-icon svg {
    color: #757575 !important
}

.f-button span.mat-button-wrapper {
    justify-content: center
}

.mat-button.f-button,
.mat-button.f-button-dropdown-trigger {
    height: 44px;
    font-weight: 700
}

.f-button.f-flat-button,
.f-button.f-submit-button {
    font-family: "Montserrat", sans-serif !important;
    color: #fff !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button.f-basic-button,
.f-button.f-empty-button {
    font-family: "Montserrat", sans-serif !important;
    line-height: 18px !important;
    text-align: center !important
}

.mat-button.f-stroked-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    height: 44px !important
}

.mat-button.f-button.f-stroked-blue-button {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important
}

.f-button-dropdown-trigger {
    font-family: "Montserrat", sans-serif !important;
    color: #0093ee !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 7px 23px !important;
    margin-right: 0 !important
}

.f-button.f-disabled-button {
    line-height: 18px !important;
    color: #9b9b9b !important
}

.mat-card .mat-tab-body-wrapper .mat-tab-body,
mat-tab-group .mat-tab-body-wrapper .mat-tab-body {
    min-height: 0
}

.mat-tab-label {
    height: 48px !important
}

mat-card.f-padding-0 {
    padding: 0 !important
}

mat-card {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

.f-count {
    background-color: #9b9b9b !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 700;
    min-width: 10px;
    min-height: 23px
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-group.mat-primary .mat-tab-header .mat-ink-bar {
    background-color: #0093ee !important;
    height: 2px !important
}

.mat-tab-label .mat-tab-label-content {
    color: rgba(0, 0, 0, .502);
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600
}

.mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
    color: #0093ee !important;
    font-weight: 700 !important
}

.f-width-100 {
    max-width: 100% !important;
    width: 100%;
    flex: 100% !important
}

.f-button-width-110px {
    width: 110px
}

.mat-list-base {
    padding-top: 0 !important
}

.mat-list-item,
.mat-list-option {
    font-family: "Source Sans Pro", sans-serif !important
}

.mat-list.f-list-item .icon {
    width: 24px;
    height: 24px;
    background: #0093ee;
    border-radius: 100%
}

.mat-list-item-content {
    color: #9b9b9b !important
}

.mat-list-item-content a {
    color: #0093ee !important
}

.f-timeline-record mat-icon.small {
    width: 20px !important;
    height: 20px !important
}

fcsky-shared-filter-chip .mat-chip-list-wrapper .mat-standard-chip {
    margin: 1px 8px 0 0 !important;
    height: 44px !important;
    padding: 0 16px !important
}

.mat-chip.mat-standard-chip {
    color: #9b9b9b !important;
    background-color: rgba(155, 155, 155, .2) !important
}

.mat-chip.mat-standard-chip.f-invalid-chip {
    color: #d0021b !important;
    background-color: #ffd7da !important
}

.mat-chip-list-wrapper .mat-chip {
    padding: 10px !important;
    font-size: 14px !important
}

.f-raised-draft,
.f-raised-active,
.f-raised-archive,
.f-raised-archived,
.f-raised-complete,
.f-raised-pending {
    width: auto !important;
    width: initial !important;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-raised-archived,
.f-raised-archive {
    line-height: 22px;
    background-color: #9b9b9b;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-archive,
.f-basic-archived {
    color: #9b9b9b
}

.f-raised-complete,
.f-raised-complete {
    background-color: #5da93f;
    line-height: 22px;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important
}

.f-basic-complete,
.f-basic-complete {
    color: #5da93f
}

.main-container .widget-container span {
    font-family: "Source Sans Pro", sans-serif !important
}

.main-container span.mat-button-wrapper span {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600 !important
}

.main-container .widget-container .section-title-container span.f-section-title,
fcsky-shared-section-title .f-section-title-container .f-section-title {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-svg .blue,
span fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.orange,
fcsky-shared-svg .mat-icon.green,
fcsky-shared-svg .mat-icon.red {
    background-color: transparent !important;
    background: none !important
}

fcsky-shared-avatar .mat-card-header .mat-card-header-text {
    margin: 0 16px !important
}

fcsky-shared-avatar .mat-card-title {
    font-size: 14px !important
}

fcsky-shared-avatar .mat-card {
    padding: 0 !important
}

fcsky-shared-avatar .mat-card:hover {
    box-shadow: none !important
}

.widget-container a,
.widget-container div {
    font-family: "Source Sans Pro", sans-serif !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}

fcsky-shared-form-builder>.f-margin-bottom-60px {
    padding-bottom: 60px
}

.f-form-builder-inner-container .f-margin-bottom-60px.f-formWidth {
    padding-bottom: 100px
}

.mat-form-field {
    line-height: 1.8 !important
}

.mat-focused .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 0 !important
}

.mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -1px !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 16px !important
}

fcsky-shared-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
    margin-top: -6px !important
}

fcsky-shared-dropdown .mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    padding-top: 5px !important
}

fcsky-shared-dropdown .f-main-select-container div.f-height-100 {
    margin-top: 9px;
    padding-bottom: 8px
}

fcsky-shared-dropdown-amc span.f-main-placeholder {
    margin-top: -3px !important
}

.mat-hint,
.mat-error {
    font-size: 12px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-form-field-subscript-wrapper {
    margin-top: 5px !important
}

fcsky-shared-dropdown .f-mat-align-left .mat-hint {
    text-align: left
}

fcsky-shared-numeric-filter .mat-hint,
fcsky-shared-numeric-filter .mat-error {
    font-size: 10.5px !important
}

.slide-toggle-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-entry-is-link,
.f-timeline-entry-normal-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.leaflet-bottom,
.leaflet-top {
    z-index: 400 !important
}

fcsky-shared-map .mapHeight h6 {
    font-weight: normal !important;
    margin: 0 0 8px !important;
    line-height: 22px !important
}

fcsky-shared-map .mapHeight h6 a {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-map .mapHeight .leaflet-popup-content {
    font-size: 14px !important
}

fcsky-shared-map .mapHeight a.leaflet-popup-close-button {
    font-size: 32px !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div {
    border-right: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-horizontal-separator>div:last-child {
    border-right: 0 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div {
    border-bottom: 1px solid #979797 !important
}

fcsky-shared-metrics-card fcsky-shared-section .f-vertical-separator>div:last-child {
    border-bottom: 0 !important
}

fcsky-shared-metrics-card .f-horizontal-separator>div {
    flex: unset !important;
    border-right-color: #979797 !important
}

fcsky-shared-metrics-card .widget-container div.f-metrics-title,
fcsky-shared-metrics-card .f-horizontal-separator .f-data-count {
    font-family: Montserrat, sans-serif !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-data-label {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important
}

fcsky-shared-metrics-card .f-horizontal-separator .f-padding-right-24px:nth-child(1) {
    padding-left: 0 !important
}

fcsky-shared-filter-card .f-filter-card.mat-selection-list {
    padding: 6px 0 !important
}

.mat-sort-header-arrow,
.mat-sort-header-position-before .mat-sort-header-arrow {
    margin: 0 0 0 6px !important
}

.mat-sort-header-stem,
.mat-sort-header-pointer-middle {
    margin: auto !important
}

fcsky-shared-filter .f-stroked-button.f-height-48 {
    height: 44px !important
}

fcsky-shared-filter fcsky-shared-label .f-label {
    margin-bottom: 8px !important
}

fcsky-shared-search-box .mat-form-field-wrapper input.mat-input-element {
    min-height: auto !important;
    height: auto !important
}

fcsky-shared-search-box .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0 !important
}

.f-input .mat-form-field-type-mat-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding: 4px 0 0 !important
}

.f-no-record {
    color: #4a4a4a !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.f-loading-shade {
    background: none transparent !important
}

fcsky-shared-table .f-loading-shade {
    background: rgba(255, 255, 255, .6) !important
}

.taskDrawerformWidth {
    width: 625px
}

.f-white-bg.f-optimize-header .f-button.f-stroked-button,
.f-white-bg.f-optimize-header .f-stroked-button.f-button-dropdown-trigger {
    background: #fff !important
}

fcsky-shared-metrics-card .f-button.f-stroked-blue-button {
    border-color: #ccc !important
}

fcsky-shared-activity-entry .f-activity-editor {
    margin-bottom: 16px
}

fcsky-shared-activity-timeline-record fcsky-shared-avatar {
    min-height: 46px !important
}

fcsky-shared-activity-timeline-record .mat-divider {
    margin-bottom: 8px !important
}

fcsky-shared-contact-card fcsky-shared-actions .mat-icon {
    fill: #757575 !important
}

.f-height-54px {
    height: 54px
}

.f-height-36px {
    height: 36px
}

fcsky-shared-activity-timeline-filter .mat-tab-label-container {
    border-bottom: 1px solid rgba(155, 155, 155, .5)
}

fcsky-shared-activity-timeline-filter .mat-tab-header,
fcsky-shared-activity-timeline-filter .mat-tab-nav-bar {
    border-bottom: 0px solid rgba(155, 155, 155, .5) !important
}

html.cdk-global-scrollblock div#footer2,
html.cdk-global-scrollblock div#footer {
    z-index: 1000 !important
}

.f-slide-drawer-inner-container,
fcsky-shared-form-builder>.f-width-100 {
    box-sizing: border-box
}

fc-page-loader .loader-hidden {
    display: none !important
}

.custom_help_text {
    color: rgba(0, 0, 0, .541);
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: -31px;
    display: block;
    text-align: left;
    line-height: 18px
}

.notificationDrawerformWidth {
    width: 625px
}

.notificationDrawerformWidth .f-form-grid {
    margin-top: -20px
}

.notificationDrawerformWidth .f-form-grid>.f-margin-16px {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.f-optimize-header {
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box
}

body.enable-left-nav {
    overflow-x: hidden
}

html.cdk-global-scrollblock {
    overflow: hidden;
    position: static
}

.multi-input-button-width .f-button {
    min-width: auto !important
}

.multi-input-button-width .f-button .mat-button-wrapper {
    margin-right: -5px !important
}

fcsky-shared-form-builder .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    height: auto !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-underline {
    background-color: transparent !important;
    opacity: 1;
    height: 1px !important;
    border-bottom: 0 !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-input-element {
    color: rgba(0, 0, 0, .871) !important
}

fcsky-shared-form-builder .mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .541) !important
}

.f-slide-drawer-inner-container .f-loading-shade {
    position: absolute !important
}

.f-slide-drawer-inner-container .f-title,
.f-slide-drawer-inner-container .f-label,
.f-slide-drawer-inner-container .f-section-title,
.f-slide-drawer-inner-container .f-page-header-title {
    font-family: "Montserrat", sans-serif !important;
    color: #757575
}

fcsky-shared-table .f-loading-shade {
    position: absolute !important
}

fc-segment-detail fcsky-shared-table .mat-column-insights_view .f-link {
    background-image: url(data:image/jpeg;base64,/9j/4QQWRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAiAAAAcgEyAAIAAAAUAAAAlIdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpADIwMTk6MTI6MDYgMTI6NDA6MDcAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABKgAwAEAAAAAQAAABIAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAC3AAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//Z/+0MIlBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAAA5QAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAAMAFAAcgBvAG8AZgAgAFMAZQB0AHUAcAAAAAAACnByb29mU2V0dXAAAAABAAAAAEJsdG5lbnVtAAAADGJ1aWx0aW5Qcm9vZgAAAAlwcm9vZkNNWUsAOEJJTQQ7AAAAAAItAAAAEAAAAAEAAAAAABJwcmludE91dHB1dE9wdGlvbnMAAAAXAAAAAENwdG5ib29sAAAAAABDbGJyYm9vbAAAAAAAUmdzTWJvb2wAAAAAAENybkNib29sAAAAAABDbnRDYm9vbAAAAAAATGJsc2Jvb2wAAAAAAE5ndHZib29sAAAAAABFbWxEYm9vbAAAAAAASW50cmJvb2wAAAAAAEJja2dPYmpjAAAAAQAAAAAAAFJHQkMAAAADAAAAAFJkICBkb3ViQG/gAAAAAAAAAAAAR3JuIGRvdWJAb+AAAAAAAAAAAABCbCAgZG91YkBv4AAAAAAAAAAAAEJyZFRVbnRGI1JsdAAAAAAAAAAAAAAAAEJsZCBVbnRGI1JsdAAAAAAAAAAAAAAAAFJzbHRVbnRGI1B4bEBSAAAAAAAAAAAACnZlY3RvckRhdGFib29sAQAAAABQZ1BzZW51bQAAAABQZ1BzAAAAAFBnUEMAAAAATGVmdFVudEYjUmx0AAAAAAAAAAAAAAAAVG9wIFVudEYjUmx0AAAAAAAAAAAAAAAAU2NsIFVudEYjUHJjQFkAAAAAAAAAAAAQY3JvcFdoZW5QcmludGluZ2Jvb2wAAAAADmNyb3BSZWN0Qm90dG9tbG9uZwAAAAAAAAAMY3JvcFJlY3RMZWZ0bG9uZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAEASAAAAAEAAThCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQQNAAAAAAAEAAAAWjhCSU0EGQAAAAAABAAAAB44QklNA/MAAAAAAAkAAAAAAAAAAAEAOEJJTScQAAAAAAAKAAEAAAAAAAAAAThCSU0D9QAAAAAASAAvZmYAAQBsZmYABgAAAAAAAQAvZmYAAQChmZoABgAAAAAAAQAyAAAAAQBaAAAABgAAAAAAAQA1AAAAAQAtAAAABgAAAAAAAThCSU0D+AAAAAAAcAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAA4QklNBAAAAAAAAAIAAThCSU0EAgAAAAAABAAAAAA4QklNBDAAAAAAAAIBAThCSU0ELQAAAAAABgABAAAAAjhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEgAAABIAAAAKAFUAbgB0AGkAdABsAGUAZAAtADEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABIAAAASAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAASAAAAAFJnaHRsb25nAAAAEgAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEgAAAABSZ2h0bG9uZwAAABIAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBEAAAAAAAEBADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAAvgAAAABAAAAEgAAABIAAAA4AAAD8AAAAtwAGAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABIAEgMBIgACEQEDEQH/3QAEAAL/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AAH1bnved1jtXvdqT/Ke5G6f0/I6hlNxqB7jq5x+i1o+lY8/utWhgddq6Xh1V4dDXZFhJzbLBIc3c4Mx2fyPT+kpdQ6vgMxXYvRqjjsyvfluP0tf+0zD/oWLpDky2Yxx1Z4YTPyjh3lOP/pP995aOPDQnLLxUOKcB80uL5YQl/6U/ccr7Xlf6Z/0PS+kfof6P+okgpKbhj2DBxy7n7X/0B5f9Ku+h9N3819Dn/B/yEFeaJLqo/KPJ4+XzHzL7D/7B/0P/X/0MSXjySrNp//ZOEJJTQQhAAAAAABdAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAFwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAQwAgADIAMAAxADkAAAABADhCSU0EBgAAAAAABwAIAQEAAQEA/+EN22h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg4ZmU0ZS0zMWMwLTZiNDYtODUwMC0zNjIxOGY2Njc2ZTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNzBjMWQzZC1jZTA5LTdiNGUtOTU1MC0wYTdiOTk3Y2YxZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjFiMjBiZi1mMTFhLTU0NDktODU2Ni0zMDFlMjE2MTI1ZDgiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjYxYjIwYmYtZjExYS01NDQ5LTg1NjYtMzAxZTIxNjEyNWQ4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA2VDEyOjQwOjA3KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODhmZTRlLTMxYzAtNmI0Ni04NTAwLTM2MjE4ZjY2NzZlMSIgc3RFdnQ6d2hlbj0iMjAxOS0xMi0wNlQxMjo0MDowNyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+4AIUFkb2JlAGRAAAAAAQMAEAMCAwYAAAAAAAAAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABIAEgMBEQACEQEDEQH/xACvAAEAAwEAAAAAAAAAAAAAAAAHBQYJCAEAAgMBAAAAAAAAAAAAAAAABggEBQoHEAACAQIGAwAAAAAAAAAAAAAGBwUACBABAgQWNgMXNxEAAAYBAgEFEQAAAAAAAAAAAQIDBAUGBwA2EhAREzcI8CJiM2MUNFRkNRZWZhc4SIgSAAEDAQUFBQgDAAAAAAAAAAIBAwQRIRI0BQYAMTITMxDwImM2YWIjUxRUhUZDBwj/2gAMAwEBAhEDEQAAAC3RDmLSRsqq1rUd1cKYWQjyswmdUpDHyY8IBnQpfGY//9oACAECAAEFANGcTCbVgH0AthniQvR2jZRsGK+Up5vyahLq+H//2gAIAQMAAQUA15TM/u1quCRqFnNC6l3cHEpoHZToXccJ0Z9uw//aAAgBAQABBQDy6Ss3lLfUGf3JM3200aRF8wxacnbgrtUPArKm19Qw/9oACAECAgY/AMvgiUeJDRQYYCotjWlG2mxsRVVEoADaqJYlm03U+oXlSO3QW2xtdkPFXlsMhvNxxUsTcIoRkqAJKnp6Fjfq+i3ivuOHreZxe3bP8x1tqeSxpaG22GSsRTuEw+rDROz3VTieGTzAaFbeWCVUUUawtWf3fnrOaz8jqxlTbafBoNK5k8G4pbyIN28l5tRvr40bUNtPY3BM4vFdMcR53zPer2fuXrLv+I2//9oACAEDAgY/AMyzAxkzJyo5Ifcobp3a1cedLxKgopVNwloiratu0DSWmWEWS7U3XTsZjMBTmyHz3A02i1Vd5EogCEZiK+pp+B+i67mE+24uh5fD7NtN5XoDSUWRq+a645nsiYCODIjpIeBnLWUWtxg4vLceNP5DWiEqFSfoz/P+nn8ny7UFJOcOuKvPqVaZUwe8YTKqV66t11DuJ4FdRzbU2Bxz+CwnULDeR8v3adn6N6F7/mtv/9oACAEBAQY/AJ+bVTnrXMGSk7VZ5Ton8y/BuVUF5ewzbopXCxGxFnAGcOlhAhTHATGDnDULjDHjJJSRkAUfTM2/MZCAp9ZYimaatlmf8Ikj4SIQOBjmHv1VDERSA6yiZDdYdz2b9u9xyuw/k/0rbnsnifB1Qa5hLGFcm8pW+SlpXtN2y+xpJVra6uhaZ9jAYir6axTmYVt/SyNHL9cgCHnjgwAU5gPwzWJ+w/RZrFMDnEU7bn+bllD/ABMZR4Chk8I1uQ4jKtcdV1RRUVQRP0Twq4pF5kTOCr6yFs3eVj6u9h+9XWz/AKc9U8jw8n6bfhp3f0Xr/9k=);
    background-repeat: no-repeat;
    padding-left: 26px
}

.f-vertical-align-middle {
    vertical-align: middle
}

button.f-filter-show-hide-button {
    min-width: 42px !important
}

.mat-button.f-filter-show-hide-button {
    padding: 7px 0 7px 6px !important
}

.f-datetime-ac .f-datepicker .mat-form-field-appearance-legacy .mat-form-field-infix,
.f-datetime-ac .f-timepicker .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 3px 0 8px !important
}

.f-datetime-ac .f-timepicker .mat-form-field-flex {
    align-items: center
}

.f-datetime-ac .mat-form-field-appearance-legacy .mat-form-field-suffix {
    margin-top: 5px !important
}

.f-slide-toggle.f-padding-right-6px .slide-toggle-label {
    padding-right: 6px !important
}

.checkbox-middle-align {
    height: 100%;
    align-items: center;
    display: flex
}

.f-slide-drawer-inner-container .notificationDrawerformWidth .widget-container.margin {
    margin: 16px 0 16px 16px;
    padding-right: 0
}

.f-form-grid {
    position: relative
}

.f-form-grid .f-notetext {
    position: absolute;
    top: 0;
    padding-left: 24px;
    opacity: .64;
    font-size: 14px;
    font-weight: normal;
    background: url(https://ui.franconnectuat.net/2032/bullet.svg) no-repeat left
}

.mat-checkbox-checked.mat-accent .mat-checkbox-layout .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-layout .mat-checkbox-background {
    background: #0093ee !important
}

.fc-playbook-instance-overview fcsky-shared-form-section:last-child .widget-container {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.fc-playbook-instance-overview .widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

div#columnRight .f-playbook-card,
div#columnRight .f-grid-col-3 {
    flex: 1 1 calc(33.33%) !important;
    min-width: calc(33.33%) !important;
    max-width: calc(33.33%) !important
}

@media only screen and (max-width: 1200px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(50%) !important;
        min-width: calc(50%) !important;
        max-width: calc(50%) !important
    }
}

@media only screen and (max-width: 800px) {
    div#columnRight {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 500px) {

    div#columnRight .f-playbook-card,
    div#columnRight .f-grid-col-3 {
        flex: 1 1 calc(100%) !important;
        min-width: calc(100%) !important;
        max-width: calc(100%) !important
    }
}

@media only screen and (max-width: 1370px) {
    body.enable-left-nav .mainContainer {
        width: calc(100vw - 72px) !important
    }

    body.enable-left-nav.open-msa-left-nav .mainContainer {
        width: calc(100vw - 268px) !important
    }
}

@media only screen and (max-width: 767px) {
    body.enable-left-nav.open-msa-left-nav .siteMainTable {
        padding-left: 250px !important;
        padding-right: 0 !important;
        overflow: hidden
    }

    body .leftnav-expand {
        width: calc(100vw - 270px) !important
    }
}

.f-sub-title-resources {
    margin-top: -12px;
    margin-left: -8px;
    margin-right: -8px
}

.f-sub-title-resources mat-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #4a4a4a;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 20px
}

[_nghost-dsc-c825] fcsky-shared-label .f-label {
    font-family: Montserrat !important;
    margin-bottom: 0 !important
}

[_nghost-dsc-c825] .full-screen .loader-div {
    position: fixed !important;
    height: 50px;
    width: 50px;
    top: 119px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto !important
}

[_nghost-dsc-c825] #footer,
[_nghost-dsc-c825] #footer2 {
    z-index: 9999 !important
}

fc-root .f-min-height-100 .f-min-height-90vh,
fc-root .f-min-height-100 .f-min-height-100vh {
    min-height: auto !important
}
.white-color {
    background-color: #fff
}

.color-blue {
    color: #0093ee
}

.pointer {
    cursor: pointer
}

.f-margin-auto {
    margin: auto
}

.f-margin-0 {
    margin: 0
}

.f-margin-1px {
    margin: 1px
}

.f-margin-2px {
    margin: 2px
}

.f-margin-3px {
    margin: 3px
}

.f-margin-4px {
    margin: 4px
}

.f-margin-5px {
    margin: 5px
}

.f-margin-8px {
    margin: 8px
}

.f-margin-10px {
    margin: 10px
}

.f-margin-12px {
    margin: 12px
}

.f-margin-15px {
    margin: 15px
}

.f-margin-16px {
    margin: 16px
}

.f-margin-20px {
    margin: 20px
}

.f-margin-24px {
    margin: 24px
}

.f-margin-32px {
    margin: 32px
}

.f-margin-40px {
    margin: 40px
}

.f-margin-48px {
    margin: 48px
}

.f-margin-56px {
    margin: 56px
}

.f-margin-64px {
    margin: 64px
}

.f-margin-top-0 {
    margin-top: 0
}

.f-margin-top-1px {
    margin-top: 1px
}

.f-margin-top-2px {
    margin-top: 2px
}

.f-margin-top-3px {
    margin-top: 3px
}

.f-margin-top-4px {
    margin-top: 4px
}

.f-margin-top-5px {
    margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
    margin-top: 8px
}

.f-margin-top-10px {
    margin-top: 10px
}

.f-margin-top-12px {
    margin-top: 12px
}

.f-margin-top-15px {
    margin-top: 15px
}

.f-margin-top-16px {
    margin-top: 16px
}

.f-margin-top-18px {
    margin-top: 18px
}

.f-margin-top-20px {
    margin-top: 20px
}

.f-margin-top-24px {
    margin-top: 24px
}

.f-margin-top-32px {
    margin-top: 32px
}

.f-margin-top-40px {
    margin-top: 40px
}

.f-margin-top-48px {
    margin-top: 48px
}

.f-margin-top-56px {
    margin-top: 56px
}

.f-margin-top-64px {
    margin-top: 64px
}

.f-margin-bottom-0 {
    margin-bottom: 0
}

.f-margin-bottom-1px {
    margin-bottom: 1px
}

.f-margin-bottom-2px {
    margin-bottom: 2px
}

.f-margin-bottom-3px {
    margin-bottom: 3px
}

.f-margin-bottom-4px {
    margin-bottom: 4px
}

.f-margin-bottom-5px {
    margin-bottom: 5px
}

.f-margin-bottom-8px {
    margin-bottom: 8px
}

.f-margin-bottom-10px {
    margin-bottom: 10px
}

.f-margin-bottom-12px {
    margin-bottom: 12px
}

.f-margin-bottom-15px {
    margin-bottom: 15px
}

.f-margin-bottom-16px {
    margin-bottom: 16px
}

.f-margin-bottom-18px {
    margin-bottom: 18px
}

.f-margin-bottom-20px {
    margin-bottom: 20px
}

.f-margin-bottom-24px {
    margin-bottom: 24px
}

.f-margin-bottom-32px {
    margin-bottom: 32px
}

.f-margin-bottom-40px {
    margin-bottom: 40px
}

.f-margin-bottom-48px {
    margin-bottom: 48px
}

.f-margin-bottom-56px {
    margin-bottom: 56px
}

.f-margin-bottom-60px {
    margin-bottom: 60px
}

.f-margin-bottom-64px {
    margin-bottom: 64px
}

.f-margin-left-0 {
    margin-left: 0
}

.f-margin-left-1px {
    margin-left: 1px
}

.f-margin-left-2px {
    margin-left: 2px
}

.f-margin-left-3px {
    margin-left: 3px
}

.f-margin-left-4px {
    margin-left: 4px
}

.f-margin-left-5px {
    margin-left: 5px
}

.f-margin-left-8px {
    margin-left: 8px
}

.f-margin-left-10px {
    margin-left: 10px
}

.f-margin-left-12px {
    margin-left: 12px
}

.f-margin-left-15px {
    margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
    margin-left: 16px
}

.f-margin-left-18px {
    margin-left: 18px
}

.f-margin-left-20px {
    margin-left: 20px
}

.f-margin-left-24px {
    margin-left: 24px
}

.f-margin-left-32px {
    margin-left: 32px
}

.f-margin-left-40px {
    margin-left: 40px
}

.f-margin-left-48px {
    margin-left: 48px
}

.f-margin-left-56px {
    margin-left: 56px
}

.f-margin-left-64px {
    margin-left: 64px
}

.f-margin-right-0 {
    margin-right: 0
}

.f-margin-right-1px {
    margin-right: 1px
}

.f-margin-right-2px {
    margin-right: 2px
}

.f-margin-right-3px {
    margin-right: 3px
}

.f-margin-right-4px {
    margin-right: 4px
}

.f-margin-right-5px {
    margin-right: 5px
}

.f-margin-right-8px {
    margin-right: 8px
}

.f-margin-right-10px {
    margin-right: 10px
}

.f-margin-right-12px {
    margin-right: 12px
}

.f-margin-right-15px {
    margin-right: 15px
}

.f-margin-right-16px {
    margin-right: 16px
}

.f-margin-right-18px {
    margin-right: 18px
}

.f-margin-right-20px {
    margin-right: 20px
}

.f-margin-right-24px {
    margin-right: 24px
}

.f-margin-right-32px {
    margin-right: 32px
}

.f-margin-right-40px {
    margin-right: 40px
}

.f-margin-right-48px {
    margin-right: 48px
}

.f-margin-right-56px {
    margin-right: 56px
}

.f-margin-right-64px {
    margin-right: 64px
}

.f-padding-top-0 {
    padding-top: 0
}

.f-padding-top-1px {
    padding-top: 1px
}

.f-padding-top-2px {
    padding-top: 2px
}

.f-padding-top-3px {
    padding-top: 3px
}

.f-padding-top-4px {
    padding-top: 4px
}

.f-padding-top-5px {
    padding-top: 5px
}

.f-padding-top-8px {
    padding-top: 8px
}

.f-padding-top-10px {
    padding-top: 10px
}

.f-padding-top-12px {
    padding-top: 12px
}

.f-padding-top-15px {
    padding-top: 15px
}

.f-padding-top-16px {
    padding-top: 16px
}

.f-padding-top-20px {
    padding-top: 20px
}

.f-padding-top-24px {
    padding-top: 24px
}

.f-padding-top-32px {
    padding-top: 32px
}

.f-padding-top-40px {
    padding-top: 40px
}

.f-padding-top-48px {
    padding-top: 48px
}

.f-padding-top-56px {
    padding-top: 56px
}

.f-padding-top-64px {
    padding-top: 64px
}

.f-padding-bottom-0 {
    padding-bottom: 0
}

.f-padding-bottom-1px {
    padding-bottom: 1px
}

.f-padding-bottom-2px {
    padding-bottom: 2px
}

.f-padding-bottom-3px {
    padding-bottom: 3px
}

.f-padding-bottom-4px {
    padding-bottom: 4px
}

.f-padding-bottom-5px {
    padding-bottom: 5px
}

.f-padding-bottom-8px {
    padding-bottom: 8px
}

.f-padding-bottom-10px {
    padding-bottom: 10px
}

.f-padding-bottom-12px {
    padding-bottom: 12px
}

.f-padding-bottom-15px {
    padding-bottom: 15px
}

.f-padding-bottom-16px {
    padding-bottom: 16px
}

.f-padding-bottom-20px {
    padding-bottom: 20px
}

.f-padding-bottom-24px {
    padding-bottom: 24px
}

.f-padding-bottom-32px {
    padding-bottom: 32px
}

.f-padding-bottom-40px {
    padding-bottom: 40px
}

.f-padding-bottom-48px {
    padding-bottom: 48px
}

.f-padding-bottom-56px {
    padding-bottom: 56px
}

.f-padding-bottom-64px {
    padding-bottom: 64px
}

.f-padding-left-0 {
    padding-left: 0
}

.f-padding-left-1px {
    padding-left: 1px
}

.f-padding-left-2px {
    padding-left: 2px
}

.f-padding-left-3px {
    padding-left: 3px
}

.f-padding-left-4px {
    padding-left: 4px
}

.f-padding-left-5px {
    padding-left: 5px
}

.f-padding-left-8px {
    padding-left: 8px
}

.f-padding-left-10px {
    padding-left: 10px
}

.f-padding-left-12px {
    padding-left: 12px
}

.f-padding-left-15px {
    padding-left: 15px
}

.f-padding-left-16px {
    padding-left: 16px
}

.f-padding-left-20px {
    padding-left: 20px
}

.f-padding-left-24px {
    padding-left: 24px
}

.f-padding-left-32px {
    padding-left: 32px
}

.f-padding-left-40px {
    padding-left: 40px
}

.f-padding-left-48px {
    padding-left: 48px
}

.f-padding-left-56px {
    padding-left: 56px
}

.f-padding-left-64px {
    padding-left: 64px
}

.f-padding-right-0 {
    padding-right: 0
}

.f-padding-right-1px {
    padding-right: 1px
}

.f-padding-right-2px {
    padding-right: 2px
}

.f-padding-right-3px {
    padding-right: 3px
}

.f-padding-right-4px {
    padding-right: 4px
}

.f-padding-right-5px {
    padding-right: 5px
}

.f-padding-right-8px {
    padding-right: 8px
}

.f-padding-right-10px {
    padding-right: 10px
}

.f-padding-right-12px {
    padding-right: 12px
}

.f-padding-right-15px {
    padding-right: 15px
}

.f-padding-right-16px {
    padding-right: 16px
}

.f-padding-right-20px {
    padding-right: 20px
}

.f-padding-right-24px {
    padding-right: 24px
}

.f-padding-right-32px {
    padding-right: 32px
}

.f-padding-right-40px {
    padding-right: 40px
}

.f-padding-right-48px {
    padding-right: 48px
}

.f-padding-right-56px {
    padding-right: 56px
}

.f-padding-right-64px {
    padding-right: 64px
}

.f-padding-0 {
    padding: 0
}

.f-padding-1px {
    padding: 1px
}

.f-padding-2px {
    padding: 2px
}

.f-padding-3px {
    padding: 3px
}

.f-padding-4px {
    padding: 4px
}

.f-padding-5px {
    padding: 5px
}

.f-padding-8px {
    padding: 8px
}

.f-padding-10px {
    padding: 10px
}

.f-padding-12px {
    padding: 12px
}

.f-padding-15px {
    padding: 15px
}

.f-padding-16px {
    padding: 16px
}

.f-padding-20px {
    padding: 20px
}

.f-padding-24px {
    padding: 24px
}

.f-padding-32px {
    padding: 32px
}

.f-padding-40px {
    padding: 40px
}

.f-padding-48px {
    padding: 48px
}

.f-padding-56px {
    padding: 56px
}

.f-padding-64px {
    padding: 64px
}

.f-width-100 {
    width: 100%
}

.f-width-75 {
    width: 75%
}

.f-width-60 {
    width: 60%
}

.f-width-50 {
    width: 50%
}

.f-width-35 {
    width: 35%
}

.f-width-25 {
    width: 25%
}

.f-width-20 {
    width: 20%
}

.f-width-10 {
    width: 10%
}

.f-height-100 {
    height: 100%
}

.f-height-48 {
    height: 48px
}

.f-no-pointer-events-important {
    pointer-events: none !important
}

.f-no-pointer-events {
    pointer-events: none
}

.f-not-allowed-cursor {
    cursor: not-allowed
}

.f-pointer-events-auto {
    pointer-events: auto
}

.f-text-align-left {
    text-align: left
}

.f-text-align-right,
.f-text-align-end {
    text-align: right
}

.f-text-align-center {
    text-align: center
}

.f-required-legend {
    color: #373a3c
}

.f-required-legend:before {
    content: "* ";
    color: #d0021b
}

.f-mat-hint {
    font-size: 12px;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif
}

.f-help-text {
    position: relative;
    color: #757575;
    font-size: 12px;
    text-align: end;
    width: 100%;
    padding: 0;
    bottom: 18px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: 16px;
    line-height: 12px
}

.f-mat-error {
    font-size: 75%;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif;
    margin-left: 0
}

.f-no-user-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-cursor-pointer {
    cursor: pointer
}

.f-cursor-normal {
    cursor: default
}

.f-text-uppercase {
    text-transform: uppercase
}

.f-text-lowercase {
    text-transform: lowercase
}

.f-text-bold {
    font-weight: bold !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    width: 100%;
    display: flex;
    margin-top: 16px;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: flex-end;
    text-align: right
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
    align-self: flex-end;
    text-align: end;
    width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
    width: 100%
}

.f-mandatory:after {
    content: "*";
    color: #f44336;
    font-size: 16px;
    margin-left: 3px
}

.alert-svg-large {
    height: 48px;
    width: 48px
}

.f-basic-chip,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-high-priority,
.f-basic-queued,
.f-basic-ready-review,
.f-basic-processing-error,
.f-basic-archived,
.f-basic-overdue,
.f-basic-approved,
.f-basic-waiting,
.f-basic-active,
.f-basic-unscheduled,
.f-basic-pending {
    width: 100%;
    color: #757575
}

.f-raised-chip,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-high-priority,
.f-raised-queued,
.f-raised-ready-review,
.f-raised-processing-error,
.f-raised-archived,
.f-raised-overdue,
.f-raised-approved,
.f-raised-waiting,
.f-raised-active,
.f-raised-unscheduled,
.f-raised-pending {
    line-height: 22px;
    background-color: #757575;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: 100%
}

.f-basic-pending {
    color: #faca00
}

.f-raised-pending {
    background-color: #faca00
}

.f-basic-unscheduled {
    color: #8698d0
}

.f-raised-unscheduled {
    background-color: #8698d0
}

.f-basic-active {
    color: #1abfce
}

.f-raised-active {
    background-color: #1abfce
}

.f-basic-waiting {
    color: #f68b3e
}

.f-raised-waiting {
    background-color: #f68b3e
}

.f-basic-approved {
    color: #5da93f
}

.f-raised-approved {
    background-color: #5da93f
}

.f-basic-overdue {
    color: #f55c58
}

.f-raised-overdue {
    background-color: #f55c58
}

.f-basic-archived {
    color: #989898
}

.f-raised-archived {
    background-color: #989898
}

.f-basic-processing-error {
    color: #3b8ed8
}

.f-raised-processing-error {
    background-color: #3b8ed8
}

.f-basic-ready-review {
    color: #bb9f00
}

.f-raised-ready-review {
    background-color: #bb9f00
}

.f-basic-queued {
    color: #881ab9
}

.f-raised-queued {
    background-color: #881ab9
}

.f-basic-high-priority {
    color: #f55c58
}

.f-raised-high-priority {
    background-color: #f55c58
}

.f-basic-medium-priority {
    color: #f68b3e
}

.f-raised-medium-priority {
    background-color: #f68b3e
}

.f-basic-low-priority {
    color: #1abfce
}

.f-raised-low-priority {
    background-color: #1abfce
}

.f-link {
    color: #4a90e2;
    cursor: pointer;
    width: 100%
}

.f-font-weight-unset {
    font-weight: unset
}

.f-max-width-unset-important {
    max-width: unset !important
}

.f-font-weight-inherit {
    font-weight: inherit
}

.f-font-weight-normal {
    font-weight: normal
}

.f-font-weight-lighter {
    font-weight: lighter
}

.f-font-weight-bold {
    font-weight: bold
}

.f-font-weight-600 {
    font-weight: 600
}

.f-font-weight-bolder {
    font-weight: bolder
}

.f-position-relative {
    position: relative
}

.f-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.f-overflow-hidden {
    overflow: hidden
}

.f-overflow-y-scroll {
    overflow-y: scroll
}

.f-overflow-x-scroll {
    overflow-x: scroll
}

.f-overflow-auto {
    overflow: auto
}

.f-letter-spacing-0-5 {
    letter-spacing: .5px
}

.f-letter-spacing-1 {
    letter-spacing: 1px
}

.f-letter-spacing-1-25 {
    letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
    letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
    letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
    letter-spacing: 1.83px
}

.f-letter-spacing-2 {
    letter-spacing: 2px
}

.f-white-space-nowrap {
    white-space: nowrap
}

.f-inline-block {
    display: inline-block
}

.f-display-block {
    display: block
}

.f-z-index-1 {
    z-index: 1
}

.f-text-color-warning {
    color: #f44336
}

.f-count {
    background: rgba(0, 0, 0, .87);
    border-radius: 2px;
    color: #fff;
    margin-left: 12px;
    padding: 2px 6px
}

.f-black-text-54 {
    color: #0000008a
}

.f-spacer-16 {
    margin-top: 16px
}

.f-spacer-20 {
    margin-top: 20px
}

.f-spacer-24 {
    margin-top: 24px
}

.f-underline {
    text-decoration: underline
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0px;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-flex-center-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-border-horizontal-1px {
    border-top: solid 1px #cccccc
}

.f-break-word {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.f-color-inherit {
    color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
    transform: rotate(135deg) !important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
    transform: none
}

.f-panel-container .f-no-data-label {
    bottom: 30%
}

.f-panel-container fcsky-shared-button div {
    padding-top: 16px
}

.f-panel-container fcsky-shared-button div button span span {
    margin: auto
}

.f-links-listing-button .f-button span span {
    margin: auto
}

.f-links-listing-button.group-action .f-button-wrapper {
    padding: 16px
}

.f-links-listing-button.global-action .f-button-wrapper {
    padding: 16px
}

.f-right-shadow {
    box-shadow: 5px 0 5px -5px #0000001f
}

.f-left-shadow {
    box-shadow: -5px 0 5px -5px #0000001f
}

.f-vertical-align-middle {
    vertical-align: middle
}

.f-pointer {
    cursor: pointer
}

.f-line-height-24px {
    line-height: 24px
}

.f-fixed-position {
    position: sticky;
    z-index: 1000;
    top: 56px;
    height: 62px;
    background-color: #fff;
    box-shadow: 0 2px 8px #0000001f;
    padding-left: 8px
}

.f-fixed-position .f-collapsable {
    box-shadow: none;
    border-top: none;
    width: 36px !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif
}

h1 {
    font-size: 64px;
    line-height: 80px;
    font-weight: 700
}

h2 {
    font-size: 48px;
    line-height: 72px;
    font-weight: 600
}

h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 400
}

h4 {
    font-size: 24px;
    line-height: 46px;
    font-weight: 300
}

h5 {
    font-size: 22px;
    line-height: 42px;
    font-weight: 700
}

h6 {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600
}

.f-title,
.f-title-wst,
.f-section-title,
.f-page-header-title {
    font-family: "Montserrat", sans-serif
}

.f-title,
.f-section-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700
}

.f-title-wst {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-page-header-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700
}

label,
.f-form-label {
    font-family: "Montserrat", sans-serif
}

p,
.f-form-text,
.f-link-text,
.f-link-text-bold {
    font-family: "Source Sans Pro", sans-serif
}

label,
.f-form-label {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.f-form-text {
    font-size: 12px;
    line-height: 28px;
    font-weight: 400
}

p,
.f-link-text,
a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

a,
a:link,
a:hover,
.f-link-text,
.f-link-text-bold {
    color: #0093ee
}

a:link {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.f-link-text-bold {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}



[_nghost-dsc-c642] {
    background-color: #fff;
    width: calc(100% - 4px);
    height: 100%;
    border-radius: 4px
}

.f-dropdown-elements-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.f-dropdown-elements-container:focus {
    outline: none
}

.f-virtual-viewport {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #000000de;
    height: 100%;
    width: 100%;
    overflow: auto
}

.f-checkbox-container-wrapper {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #000000de;
    width: 100%;
    height: 48px
}

.f-checkbox-container-wrapper:hover {
    background: rgba(0, 0, 0, .04);
    color: #000000de
}

.f-select-all {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    min-height: 60px;
    border-radius: 4px 4px 0 0;
    padding-right: 20px
}

.f-select-all mat-form-field {
    padding-top: 10px
}

.f-select-all .f-filter-input {
    margin-right: 15px;
    width: 100%;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #000000de
}

.f-select-all .f-filter-input #backspace {
    cursor: pointer
}

.f-dropdown-elements-container .mat-form-field-infix {
    width: auto
}

.f-max-width-100 .cdk-virtual-scroll-content-wrapper {
    max-width: 100%
}

.f-select-all .mat-checkbox-label {
    overflow: hidden;
    text-overflow: ellipsis
}

.f-mat-checkbox-with-search {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0
}

.f-mat-checkbox-single {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin: 0;
    padding: 0
}

.f-first-option-no-header {
    border-top-left-radius: 4px
}

.f-first-option-no-header-no-scroll {
    border-top-right-radius: 4px
}

.f-last-option {
    border-bottom-left-radius: 4px
}

.f-last-option.f-last-option-no-scroll {
    border-bottom-right-radius: 4px
}

.fullscreen-icon {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 1000000;
    cursor: pointer;
    opacity: .3;
    transition: opacity .2s ease-in-out
}

.fullscreen-icon:hover {
    opacity: 1
}

.f-custom-option {
    color: #0093ee;
    border-top: 1px solid #ccc;
    padding: 10px 10px 10px 7px
}

.f-custom-option:hover {
    background: #e1ebf5
}

.white-color {
    background-color: #fff
}

.color-blue {
    color: #0093ee
}

.pointer {
    cursor: pointer
}

.f-margin-auto {
    margin: auto
}

.f-margin-0 {
    margin: 0
}

.f-margin-1px {
    margin: 1px
}

.f-margin-2px {
    margin: 2px
}

.f-margin-3px {
    margin: 3px
}

.f-margin-4px {
    margin: 4px
}

.f-margin-5px {
    margin: 5px
}

.f-margin-8px {
    margin: 8px
}

.f-margin-10px {
    margin: 10px
}

.f-margin-12px {
    margin: 12px
}

.f-margin-15px {
    margin: 15px
}

.f-margin-16px {
    margin: 16px
}

.f-margin-20px {
    margin: 20px
}

.f-margin-24px {
    margin: 24px
}

.f-margin-32px {
    margin: 32px
}

.f-margin-40px {
    margin: 40px
}

.f-margin-48px {
    margin: 48px
}

.f-margin-56px {
    margin: 56px
}

.f-margin-64px {
    margin: 64px
}

.f-margin-top-0 {
    margin-top: 0
}

.f-margin-top-1px {
    margin-top: 1px
}

.f-margin-top-2px {
    margin-top: 2px
}

.f-margin-top-3px {
    margin-top: 3px
}

.f-margin-top-4px {
    margin-top: 4px
}

.f-margin-top-5px {
    margin-top: 5px
}

.f-margin-top-8px,
.f-mat-error {
    margin-top: 8px
}

.f-margin-top-10px {
    margin-top: 10px
}

.f-margin-top-12px {
    margin-top: 12px
}

.f-margin-top-15px {
    margin-top: 15px
}

.f-margin-top-16px {
    margin-top: 16px
}

.f-margin-top-18px {
    margin-top: 18px
}

.f-margin-top-20px {
    margin-top: 20px
}

.f-margin-top-24px {
    margin-top: 24px
}

.f-margin-top-32px {
    margin-top: 32px
}

.f-margin-top-40px {
    margin-top: 40px
}

.f-margin-top-48px {
    margin-top: 48px
}

.f-margin-top-56px {
    margin-top: 56px
}

.f-margin-top-64px {
    margin-top: 64px
}

.f-margin-bottom-0 {
    margin-bottom: 0
}

.f-margin-bottom-1px {
    margin-bottom: 1px
}

.f-margin-bottom-2px {
    margin-bottom: 2px
}

.f-margin-bottom-3px {
    margin-bottom: 3px
}

.f-margin-bottom-4px {
    margin-bottom: 4px
}

.f-margin-bottom-5px {
    margin-bottom: 5px
}

.f-margin-bottom-8px {
    margin-bottom: 8px
}

.f-margin-bottom-10px {
    margin-bottom: 10px
}

.f-margin-bottom-12px {
    margin-bottom: 12px
}

.f-margin-bottom-15px {
    margin-bottom: 15px
}

.f-margin-bottom-16px {
    margin-bottom: 16px
}

.f-margin-bottom-18px {
    margin-bottom: 18px
}

.f-margin-bottom-20px {
    margin-bottom: 20px
}

.f-margin-bottom-24px {
    margin-bottom: 24px
}

.f-margin-bottom-32px {
    margin-bottom: 32px
}

.f-margin-bottom-40px {
    margin-bottom: 40px
}

.f-margin-bottom-48px {
    margin-bottom: 48px
}

.f-margin-bottom-56px {
    margin-bottom: 56px
}

.f-margin-bottom-60px {
    margin-bottom: 60px
}

.f-margin-bottom-64px {
    margin-bottom: 64px
}

.f-margin-left-0 {
    margin-left: 0
}

.f-margin-left-1px {
    margin-left: 1px
}

.f-margin-left-2px {
    margin-left: 2px
}

.f-margin-left-3px {
    margin-left: 3px
}

.f-margin-left-4px {
    margin-left: 4px
}

.f-margin-left-5px {
    margin-left: 5px
}

.f-margin-left-8px {
    margin-left: 8px
}

.f-margin-left-10px {
    margin-left: 10px
}

.f-margin-left-12px {
    margin-left: 12px
}

.f-margin-left-15px {
    margin-left: 15px
}

.f-margin-left-16px,
.f-mat-hint {
    margin-left: 16px
}

.f-margin-left-18px {
    margin-left: 18px
}

.f-margin-left-20px {
    margin-left: 20px
}

.f-margin-left-24px {
    margin-left: 24px
}

.f-margin-left-32px {
    margin-left: 32px
}

.f-margin-left-40px {
    margin-left: 40px
}

.f-margin-left-48px {
    margin-left: 48px
}

.f-margin-left-56px {
    margin-left: 56px
}

.f-margin-left-64px {
    margin-left: 64px
}

.f-margin-right-0 {
    margin-right: 0
}

.f-margin-right-1px {
    margin-right: 1px
}

.f-margin-right-2px {
    margin-right: 2px
}

.f-margin-right-3px {
    margin-right: 3px
}

.f-margin-right-4px {
    margin-right: 4px
}

.f-margin-right-5px {
    margin-right: 5px
}

.f-margin-right-8px {
    margin-right: 8px
}

.f-margin-right-10px {
    margin-right: 10px
}

.f-margin-right-12px {
    margin-right: 12px
}

.f-margin-right-15px {
    margin-right: 15px
}

.f-margin-right-16px {
    margin-right: 16px
}

.f-margin-right-18px {
    margin-right: 18px
}

.f-margin-right-20px {
    margin-right: 20px
}

.f-margin-right-24px {
    margin-right: 24px
}

.f-margin-right-32px {
    margin-right: 32px
}

.f-margin-right-40px {
    margin-right: 40px
}

.f-margin-right-48px {
    margin-right: 48px
}

.f-margin-right-56px {
    margin-right: 56px
}

.f-margin-right-64px {
    margin-right: 64px
}

.f-padding-top-0 {
    padding-top: 0
}

.f-padding-top-1px {
    padding-top: 1px
}

.f-padding-top-2px {
    padding-top: 2px
}

.f-padding-top-3px {
    padding-top: 3px
}

.f-padding-top-4px {
    padding-top: 4px
}

.f-padding-top-5px {
    padding-top: 5px
}

.f-padding-top-8px {
    padding-top: 8px
}

.f-padding-top-10px {
    padding-top: 10px
}

.f-padding-top-12px {
    padding-top: 12px
}

.f-padding-top-15px {
    padding-top: 15px
}

.f-padding-top-16px {
    padding-top: 16px
}

.f-padding-top-20px {
    padding-top: 20px
}

.f-padding-top-24px {
    padding-top: 24px
}

.f-padding-top-32px {
    padding-top: 32px
}

.f-padding-top-40px {
    padding-top: 40px
}

.f-padding-top-48px {
    padding-top: 48px
}

.f-padding-top-56px {
    padding-top: 56px
}

.f-padding-top-64px {
    padding-top: 64px
}

.f-padding-bottom-0 {
    padding-bottom: 0
}

.f-padding-bottom-1px {
    padding-bottom: 1px
}

.f-padding-bottom-2px {
    padding-bottom: 2px
}

.f-padding-bottom-3px {
    padding-bottom: 3px
}

.f-padding-bottom-4px {
    padding-bottom: 4px
}

.f-padding-bottom-5px {
    padding-bottom: 5px
}

.f-padding-bottom-8px {
    padding-bottom: 8px
}

.f-padding-bottom-10px {
    padding-bottom: 10px
}

.f-padding-bottom-12px {
    padding-bottom: 12px
}

.f-padding-bottom-15px {
    padding-bottom: 15px
}

.f-padding-bottom-16px {
    padding-bottom: 16px
}

.f-padding-bottom-20px {
    padding-bottom: 20px
}

.f-padding-bottom-24px {
    padding-bottom: 24px
}

.f-padding-bottom-32px {
    padding-bottom: 32px
}

.f-padding-bottom-40px {
    padding-bottom: 40px
}

.f-padding-bottom-48px {
    padding-bottom: 48px
}

.f-padding-bottom-56px {
    padding-bottom: 56px
}

.f-padding-bottom-64px {
    padding-bottom: 64px
}

.f-padding-left-0 {
    padding-left: 0
}

.f-padding-left-1px {
    padding-left: 1px
}

.f-padding-left-2px {
    padding-left: 2px
}

.f-padding-left-3px {
    padding-left: 3px
}

.f-padding-left-4px {
    padding-left: 4px
}

.f-padding-left-5px {
    padding-left: 5px
}

.f-padding-left-8px {
    padding-left: 8px
}

.f-padding-left-10px {
    padding-left: 10px
}

.f-padding-left-12px {
    padding-left: 12px
}

.f-padding-left-15px {
    padding-left: 15px
}

.f-padding-left-16px {
    padding-left: 16px
}

.f-padding-left-20px {
    padding-left: 20px
}

.f-padding-left-24px {
    padding-left: 24px
}

.f-padding-left-32px {
    padding-left: 32px
}

.f-padding-left-40px {
    padding-left: 40px
}

.f-padding-left-48px {
    padding-left: 48px
}

.f-padding-left-56px {
    padding-left: 56px
}

.f-padding-left-64px {
    padding-left: 64px
}

.f-padding-right-0 {
    padding-right: 0
}

.f-padding-right-1px {
    padding-right: 1px
}

.f-padding-right-2px {
    padding-right: 2px
}

.f-padding-right-3px {
    padding-right: 3px
}

.f-padding-right-4px {
    padding-right: 4px
}

.f-padding-right-5px {
    padding-right: 5px
}

.f-padding-right-8px {
    padding-right: 8px
}

.f-padding-right-10px {
    padding-right: 10px
}

.f-padding-right-12px {
    padding-right: 12px
}

.f-padding-right-15px {
    padding-right: 15px
}

.f-padding-right-16px {
    padding-right: 16px
}

.f-padding-right-20px {
    padding-right: 20px
}

.f-padding-right-24px {
    padding-right: 24px
}

.f-padding-right-32px {
    padding-right: 32px
}

.f-padding-right-40px {
    padding-right: 40px
}

.f-padding-right-48px {
    padding-right: 48px
}

.f-padding-right-56px {
    padding-right: 56px
}

.f-padding-right-64px {
    padding-right: 64px
}

.f-padding-0 {
    padding: 0
}

.f-padding-1px {
    padding: 1px
}

.f-padding-2px {
    padding: 2px
}

.f-padding-3px {
    padding: 3px
}

.f-padding-4px {
    padding: 4px
}

.f-padding-5px {
    padding: 5px
}

.f-padding-8px {
    padding: 8px
}

.f-padding-10px {
    padding: 10px
}

.f-padding-12px {
    padding: 12px
}

.f-padding-15px {
    padding: 15px
}

.f-padding-16px {
    padding: 16px
}

.f-padding-20px {
    padding: 20px
}

.f-padding-24px {
    padding: 24px
}

.f-padding-32px {
    padding: 32px
}

.f-padding-40px {
    padding: 40px
}

.f-padding-48px {
    padding: 48px
}

.f-padding-56px {
    padding: 56px
}

.f-padding-64px {
    padding: 64px
}

.f-width-100 {
    width: 100%
}

.f-width-75 {
    width: 75%
}

.f-width-60 {
    width: 60%
}

.f-width-50 {
    width: 50%
}

.f-width-35 {
    width: 35%
}

.f-width-25 {
    width: 25%
}

.f-width-20 {
    width: 20%
}

.f-width-10 {
    width: 10%
}

.f-height-100 {
    height: 100%
}

.f-height-48 {
    height: 48px
}

.f-no-pointer-events-important {
    pointer-events: none !important
}

.f-no-pointer-events {
    pointer-events: none
}

.f-not-allowed-cursor {
    cursor: not-allowed
}

.f-pointer-events-auto {
    pointer-events: auto
}

.f-text-align-left {
    text-align: left
}

.f-text-align-right,
.f-text-align-end {
    text-align: right
}

.f-text-align-center {
    text-align: center
}

.f-required-legend {
    color: #373a3c
}

.f-required-legend:before {
    content: "* ";
    color: #d0021b
}

.f-mat-hint {
    font-size: 12px;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif
}

.f-help-text {
    position: relative;
    color: #757575;
    font-size: 12px;
    text-align: end;
    width: 100%;
    padding: 0;
    bottom: 18px;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: 16px;
    line-height: 12px
}

.f-mat-error {
    font-size: 75%;
    text-align: left;
    line-height: 1.125;
    font-family: "Montserrat", sans-serif;
    margin-left: 0
}

.f-cursor-pointer {
    cursor: pointer
}

.f-cursor-normal {
    cursor: default
}

.f-text-uppercase {
    text-transform: uppercase
}

.f-text-lowercase {
    text-transform: lowercase
}

.f-text-bold {
    font-weight: bold !important
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    width: 100%;
    display: flex;
    margin-top: 16px;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: flex-end;
    text-align: right
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper> {
    align-self: flex-end;
    text-align: end;
    width: 100%
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper {
    width: 100%
}

.f-mandatory:after {
    content: "*";
    color: #f44336;
    font-size: 16px;
    margin-left: 3px
}

.alert-svg-large {
    height: 48px;
    width: 48px
}

.f-basic-chip,
.f-basic-low-priority,
.f-basic-medium-priority,
.f-basic-high-priority,
.f-basic-queued,
.f-basic-ready-review,
.f-basic-processing-error,
.f-basic-archived,
.f-basic-overdue,
.f-basic-approved,
.f-basic-waiting,
.f-basic-active,
.f-basic-unscheduled,
.f-basic-pending {
    width: 100%;
    color: #757575
}

.f-raised-chip,
.f-raised-low-priority,
.f-raised-medium-priority,
.f-raised-high-priority,
.f-raised-queued,
.f-raised-ready-review,
.f-raised-processing-error,
.f-raised-archived,
.f-raised-overdue,
.f-raised-approved,
.f-raised-waiting,
.f-raised-active,
.f-raised-unscheduled,
.f-raised-pending {
    line-height: 22px;
    background-color: #757575;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: 100%
}

.f-basic-pending {
    color: #faca00
}

.f-raised-pending {
    background-color: #faca00
}

.f-basic-unscheduled {
    color: #8698d0
}

.f-raised-unscheduled {
    background-color: #8698d0
}

.f-basic-active {
    color: #1abfce
}

.f-raised-active {
    background-color: #1abfce
}

.f-basic-waiting {
    color: #f68b3e
}

.f-raised-waiting {
    background-color: #f68b3e
}

.f-basic-approved {
    color: #5da93f
}

.f-raised-approved {
    background-color: #5da93f
}

.f-basic-overdue {
    color: #f55c58
}

.f-raised-overdue {
    background-color: #f55c58
}

.f-basic-archived {
    color: #989898
}

.f-raised-archived {
    background-color: #989898
}

.f-basic-processing-error {
    color: #3b8ed8
}

.f-raised-processing-error {
    background-color: #3b8ed8
}

.f-basic-ready-review {
    color: #bb9f00
}

.f-raised-ready-review {
    background-color: #bb9f00
}

.f-basic-queued {
    color: #881ab9
}

.f-raised-queued {
    background-color: #881ab9
}

.f-basic-high-priority {
    color: #f55c58
}

.f-raised-high-priority {
    background-color: #f55c58
}

.f-basic-medium-priority {
    color: #f68b3e
}

.f-raised-medium-priority {
    background-color: #f68b3e
}

.f-basic-low-priority {
    color: #1abfce
}

.f-raised-low-priority {
    background-color: #1abfce
}

.f-link {
    color: #4a90e2;
    cursor: pointer;
    width: 100%
}

.f-font-weight-unset {
    font-weight: unset
}

.f-max-width-unset-important {
    max-width: unset !important
}

.f-font-weight-inherit {
    font-weight: inherit
}

.f-font-weight-normal {
    font-weight: normal
}

.f-font-weight-lighter {
    font-weight: lighter
}

.f-font-weight-bold {
    font-weight: bold
}

.f-font-weight-600 {
    font-weight: 600
}

.f-font-weight-bolder {
    font-weight: bolder
}

.f-position-relative {
    position: relative
}

.f-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.f-overflow-hidden {
    overflow: hidden
}

.f-overflow-y-scroll {
    overflow-y: scroll
}

.f-overflow-x-scroll {
    overflow-x: scroll
}

.f-overflow-auto {
    overflow: auto
}

.f-letter-spacing-0-5 {
    letter-spacing: .5px
}

.f-letter-spacing-1 {
    letter-spacing: 1px
}

.f-letter-spacing-1-25 {
    letter-spacing: 1.25px
}

.f-letter-spacing-1-5 {
    letter-spacing: 1.5px
}

.f-letter-spacing-1-75 {
    letter-spacing: 1.75px
}

.f-letter-spacing-1-83 {
    letter-spacing: 1.83px
}

.f-letter-spacing-2 {
    letter-spacing: 2px
}

.f-white-space-nowrap {
    white-space: nowrap
}

.f-inline-block {
    display: inline-block
}

.f-display-block {
    display: block
}

.f-z-index-1 {
    z-index: 1
}

.f-text-color-warning {
    color: #f44336
}

.f-count {
    background: rgba(0, 0, 0, .87);
    border-radius: 2px;
    color: #fff;
    margin-left: 12px;
    padding: 2px 6px
}

.f-black-text-54 {
    color: #0000008a
}

.f-spacer-16 {
    margin-top: 16px
}

.f-spacer-20 {
    margin-top: 20px
}

.f-spacer-24 {
    margin-top: 24px
}

.f-underline {
    text-decoration: underline
}

.f-loading-shade {
    position: absolute;
    top: 56px;
    left: 0;
    bottom: 0px;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-flex-center-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-matspinner-default circle {
    stroke: #2196f3
}

.f-border-horizontal-1px {
    border-top: solid 1px #cccccc
}

.f-break-word {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.f-color-inherit {
    color: inherit
}

.f-panel-container .mat-expanded .mat-expansion-indicator {
    transform: rotate(135deg) !important
}

.f-panel-container .mat-expanded .mat-expansion-indicator:after {
    transform: none
}

.f-panel-container .f-no-data-label {
    bottom: 30%
}

.f-panel-container fcsky-shared-button div {
    padding-top: 16px
}

.f-panel-container fcsky-shared-button div button span span {
    margin: auto
}

.f-links-listing-button .f-button span span {
    margin: auto
}

.f-links-listing-button.group-action .f-button-wrapper {
    padding: 16px
}

.f-links-listing-button.global-action .f-button-wrapper {
    padding: 16px
}

.f-right-shadow {
    box-shadow: 5px 0 5px -5px #0000001f
}

.f-left-shadow {
    box-shadow: -5px 0 5px -5px #0000001f
}

.f-vertical-align-middle {
    vertical-align: middle
}

.f-pointer {
    cursor: pointer
}

.f-line-height-24px {
    line-height: 24px
}

.f-fixed-position {
    position: sticky;
    z-index: 1000;
    top: 56px;
    height: 62px;
    background-color: #fff;
    box-shadow: 0 2px 8px #0000001f;
    padding-left: 8px
}

.f-fixed-position .f-collapsable {
    box-shadow: none;
    border-top: none;
    width: 36px !important
}

.f-options-container mat-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0
}

.f-checkbox-container {
    padding-left: 2px;
    width: 100%;
    height: 48px
}

.f-no-user-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-option-selected {
    background: rgba(0, 0, 0, .12)
}

:focus {
    outline: 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;
}



.f-metrics-title {
    color: #757575;
    font-size: 14px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: uppercase
}

.f-data-count {
    font-family: "Montserrat", sans-serif;
    color: #9b9b9b;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px
}

.f-data-label {
    font-family: "Montserrat", sans-serif;
    color: #4a4a4a;
    font-weight: 700;
    font-size: 14px
}

.f-action-container {
    position: absolute;
    top: 20px;
    right: 8px
}

.f-horizontal-separator>div {
    border-right: 1px solid #9b9b9b
}

.f-horizontal-separator>div:last-child {
    border-right: 0
}

.f-vertical-separator>div {
    border-bottom: 1px solid #9b9b9b
}

.f-vertical-separator>div:last-child {
    border-bottom: 0
}

@import"https://fonts.googleapis.com/css?family=Lato:300,400,700";
@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600";

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
    font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
    font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
    font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
    font: 400 calc(14px * .83)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
    font: 400 calc(14px * .67)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,
.mat-body-2 {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-small,
.mat-caption {
    font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500
}

.mat-card-header .mat-card-title {
    font-size: 20px
}

.mat-card-subtitle,
.mat-card-content {
    font-size: 14px
}

.mat-checkbox {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 14px;
    font-weight: 500
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,
.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-1.28125em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    -ms-transform: translateY(-1.28124em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    -ms-transform: translateY(-1.28123em) scale(.75);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {

    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px
}

.mat-radio-button {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-slider-thumb-label-text {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: normal
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tab-label,
.mat-tab-link {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-list-item {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-option {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-base .mat-list-item {
    font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-list-option {
    font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

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

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.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
}

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
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

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

.mat-ripple-element {
    background-color: rgba(0, 0, 0, .102)
}

.mat-option {
    color: rgba(0, 0, 0, .871)
}

.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .871)
}

.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
}

.mat-optgroup-label {
    color: rgba(0, 0, 0, .541)
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, .541)
}

.mat-pseudo-checkbox:after {
    color: #fafafa
}

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

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

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

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

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

.mat-app-background {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .871)
}

.mat-elevation-z0 {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .141), 0 1px 8px rgba(0, 0, 0, .122)
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px rgba(0, 0, 0, .141), 0 1px 14px rgba(0, 0, 0, .122)
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .141), 0 2px 16px 1px rgba(0, 0, 0, .122)
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .141), 0 3px 16px 2px rgba(0, 0, 0, .122)
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .141), 0 4px 18px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .141), 0 4px 20px 3px rgba(0, 0, 0, .122)
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .141), 0 5px 22px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .141), 0 5px 24px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .141), 0 5px 26px 4px rgba(0, 0, 0, .122)
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .141), 0 6px 28px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .141), 0 6px 32px 5px rgba(0, 0, 0, .122)
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .141), 0 7px 34px 6px rgba(0, 0, 0, .122)
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .141), 0 7px 36px 6px rgba(0, 0, 0, .122)
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .141), 0 8px 38px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .141), 0 8px 40px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .141), 0 8px 42px 7px rgba(0, 0, 0, .122)
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .141), 0 9px 44px 8px rgba(0, 0, 0, .122)
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122)
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, .871)
}

.mat-badge {
    position: relative
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: rgba(0, 0, 0, .38)
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122);
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #3f51b5
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #ff4081
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #f44336
}

.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, .259)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
    opacity: .1;
    background-color: currentColor
}

.mat-button-focus-overlay {
    background: #000
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: rgba(0, 0, 0, .122)
}

.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
    color: rgba(0, 0, 0, .871);
    background-color: #fff
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    color: #fff
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    color: #fff
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    color: #fff
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, .259)
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    background-color: #3f51b5
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    background-color: #ff4081
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    background-color: #f44336
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: rgba(0, 0, 0, .122)
}

.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-stroked-button:not([class*=mat-elevation-z]),
.mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .141), 0 5px 22px 4px rgba(0, 0, 0, .122)
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-button-toggle-standalone,
.mat-button-toggle-group {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    box-shadow: none
}

.mat-button-toggle {
    color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, .122)
}

.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .871);
    background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .541)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .871)
}

.mat-button-toggle-disabled {
    color: rgba(0, 0, 0, .259);
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    border: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 rgba(0, 0, 0, .2), 0 0 rgba(0, 0, 0, .141), 0 0 rgba(0, 0, 0, .122)
}

.mat-card-subtitle {
    color: rgba(0, 0, 0, .541)
}

.mat-checkbox-frame {
    border-color: rgba(0, 0, 0, .541)
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

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

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

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

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

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: rgba(0, 0, 0, .541)
}

.mat-checkbox .mat-ripple-element {
    background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #3f51b5
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ff4081
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .871)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, .871);
    opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .141), 0 1px 8px rgba(0, 0, 0, .122)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #3f51b5;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ff4081;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, .102)
}

.mat-table {
    background: #fff
}

.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
    background: inherit
}

mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
    border-bottom-color: rgba(0, 0, 0, .122)
}

.mat-header-cell {
    color: rgba(0, 0, 0, .541)
}

.mat-cell,
.mat-footer-cell {
    color: rgba(0, 0, 0, .871)
}

.mat-calendar-arrow {
    fill: rgba(0, 0, 0, .541)
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
    color: rgba(0, 0, 0, .541)
}

.mat-calendar-table-header-divider:after {
    background: rgba(0, 0, 0, .12)
}

.mat-calendar-table-header,
.mat-calendar-body-label {
    color: rgba(0, 0, 0, .541)
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: rgba(0, 0, 0, .871);
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-in-preview {
    color: rgba(0, 0, 0, .239)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-in-range:before {
    background: rgba(63, 81, 181, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(63, 81, 181, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(63, 81, 181, .302)
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122);
    background-color: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(255, 64, 129, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(255, 64, 129, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, .302)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244, 67, 54, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, .302)
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122)
}

.mat-datepicker-toggle-active {
    color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
    color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
}

.mat-date-range-input-inner[disabled] {
    color: rgba(0, 0, 0, .38)
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122);
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-divider {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, .122)
}

.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122)
}

.mat-action-row {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0, 0, 0, .04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
    }
}

.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, .871)
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator:after {
    color: rgba(0, 0, 0, .541)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0, 0, 0, .259)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-form-field-label {
    color: rgba(0, 0, 0, .6)
}

.mat-hint {
    color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336
}

.mat-focused .mat-form-field-required-marker {
    color: #ff4081
}

.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, .871)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #3f51b5
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #ff4081
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336
}

.mat-error {
    color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    color: rgba(0, 0, 0, .541)
}

.mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, .541)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .039)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, .122)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, .871)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, .059)
}

.mat-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #ff4081
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .541)
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .38)
}

.mat-input-element {
    caret-color: #3f51b5
}

.mat-input-element::placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #ff4081
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
    caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #f44336
}

.mat-list-base .mat-list-item {
    color: rgba(0, 0, 0, .871)
}

.mat-list-base .mat-list-option {
    color: rgba(0, 0, 0, .871)
}

.mat-list-base .mat-subheader {
    color: rgba(0, 0, 0, .541)
}

.mat-list-item-disabled {
    background-color: #eee
}

.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
    background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
    background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
    background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-menu-item {
    background: transparent;
    color: rgba(0, 0, 0, .871)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
    color: rgba(0, 0, 0, .38)
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
    color: rgba(0, 0, 0, .541)
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0, 0, 0, .04)
}

.mat-paginator {
    background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, .541)
}

.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, .38)
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #cbd0e9
}

.mat-progress-bar-buffer {
    background-color: #cbd0e9
}

.mat-progress-bar-fill:after {
    background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #f44336
}

.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .541)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #3f51b5
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ff4081
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: rgba(0, 0, 0, .871)
}

.mat-select-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
    color: rgba(0, 0, 0, .541)
}

.mat-select-panel {
    background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .141), 0 1px 10px rgba(0, 0, 0, .122)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .871)
}

.mat-drawer {
    background-color: #fff;
    color: rgba(0, 0, 0, .871)
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .141), 0 6px 30px 5px rgba(0, 0, 0, .122)
}

.mat-drawer-side {
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(255, 64, 129, .541)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ff4081
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(63, 81, 181, .541)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, .541)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .141), 0 1px 3px rgba(0, 0, 0, .122);
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
    background-color: rgba(0, 0, 0, .259)
}

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
    background-color: #3f51b5
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-primary .mat-slider-focus-ring {
    background-color: rgba(63, 81, 181, .2)
}

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
    background-color: #ff4081
}

.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-accent .mat-slider-focus-ring {
    background-color: rgba(255, 64, 129, .2)
}

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
    background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-warn .mat-slider-focus-ring {
    background-color: rgba(244, 67, 54, .2)
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, .122)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .871)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .259)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .259);
    background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .259)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: rgba(0, 0, 0, .702)
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled=false] {
    background-color: rgba(0, 0, 0, .039)
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, .541)
}

.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, .541);
    color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ff4081;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, .871)
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: rgba(0, 0, 0, .122)
}

.mat-horizontal-stepper-header:before,
.mat-horizontal-stepper-header:after,
.mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, .122)
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-nav-bar,
.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
    color: rgba(0, 0, 0, .871)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .871)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-]>.mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .302)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .302)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .302)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .302)
}

.mat-tab-group.mat-background-primary>.mat-tab-header,
.mat-tab-group.mat-background-primary>.mat-tab-link-container,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination {
    background-color: #3f51b5
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .302)
}

.mat-tab-group.mat-background-accent>.mat-tab-header,
.mat-tab-group.mat-background-accent>.mat-tab-link-container,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination {
    background-color: #ff4081
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .302)
}

.mat-tab-group.mat-background-warn>.mat-tab-header,
.mat-tab-group.mat-background-warn>.mat-tab-link-container,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination {
    background-color: #f44336
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element {
    background-color: rgba(255, 255, 255, .122)
}

.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .871)
}

.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,
.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px
    }

    .mat-toolbar-row,
    .mat-toolbar-single-row {
        height: 56px
    }
}

.mat-tooltip {
    background: rgba(97, 97, 97, .9)
}

.mat-tree {
    background: #fff
}

.mat-tree-node,
.mat-nested-tree-node {
    color: rgba(0, 0, 0, .871)
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: rgba(255, 255, 255, .702);
    background: #323232;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .141), 0 1px 18px rgba(0, 0, 0, .122)
}

.mat-simple-snackbar-action {
    color: #ff4081
}

.ng-select {
    padding-bottom: 1.25em
}

.ng-select.ng-select-disabled .ng-select-container:after {
    border-bottom-color: transparent;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,
.ng-select.ng-select-disabled .ng-clear-wrapper {
    color: rgba(0, 0, 0, .38)
}

.ng-select.ng-select-focused .ng-select-container:after {
    border-color: #3f51b5;
    border-width: 2px
}

.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after {
    border-color: #3f51b5;
    border-width: 2px
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    color: #3f51b5
}

.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
    color: #3f51b5
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
    display: inline;
    display: initial
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-opened .ng-placeholder {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px)
}

.ng-select .ng-select-container {
    color: rgba(0, 0, 0, .871);
    align-items: baseline;
    min-height: 51.5px
}

.ng-select .ng-select-container:after {
    border-bottom: thin solid rgba(0, 0, 0, .42);
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    transition: border-color .3s cubic-bezier(.55, 0, .55, .2)
}

.ng-select .ng-select-container.ng-appearance-outline {
    padding: 0 .5em;
    min-height: 60px
}

.ng-select .ng-select-container.ng-appearance-outline:after {
    border: solid 1px rgba(0, 0, 0, .12);
    border-radius: 5px;
    height: calc(100% - .5em);
    pointer-events: none;
    transition: border-color .3s cubic-bezier(.25, .8, .25, 1)
}

.ng-select .ng-select-container.ng-appearance-outline:hover:after {
    border-color: rgba(0, 0, 0, .871);
    border-width: 2px
}

.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder {
    padding: 0 .25em;
    background-color: #fff;
    z-index: 1
}

.ng-select .ng-select-container.ng-appearance-outline .ng-value {
    padding-left: .25em
}

.ng-select .ng-select-container .ng-value-container {
    align-items: stretch;
    padding: .4375em 0;
    border-top: .84375em solid transparent
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    position: absolute;
    color: rgba(0, 0, 0, .541);
    transform-origin: left 0;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1)
}

[dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    transform-origin: right 0
}

.ng-select .ng-select-container .ng-value-container .ng-input {
    bottom: .4375em
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    bottom: 17px
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    bottom: 14px
}

.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
    align-self: flex-end;
    bottom: 9px
}

.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
    align-self: flex-end;
    bottom: 7px
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    background-color: rgba(0, 0, 0, .122);
    color: rgba(0, 0, 0, .259)
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,
.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after {
    background-image: none;
    border: dotted 1px rgba(0, 0, 0, .12)
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper {
    border-top: none
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    top: 0
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    top: 4px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background-color: #3f51b5;
    border-radius: 2px;
    color: #fff;
    padding: 2px 5px;
    margin: 0 .4375em .4375em 0
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin: 0 0 .4375em .4375em
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: rgba(0, 0, 0, .122);
    color: rgba(0, 0, 0, .259)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    font-size: 14px;
    font-weight: 500
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    color: rgba(255, 255, 255, .541);
    padding-right: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    padding-left: 5px;
    padding-right: 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    color: rgba(255, 255, 255, .871)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    line-height: 1.375em
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
    align-items: center
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container {
    padding-bottom: 0;
    padding-top: .1875em
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
    border-top: .84375em solid transparent
}

.ng-select .ng-clear-wrapper {
    color: rgba(0, 0, 0, .541)
}

.ng-select .ng-clear-wrapper:hover {
    color: rgba(0, 0, 0, .871)
}

.ng-select .ng-arrow-wrapper {
    bottom: 2px
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    margin: 0 4px;
    color: rgba(0, 0, 0, .541)
}

.ng-select .ng-spinner-zone {
    top: 3px
}

.ng-dropdown-panel {
    background: #fff;
    left: 0
}

.ng-dropdown-panel.ng-select-bottom {
    top: calc(100% - 1.25em);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .141), 0 3px 14px 2px rgba(0, 0, 0, .122)
}

.ng-dropdown-panel.ng-select-top {
    bottom: calc(100% - .84375em);
    box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, .2), 0 -8px 10px 1px rgba(0, 0, 0, .141), 0 -3px 14px 2px rgba(0, 0, 0, .122)
}

.ng-dropdown-panel.multiple .ng-option.selected {
    background: #fff
}

.ng-dropdown-panel.multiple .ng-option.marked {
    background: rgba(0, 0, 0, .04)
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 0 16px;
    line-height: 3em;
    min-height: 3em
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding: 0 16px;
    line-height: 3em;
    min-height: 3em
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 3em;
    height: 3em;
    padding: 0 16px;
    color: rgba(0, 0, 0, .541);
    font-weight: 500
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background: rgba(0, 0, 0, .04)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
    background: rgba(0, 0, 0, .12);
    color: #3f51b5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    line-height: 3em;
    min-height: 3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 16px;
    text-decoration: none;
    position: relative;
    color: rgba(0, 0, 0, .871);
    text-align: left
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    text-align: right
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .871)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: rgba(0, 0, 0, .12);
    color: #3f51b5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 32px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 32px;
    padding-left: 0
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-right: 5px;
    font-size: 80%;
    font-weight: 400;
    color: rgba(0, 0, 0, .38)
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

.gridHoverStyle,
.gridSelection,
.timelineSelection {
    background-color: #fff3a1
}

.gantt_grid_scale .gantt_grid_head_cell {
    color: #a6a6a6;
    border-top: none !important;
    border-right: none !important
}

.gantt_grid_data .gantt_cell {
    border-right: none;
    color: #454545
}

.gantt_task_link .gantt_link_arrow_right {
    border-width: 6px;
    margin-top: -3px
}

.gantt_task_link .gantt_link_arrow_left {
    border-width: 6px;
    margin-left: -6px;
    margin-top: -3px
}

.gantt_task_link .gantt_link_arrow_down,
.gantt_task_link .gantt_link_arrow_up {
    border-width: 6px
}

.gantt_task_line .gantt_task_progress_drag {
    bottom: -4px;
    height: 10px;
    margin-left: -8px;
    width: 16px
}

.chartHeaderBg {
    background-color: #fff
}

.gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #a6a6a6;
    border-right: 1px solid #ebebeb
}

.gantt_row.gantt_project,
.gantt_row.odd.gantt_project {
    background-color: #edffef
}

.gantt_task_row.gantt_project,
.gantt_task_row.odd.gantt_project {
    background-color: #f5fff6
}

.gantt_task_line.gantt_project {
    background-color: #65c16f;
    border: 1px solid #3c9445
}

.gantt_task_line.gantt_project .gantt_task_progress {
    background-color: #46ad51
}

.buttonBg {
    background: #fff
}

.gantt_cal_light .gantt_btn_set {
    margin: 5px 10px
}

.gantt_btn_set.gantt_cancel_btn_set {
    background: #fff;
    color: #454545;
    border: 1px solid #cecece
}

.gantt_btn_set.gantt_save_btn_set {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff
}

.gantt_btn_set.gantt_delete_btn_set {
    text-shadow: 0 -1px 0 #6f6f6f;
    background: #ec8e00;
    text-shadow: 0 -1px 0 #a60;
    color: #fff
}

.gantt_cal_light_wide {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.gantt_cal_light_wide .gantt_cal_larea {
    border-left: none !important;
    border-right: none !important
}

.gantt_popup_button.gantt_ok_button {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff;
    font-weight: 700;
    border-width: 0
}

.gantt_popup_button.gantt_cancel_button {
    font-weight: 700;
    color: #454544
}

.gantt_popup_title {
    background-color: #fff
}

.gantt_popup_shadow {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071)
}

.gantt_qi_big_icon.icon_edit {
    color: #454545;
    background: #fff
}

.gantt_qi_big_icon.icon_delete {
    text-shadow: 0 -1px 0 #a60;
    background: #ec8e00;
    color: #fff;
    border-width: 0
}

.gantt_tooltip {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    border-left: 1px solid rgba(0, 0, 0, .07);
    border-top: 1px solid rgba(0, 0, 0, .07);
    font-size: 8pt;
    color: #454545
}

.gantt_container,
.gantt_tooltip {
    background-color: #fff;
    font-family: Arial
}

.gantt_container {
    font-size: 13px;
    border: 1px solid #cecece;
    position: relative;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden
}

.gantt_task_scroll {
    overflow-x: scroll
}

.gantt_grid,
.gantt_task {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    vertical-align: top
}

.gantt_grid_scale,
.gantt_task_scale {
    color: #6b6b6b;
    font-size: 12px;
    border-bottom: 1px solid #cecece;
    box-sizing: border-box
}

.gantt_grid_scale,
.gantt_task_scale,
.gantt_task_vscroll {
    background-color: #fff
}

.gantt_scale_line {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 1px solid #cecece
}

.gantt_scale_line:first-child {
    border-top: none
}

.gantt_grid_head_cell {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #cecece;
    text-align: center;
    position: relative;
    cursor: default;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 33px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.gantt_scale_line {
    clear: both
}

.gantt_grid_data {
    width: 100%;
    overflow: hidden;
    position: relative
}

.gantt_row {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_add,
.gantt_grid_head_add {
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    -moz-opacity: .3;
    opacity: .3
}

.gantt_grid_head_cell.gantt_grid_head_add {
    -moz-opacity: .6;
    opacity: .6;
    top: 0
}

.gantt_grid_head_cell.gantt_grid_head_add:hover {
    -moz-opacity: 1;
    opacity: 1
}

.gantt_grid_data .gantt_row.odd:hover,
.gantt_grid_data .gantt_row:hover {
    background-color: #fff3a1
}

.gantt_grid_data .gantt_row.odd:hover .gantt_add,
.gantt_grid_data .gantt_row:hover .gantt_add {
    -moz-opacity: 1;
    opacity: 1
}

.gantt_row,
.gantt_task_row {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff
}

.gantt_row.odd,
.gantt_task_row.odd {
    background-color: #fff
}

.gantt_cell,
.gantt_grid_head_cell,
.gantt_row,
.gantt_scale_cell,
.gantt_task_cell,
.gantt_task_row {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.gantt_grid_head_cell,
.gantt_scale_cell {
    line-height: inherit
}

.gantt_grid_scale .gantt_grid_column_resize_wrap {
    cursor: col-resize;
    position: absolute;
    width: 13px;
    margin-left: -7px
}

.gantt_grid_column_resize_wrap .gantt_grid_column_resize {
    background-color: #cecece;
    height: 100%;
    width: 1px;
    margin: 0 auto
}

.gantt_drag_marker.gantt_grid_resize_area {
    background-color: rgba(232, 232, 232, .502);
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.gantt_row {
    display: flex
}

.gantt_row>div {
    flex-shrink: 0;
    flex-grow: 0
}

.gantt_cell {
    vertical-align: top;
    border-right: 1px solid #ebebeb;
    padding-left: 6px;
    padding-right: 6px;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px
}

.gantt_cell_tree {
    display: flex;
    flex-wrap: nowrap
}

.gantt_grid_data .gantt_last_cell,
.gantt_grid_scale .gantt_last_cell,
.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell,
.gantt_task_bg .gantt_last_cell {
    border-right-width: 0
}

.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell {
    border-right-width: 1px
}

.gantt_task_bg {
    overflow: hidden
}

.gantt_scale_cell {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border-right: 1px solid #cecece;
    text-align: center;
    height: 100%
}

.gantt_task_cell {
    display: inline-block;
    height: 100%;
    border-right: 1px solid #ebebeb
}

.gantt_layout_cell.gantt_ver_scroll {
    width: 0;
    background-color: transparent;
    height: 1px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    z-index: 1
}

.gantt_ver_scroll>div {
    width: 1px;
    height: 1px
}

.gantt_hor_scroll {
    height: 0;
    background-color: transparent;
    width: 100%;
    clear: both;
    overflow-x: scroll;
    overflow-y: hidden
}

.gantt_layout_cell .gantt_hor_scroll {
    position: absolute
}

.gantt_hor_scroll>div {
    width: 5000px;
    height: 1px
}

.gantt_tree_icon,
.gantt_tree_indent {
    flex-grow: 0;
    flex-shrink: 0
}

.gantt_tree_indent {
    width: 15px;
    height: 100%
}

.gantt_tree_content,
.gantt_tree_icon {
    vertical-align: top
}

.gantt_tree_icon {
    width: 28px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.gantt_tree_content {
    height: 100%;
    white-space: nowrap;
    min-width: 0
}

.gantt_tree_icon.gantt_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAArklEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNUAGcXJyMnz//h3uQrJdRLFBIAPQAchlJLsIFuCMjIwM////B5sJMoRkg2CuIdtrQcHBDOxsbHBfCQgIMHz48AHO//nrF8O6tWsJR7+7uzsDIxMTznT0/98/hp07d+I3iGopm2DewKFg8OV+AJWkfRMrTobLAAAAAElFTkSuQmCC);
    width: 18px;
    cursor: pointer
}

.gantt_tree_icon.gantt_close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAkUlEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNeIN4uTkxAin79+/M5AcRtgCHGQIyQbhijaiDQoKDmZgZ2PDGf0/f/1iWLd2LeHod3d3Z2BkYsJp0P9//xh27tyJ3yCqpWyCeQOHgsGX+wEZpW4T5LCxKwAAAABJRU5ErkJggg==);
    width: 18px;
    cursor: pointer
}

.gantt_tree_icon.gantt_blank {
    width: 18px
}

.gantt_tree_icon.gantt_folder_open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAs0lEQVQ4T62T0Q2EIBBEpQlzuaaMsQoqooqLsSljbMLLmMxmUXBR4U+Qt7Mzi2sqLVeJ00SgEMKWAnvvzYLyAyHfT5sU2fXDJSwCAXK8MI0/UTkva7IIFJsg3NSwnKdFoKtAWOQ1CN7CEqeTotE5L7QyJhmBcklZM4ZgTiAr3iOU3kD93ppO5SkMjB1EeXdBWoSkRql3YeIRe+cGvktS056JR9wsmeBUkujCfNXWCPC8GugPqn5ii/hV+FoAAAAASUVORK5CYII=)
}

.gantt_tree_icon.gantt_folder_closed {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAfElEQVQ4T2NkoBJgpJI5DCgGTZ8+/T82gzMzMwlaCFcAM0RKQgyrI/0Dg/EahmIQyBB0DRvXr4W78tmLV1gtAbmYoEEgnciG4QpTogzCFyEwSyg2CBS2oCAZNQh3cA+hMAJ5AlcKxuVBlOgnNgVjMwyUrQjmamKLGaoZBAAOTFyLnFFW4wAAAABJRU5ErkJggg==)
}

.gantt_tree_icon.gantt_file {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAeElEQVQ4T2NkoBJgRDZn+vTp/wmZm5mZiaIHph7DICkJMUJmMfgHBmMYhtUgbAo3rl+L4lp0NUQbBPI2umuRDaPIIFAYwAyjv0HoMQALM5JdhG4QLMxGDcKdyIdoGIE89OzFK4KZF5Rl8EY/QROQFGA1iBQD0NUCAJVjcxO0naAQAAAAAElFTkSuQmCC)
}

.gantt_grid_head_cell .gantt_sort {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 7px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: 50%
}

.gantt_grid_head_cell .gantt_sort.gantt_asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC)
}

.gantt_grid_head_cell .gantt_sort.gantt_desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC)
}

.gantt_inserted,
.gantt_updated {
    font-weight: 700
}

.gantt_deleted {
    text-decoration: line-through
}

.gantt_invalid {
    background-color: #ffe0e0
}

.gantt_error {
    color: red
}

.gantt_status {
    right: 1px;
    padding: 5px 10px;
    background: hsla(0, 0%, 61%, .1);
    position: absolute;
    top: 1px;
    transition: opacity .2s;
    opacity: 0
}

.gantt_status.gantt_status_visible {
    opacity: 1
}

#gantt_ajax_dots span {
    transition: opacity .2s;
    background-repeat: no-repeat;
    opacity: 0
}

#gantt_ajax_dots span.gantt_dot_visible {
    opacity: 1
}

.gantt_column_drag_marker {
    border: 1px solid #cecece;
    opacity: .8
}

.gantt_grid_head_cell_dragged {
    border: 1px solid #cecece;
    opacity: .3
}

.gantt_grid_target_marker {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #ffa011;
    transform: translate(-1px)
}

.gantt_grid_target_marker:after,
.gantt_grid_target_marker:before {
    display: block;
    content: "";
    position: absolute;
    left: -5px;
    width: 0;
    height: 0;
    border: 6px solid transparent
}

.gantt_grid_target_marker:before {
    border-top-color: #ffa011
}

.gantt_grid_target_marker:after {
    bottom: 0;
    border-bottom-color: #ffa011
}

.gantt_message_area {
    position: fixed;
    right: 5px;
    width: 250px;
    z-index: 1000
}

.gantt-info {
    min-width: 120px;
    padding: 4px 4px 4px 20px;
    font-family: Arial;
    z-index: 10000;
    margin: 5px 5px 10px;
    transition: all .5s ease
}

.gantt-info.hidden {
    height: 0;
    padding: 0;
    border-width: 0;
    margin: 0;
    overflow: hidden
}

.gantt_modal_box {
    overflow: hidden;
    display: inline-block;
    min-width: 250px;
    width: 250px;
    text-align: center;
    position: fixed;
    z-index: 20000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    font-family: Arial;
    border-radius: 6px;
    border: 1px solid #cecece;
    background: #fff
}

.gantt_popup_title {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-width: 0
}

.gantt_button,
.gantt_popup_button {
    border: 1px solid #cecece;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
    background: #fff
}

.gantt-info,
.gantt_button,
.gantt_popup_button {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer
}

.gantt_popup_text {
    overflow: hidden
}

.gantt_popup_controls {
    border-radius: 6px;
    padding: 10px
}

.gantt_popup_button {
    min-width: 100px
}

div.dhx_modal_cover {
    background-color: #000;
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    opacity: .2;
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    zoom: 1
}

.gantt-info img,
.gantt_modal_box img {
    float: left;
    margin-right: 20px
}

.gantt-alert-error,
.gantt-confirm-error {
    border: 1px solid red
}

.gantt_button input,
.gantt_popup_button div {
    border-radius: 4px;
    font-size: 14px;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    vertical-align: top
}

.gantt_popup_title {
    border-bottom: 1px solid #cecece;
    height: 40px;
    line-height: 40px;
    font-size: 20px
}

.gantt_popup_text {
    margin: 15px 15px 5px;
    font-size: 14px;
    color: #000;
    min-height: 30px;
    border-radius: 6px
}

.gantt-error,
.gantt-info {
    font-size: 14px;
    color: #000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    padding: 0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #fff
}

.gantt-info div {
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #cecece
}

.gantt-error {
    background-color: #d81b1b;
    border: 1px solid #ff3c3c
}

.gantt-error div {
    background-color: #d81b1b;
    border: 1px solid #940000;
    color: #fff
}

.gantt-warning {
    background-color: #ff9000;
    border: 1px solid #ffa633
}

.gantt-warning div {
    background-color: #ff9000;
    border: 1px solid #b36500;
    color: #fff
}

.gantt_data_area div,
.gantt_grid div {
    -ms-touch-action: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.gantt_data_area {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gantt_links_area {
    position: absolute;
    left: 0;
    top: 0
}

.gantt_side_content,
.gantt_task_content,
.gantt_task_progress {
    line-height: inherit;
    overflow: hidden;
    height: 100%
}

.gantt_task_content {
    font-size: 12px;
    color: #fff;
    width: 100%;
    top: 0;
    cursor: pointer;
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.gantt_task_progress {
    text-align: center;
    z-index: 0;
    background: #299cb4
}

.gantt_task_progress_wrapper {
    border-radius: inherit;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.gantt_task_line {
    border-radius: 2px;
    position: absolute;
    box-sizing: border-box;
    background-color: #3db9d3;
    border: 1px solid #2898b0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_task_line.gantt_drag_move div {
    cursor: move
}

.gantt_touch_move,
.gantt_touch_progress .gantt_touch_resize {
    transform: scale(1.02, 1.1);
    transform-origin: 50%
}

.gantt_touch_progress .gantt_task_progress_drag,
.gantt_touch_resize .gantt_task_drag {
    transform: scaleY(1.3);
    transform-origin: 50%
}

.gantt_side_content {
    position: absolute;
    white-space: nowrap;
    color: #6e6e6e;
    top: 0;
    font-size: 11px
}

.gantt_side_content.gantt_left {
    right: 100%;
    padding-right: 20px
}

.gantt_side_content.gantt_right {
    left: 100%;
    padding-left: 20px
}

.gantt_side_content.gantt_link_crossing {
    bottom: 8.75px;
    top: auto
}

.gantt_link_arrow,
.gantt_task_link .gantt_line_wrapper {
    position: absolute;
    cursor: pointer
}

.gantt_line_wrapper div {
    background-color: #ffa011
}

.gantt_task_link:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px #ffa011
}

.gantt_task_link div.gantt_link_arrow {
    background-color: transparent;
    border-style: solid;
    width: 0;
    height: 0
}

.gantt_link_control {
    position: absolute;
    width: 20px;
    top: 0
}

.gantt_link_control div {
    display: none;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    margin-top: -7.5px;
    vertical-align: middle;
    border: 1px solid #929292;
    border-radius: 6.5px;
    height: 13px;
    width: 13px;
    background-color: #f0f0f0
}

.gantt_link_control.task_right div.gantt_link_point {
    margin-left: 7px
}

.gantt_link_control div:hover {
    background-color: #fff
}

.gantt_link_control.task_left {
    left: -20px
}

.gantt_link_control.task_right {
    right: -20px
}

.gantt_link_target .gantt_link_control div,
.gantt_task_line.gantt_drag_move .gantt_link_control div,
.gantt_task_line.gantt_drag_move .gantt_task_drag,
.gantt_task_line.gantt_drag_move .gantt_task_progress_drag,
.gantt_task_line.gantt_drag_progress .gantt_link_control div,
.gantt_task_line.gantt_drag_progress .gantt_task_drag,
.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag,
.gantt_task_line.gantt_drag_resize .gantt_link_control div,
.gantt_task_line.gantt_drag_resize .gantt_task_drag,
.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag,
.gantt_task_line.gantt_selected .gantt_link_control div,
.gantt_task_line.gantt_selected .gantt_task_drag,
.gantt_task_line.gantt_selected .gantt_task_progress_drag,
.gantt_task_line:hover .gantt_link_control div,
.gantt_task_line:hover .gantt_task_drag,
.gantt_task_line:hover .gantt_task_progress_drag {
    display: block
}

.gantt_link_source,
.gantt_link_target {
    box-shadow: 0 0 3px #3db9d3
}

.gantt_link_target.link_finish_allow,
.gantt_link_target.link_start_allow {
    box-shadow: 0 0 3px #ffbf5e
}

.gantt_link_target.link_finish_deny,
.gantt_link_target.link_start_deny {
    box-shadow: 0 0 3px #e87e7b
}

.link_finish_allow .gantt_link_control.task_end_date div,
.link_start_allow .gantt_link_control.task_start_date div {
    background-color: #ffbf5e;
    border-color: #ffa011
}

.link_finish_deny .gantt_link_control.task_end_date div,
.link_start_deny .gantt_link_control.task_start_date div {
    background-color: #e87e7b;
    border-color: #dd3e3a
}

.gantt_link_arrow_right {
    border-width: 4px 0 4px 6px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: #ffa011;
    margin-top: -1px
}

.gantt_link_arrow_left {
    border-width: 4px 6px 4px 0;
    margin-top: -1px;
    border-top-color: transparent !important;
    border-right-color: #ffa011;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.gantt_link_arrow_up {
    border-width: 0 4px 6px;
    border-color: transparent transparent #ffa011;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: #ffa011;
    border-left-color: transparent !important
}

.gantt_link_arrow_down {
    border-width: 4px 6px 0 4px;
    border-top-color: #ffa011;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.gantt_task_drag,
.gantt_task_progress_drag {
    cursor: ew-resize;
    display: none;
    position: absolute
}

.gantt_task_drag.task_right {
    cursor: e-resize
}

.gantt_task_drag.task_left {
    cursor: w-resize
}

.gantt_task_drag {
    height: 100%;
    width: 8px;
    z-index: 1;
    top: -1px
}

.gantt_task_drag.task_left {
    left: -7px
}

.gantt_task_drag.task_right {
    right: -7px
}

.gantt_task_progress_drag {
    height: 8px;
    width: 8px;
    bottom: -4px;
    margin-left: -4px;
    background-position: bottom;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    z-index: 1
}

.gantt_task_progress_drag:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAs0lEQVQoz6WMPW7CQBgFJxZaiZ60qcgdwjVMmzu8gpwhDULabXyBdHAGuzRHivQiQZovigS2+Jtu95t5T03TMITtCtjEc5VSOgx5k5F4CnxJWgKUUl5sv6eUvk/daiCeAe1fDCCpBtq4jQ/YngO9pMWpGH99OOcDtt8ifmWEuO3D/R+wXQOdpGcuIGkGdNFQ2RawlTTlSsLd2RY55+O95JyPFQ/y8MAE+CylfADpxvYHWP8CXj+JR4wdKHYAAAAASUVORK5CYII=)
}

.gantt_link_tooltip {
    box-shadow: 3px 3px 3px #888;
    background-color: #fff;
    border-left: 1px dotted #cecece;
    border-top: 1px dotted #cecece;
    font-family: Tahoma;
    font-size: 8pt;
    color: #444;
    padding: 6px;
    line-height: 20px
}

.gantt_link_direction {
    height: 0;
    border: 0 none #ffa011;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    z-index: 2;
    margin-left: 1px;
    position: absolute
}

.gantt_grid_data .gantt_row.gantt_selected,
.gantt_grid_data .gantt_row.odd.gantt_selected,
.gantt_task_row.gantt_selected {
    background-color: #fff3a1
}

.gantt_task_row.gantt_selected .gantt_task_cell {
    border-right-color: #ffec6e
}

.gantt_task_line.gantt_selected {
    box-shadow: 0 0 5px #299cb4
}

.gantt_task_line.gantt_project.gantt_selected {
    box-shadow: 0 0 5px #46ad51
}

.gantt_task_line.gantt_milestone {
    visibility: hidden;
    background-color: #d33daf;
    border: 0 solid #61164f;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

.gantt_task_line.gantt_milestone div {
    visibility: visible
}

.gantt_task_line.gantt_milestone .gantt_task_content {
    background: inherit;
    border: inherit;
    border-width: 1px;
    border-radius: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transform: rotate(45deg)
}

.gantt_task_line.gantt_task_inline_color {
    border-color: #999
}

.gantt_task_line.gantt_task_inline_color .gantt_task_progress {
    background-color: #363636;
    opacity: .2
}

.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected,
.gantt_task_line.gantt_task_inline_color.gantt_selected {
    box-shadow: 0 0 5px #999
}

.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px #999
}

.gantt_critical_task {
    background-color: #e63030;
    border-color: #9d3a3a
}

.gantt_critical_task .gantt_task_progress {
    background-color: rgba(0, 0, 0, .4)
}

.gantt_critical_link .gantt_line_wrapper>div {
    background-color: #e63030
}

.gantt_critical_link .gantt_link_arrow {
    border-color: #e63030
}

.gantt_btn_set:focus,
.gantt_cell:focus,
.gantt_grid_head_cell:focus,
.gantt_popup_button:focus,
.gantt_qi_big_icon:focus,
.gantt_row:focus {
    box-shadow: inset 0 0 1px 1px #4d90fe
}

.gantt_split_parent,
.gantt_split_subproject {
    opacity: .1;
    pointer-events: none
}

.gantt_unselectable,
.gantt_unselectable div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.gantt_cal_light {
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    border-radius: 6px;
    font-family: Arial;
    font-size: 13px;
    border: 1px solid #cecece;
    color: #6b6b6b;
    font-size: 12px;
    position: absolute;
    z-index: 10001;
    width: 550px;
    height: 250px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071)
}

.gantt_cal_light_wide {
    width: 650px
}

.gantt_cal_light select {
    font-family: Arial;
    border: 1px solid #cecece;
    font-size: 13px;
    padding: 2px;
    margin: 0
}

.gantt_cal_ltitle {
    padding: 7px 10px;
    overflow: hidden;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    border-radius: 6px 6px 0 0
}

.gantt_cal_ltitle,
.gantt_cal_ltitle span {
    white-space: nowrap
}

.gantt_cal_lsection {
    color: #727272;
    font-weight: 700;
    padding: 12px 0 5px 10px
}

.gantt_cal_lsection .gantt_fullday {
    float: right;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: top;
    cursor: pointer
}

.gantt_cal_lsection {
    font-size: 13px
}

.gantt_cal_ltext {
    padding: 2px 10px;
    overflow: hidden
}

.gantt_cal_ltext textarea {
    overflow-y: auto;
    overflow-x: hidden;
    font-family: Arial;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #cecece;
    height: 100%;
    width: 100%;
    outline: none !important;
    resize: none
}

.gantt_section_constraint [data-constraint-time-select] {
    margin-left: 20px
}

.gantt_time {
    font-weight: 700
}

.gantt_cal_light .gantt_title {
    padding-left: 10px
}

.gantt_cal_larea {
    border: 1px solid #cecece;
    border-left: none;
    border-right: none;
    background-color: #fff;
    overflow: hidden;
    height: 1px
}

.gantt_btn_set {
    margin: 10px 7px 5px 10px;
    padding: 5px 15px 5px 10px;
    float: left;
    border-radius: 4px;
    border: 0 solid #cecece;
    height: 32px;
    font-weight: 700;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.gantt_hidden {
    display: none
}

.gantt_btn_set div {
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    background-repeat: no-repeat;
    vertical-align: middle
}

.gantt_save_btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=);
    margin-top: 2px;
    width: 21px
}

.gantt_cancel_btn {
    margin-top: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=);
    width: 20px
}

.gantt_delete_btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);
    margin-top: 2px;
    width: 20px
}

.gantt_cal_cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10)
}

.gantt_custom_button {
    padding: 0 3px;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px;
    margin-top: -5px;
    cursor: pointer;
    float: right;
    height: 21px;
    width: 90px;
    border: 1px solid #cecece;
    text-align: center;
    border-radius: 4px
}

.gantt_custom_button div {
    cursor: pointer;
    float: none;
    height: 21px;
    line-height: 21px;
    vertical-align: middle
}

.gantt_custom_button div:first-child {
    display: none
}

.gantt_cal_light_wide {
    width: 580px;
    padding: 2px 4px
}

.gantt_cal_light_wide .gantt_cal_larea {
    box-sizing: border-box;
    border: 1px solid #cecece
}

.gantt_cal_light_wide .gantt_cal_lsection {
    border: 0;
    float: left;
    text-align: right;
    width: 80px;
    height: 20px;
    padding: 5px 10px 0 0
}

.gantt_cal_light_wide .gantt_wrap_section {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.gantt_cal_light_wide .gantt_section_time {
    overflow: hidden;
    padding-top: 2px !important;
    padding-right: 0;
    height: 20px !important
}

.gantt_cal_light_wide .gantt_cal_ltext {
    padding-right: 0
}

.gantt_cal_light_wide .gantt_cal_larea {
    padding: 0 10px;
    width: 100%
}

.gantt_cal_light_wide .gantt_section_time {
    background: transparent
}

.gantt_cal_light_wide .gantt_cal_checkbox label {
    padding-left: 0
}

.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday {
    float: none;
    margin-right: 0;
    font-weight: 700;
    cursor: pointer
}

.gantt_cal_light_wide .gantt_custom_button {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2px
}

.gantt_cal_light_wide .gantt_repeat_right {
    margin-right: 55px
}

.gantt_cal_light_wide.gantt_cal_light_full {
    width: 738px
}

.gantt_cal_wide_checkbox input {
    margin-top: 8px;
    margin-left: 14px
}

.gantt_cal_light input {
    font-size: 13px
}

.gantt_section_time {
    background-color: #fff;
    white-space: nowrap;
    padding: 2px 10px 5px;
    padding-top: 2px !important
}

.gantt_section_time .gantt_time_selects {
    float: left;
    height: 25px
}

.gantt_section_time .gantt_time_selects select {
    height: 23px;
    padding: 2px;
    border: 1px solid #cecece
}

.gantt_duration {
    width: 100px;
    height: 23px;
    float: left;
    white-space: nowrap;
    margin-left: 20px;
    line-height: 23px
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc,
.gantt_duration .gantt_duration_value {
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    height: 100%;
    border: 1px solid #cecece
}

.gantt_duration .gantt_duration_value {
    width: 40px;
    padding: 3px 4px;
    border-left-width: 0;
    border-right-width: 0
}

.gantt_duration .gantt_duration_value.gantt_duration_value_formatted {
    width: 70px
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc {
    width: 20px;
    padding: 1px;
    background: #fff
}

.gantt_duration .gantt_duration_dec {
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.gantt_duration .gantt_duration_inc {
    margin-right: 4px;
    -moz-border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.gantt_resources {
    max-height: 150px;
    height: auto;
    overflow-y: auto
}

.gantt_resource_row {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer
}

.gantt_resource_row input[type=checkbox]:not(:checked),
.gantt_resource_row input[type=checkbox]:not(:checked)~div {
    opacity: .5
}

.gantt_resource_toggle {
    vertical-align: middle
}

.gantt_resources_filter .gantt_resources_filter_input {
    padding: 1px 2px;
    box-sizing: border-box
}

.gantt_resources_filter .switch_unsetted {
    vertical-align: middle
}

.gantt_resource_cell {
    display: inline-block
}

.gantt_resource_cell.gantt_resource_cell_checkbox {
    width: 24px;
    max-width: 24px;
    min-width: 24px;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_label {
    width: 40%;
    max-width: 40%;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_value {
    width: 30%;
    max-width: 30%;
    vertical-align: middle
}

.gantt_resource_cell.gantt_resource_cell_value input,
.gantt_resource_cell.gantt_resource_cell_value select {
    width: 80%;
    vertical-align: middle;
    padding: 1px 2px;
    box-sizing: border-box
}

.gantt_resource_cell.gantt_resource_cell_unit {
    width: 10%;
    max-width: 10%;
    vertical-align: middle
}

.gantt_resource_early_value {
    opacity: .8;
    font-size: .9em
}

.gantt_cal_quick_info {
    border: 1px solid #cecece;
    border-radius: 6px;
    position: absolute;
    z-index: 300;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .071);
    background-color: #fff;
    width: 300px;
    transition: left .5s ease, right .5s;
    -moz-transition: left .5s ease, right .5s;
    -webkit-transition: left .5s ease, right .5s;
    -o-transition: left .5s ease, right .5s
}

.gantt_no_animate {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon {
    float: right
}

.gantt_cal_qi_title {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    border-radius: 6px 6px 0 0;
    padding: 5px 0 8px 12px;
    color: #454545;
    background-color: #fff;
    border-bottom: 1px solid #cecece
}

.gantt_cal_qi_tdate {
    font-size: 14px;
    font-weight: 700
}

.gantt_cal_qi_tcontent {
    font-size: 13px
}

.gantt_cal_qi_content {
    padding: 16px 8px;
    font-size: 13px;
    color: #454545;
    overflow: hidden
}

.gantt_cal_qi_controls {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 6px;
    border-radius: 0 0 6px 6px;
    padding-left: 7px
}

.gantt_cal_qi_controls .gantt_menu_icon {
    margin-top: 6px;
    background-repeat: no-repeat
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_edit {
    width: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC)
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_delete {
    width: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=)
}

.gantt_qi_big_icon {
    font-size: 13px;
    border-radius: 4px;
    font-weight: 700;
    background: #fff;
    margin: 5px 9px 8px 0;
    min-width: 60px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0 10px 0 5px;
    cursor: pointer;
    border: 1px solid #cecece
}

.gantt_cal_qi_controls div {
    float: left;
    height: 32px;
    text-align: center;
    line-height: 32px
}

.gantt_tooltip {
    padding: 10px;
    position: absolute;
    z-index: 50;
    white-space: nowrap
}

.gantt_resource_marker {
    position: absolute;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.gantt_resource_marker_ok {
    background: rgba(78, 208, 134, .75)
}

.gantt_resource_marker_overtime {
    background: hsla(0, 100%, 76%, .69)
}

.gantt_histogram_label {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    font-weight: 700;
    font-size: 13px
}

.gantt_histogram_fill {
    background-color: rgba(41, 157, 180, .2);
    width: 100%;
    position: absolute;
    bottom: 0
}

.gantt_histogram_hor_bar {
    height: 1px;
    margin-top: -1px
}

.gantt_histogram_hor_bar,
.gantt_histogram_vert_bar {
    position: absolute;
    background: #299db4;
    margin-left: -1px
}

.gantt_histogram_vert_bar {
    width: 1px
}

.gantt_histogram_cell {
    position: absolute;
    text-align: center;
    font-size: 13px;
    color: #000
}

.gantt_marker {
    height: 100%;
    width: 2px;
    top: 0;
    position: absolute;
    text-align: center;
    background-color: rgba(255, 0, 0, .4);
    box-sizing: border-box
}

.gantt_marker .gantt_marker_content {
    padding: 5px;
    background: inherit;
    color: #fff;
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    opacity: .8
}

.gantt_marker_area {
    position: absolute;
    top: 0;
    left: 0
}

.gantt_grid_editor_placeholder {
    position: absolute
}

.gantt_grid_editor_placeholder>div,
.gantt_grid_editor_placeholder input,
.gantt_grid_editor_placeholder select {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.gantt_row_placeholder div {
    opacity: .5
}

.gantt_row_placeholder .gantt_add,
.gantt_row_placeholder .gantt_file {
    display: none
}

.gantt_drag_marker.gantt_grid_dnd_marker {
    background-color: transparent;
    transition: all .1s ease
}

.gantt_grid_dnd_marker_line {
    height: 4px;
    width: 100%;
    background-color: #3498db
}

.gantt_grid_dnd_marker_line:before {
    background: #fff;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 3px solid #3498db;
    border-radius: 6px;
    content: "";
    line-height: 1px;
    display: block;
    position: absolute;
    margin-left: -11px;
    margin-top: -4px;
    pointer-events: none
}

.gantt_grid_dnd_marker_folder {
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #3f98db;
    background: transparent
}

.gantt_overlay_area {
    display: none
}

.gantt_overlay,
.gantt_overlay_area {
    position: absolute;
    height: inherit;
    width: inherit;
    top: 0;
    left: 0
}

.gantt_click_drag_rect {
    position: absolute;
    left: 0;
    top: 0;
    outline: 1px solid #3f98db;
    background-color: rgba(52, 152, 219, .302)
}

.gantt_timeline_move_available,
.gantt_timeline_move_available * {
    cursor: move
}

.gantt_rtl .gantt_grid {
    text-align: right
}

.gantt_rtl .gantt_cell,
.gantt_rtl .gantt_row {
    flex-direction: row-reverse
}

.gantt_layout_content {
    width: 100%;
    overflow: auto;
    box-sizing: border-box
}

.gantt_layout_cell {
    position: relative;
    box-sizing: border-box
}

.gantt_layout_cell>.gantt_layout_header {
    background: #33aae8;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
    box-sizing: border-box
}

.gantt_layout_header.collapsed_x {
    background: #a9a9a9
}

.gantt_layout_header.collapsed_x .gantt_header_arrow:before {
    content: "\21e7"
}

.gantt_layout_header.collapsed_y {
    background: #a9a9a9
}

.gantt_layout_header.collapsed_y .gantt_header_arrow:before {
    content: "\21e9"
}

.gantt_layout_header {
    cursor: pointer
}

.gantt_layout_header .gantt_header_arrow {
    float: right;
    text-align: right
}

.gantt_layout_header .gantt_header_arrow:before {
    content: "\21e6"
}

.gantt_layout_header.vertical .gantt_header_arrow:before {
    content: "\21e7"
}

.gantt_layout_outer_scroll_vertical .gantt_layout_content {
    overflow-y: hidden
}

.gantt_layout_outer_scroll_horizontal .gantt_layout_content {
    overflow-x: hidden
}

.gantt_layout_x>.gantt_layout_cell {
    display: inline-block;
    vertical-align: top
}

.gantt_layout_x {
    white-space: nowrap
}

.gantt_resizing {
    opacity: .7;
    background: #f2f2f2
}

.gantt_layout_cell_border_right.gantt_resizer {
    overflow: visible;
    border-right: 0
}

.gantt_resizer {
    cursor: e-resize;
    position: relative
}

.gantt_resizer_y {
    cursor: n-resize
}

.gantt_resizer_stick {
    background: #33aae8;
    z-index: 9999;
    position: absolute;
    top: 0;
    width: 100%
}

.gantt_resizer_x .gantt_resizer_x {
    position: absolute;
    width: 20px;
    height: 100%;
    margin-left: -10px;
    top: 0;
    left: 0;
    z-index: 1
}

.gantt_resizer_y .gantt_resizer_y {
    position: absolute;
    height: 20px;
    width: 100%;
    top: -10px;
    left: 0;
    z-index: 1
}

.gantt_resizer_error {
    background: #cd5c5c !important
}

.gantt_layout_cell_border_left {
    border-left: 1px solid #cecece
}

.gantt_layout_cell_border_right {
    border-right: 1px solid #cecece
}

.gantt_layout_cell_border_top {
    border-top: 1px solid #cecece
}

.gantt_layout_cell_border_bottom {
    border-bottom: 1px solid #cecece
}

.gantt_layout_cell_border_transparent {
    border-color: transparent
}

.gantt_window {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999999;
    background: #fff
}

.gantt_window_content {
    position: relative
}

.gantt_window_content_header {
    background: #39c;
    color: #fff;
    height: 33px;
    padding: 10px 10px 0;
    border-bottom: 2px solid #fff;
    position: relative
}

.gantt_window_content_header_text {
    padding-left: 10%
}

.gantt_window_content_header_buttons {
    position: absolute;
    top: 10px;
    right: 10px
}

.gantt_window_content_header_buttons:hover {
    color: #000;
    cursor: pointer
}

.gantt_window_content_resizer {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0;
    line-height: 15px;
    right: -1px;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);
    cursor: nw-resize;
    z-index: 999
}

.gantt_window_content_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 9999
}

.gantt_window_drag {
    cursor: pointer !important
}

.gantt_window_resizing {
    overflow: visible
}

.gantt_window_resizing_body {
    overflow: hidden !important
}

.gantt_window_modal {
    background: rgba(0, 0, 0, .1);
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.gantt_cal_light,
.gantt_cal_quick_info,
.gantt_container,
.gantt_message_area,
.gantt_modal_box,
.gantt_tooltip {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gantt_noselect {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gantt_drag_marker {
    position: absolute;
    top: -1000px;
    left: -1000px;
    font-family: Arial;
    font-size: 13px;
    z-index: 1;
    white-space: nowrap
}

.gantt_drag_marker .gantt_tree_icon.gantt_blank,
.gantt_drag_marker .gantt_tree_icon.gantt_close,
.gantt_drag_marker .gantt_tree_icon.gantt_open,
.gantt_drag_marker .gantt_tree_indent {
    display: none
}

.gantt_drag_marker,
.gantt_drag_marker .gantt_row.odd {
    background-color: #fff
}

.gantt_drag_marker .gantt_row {
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2
}

.gantt_drag_marker .gantt_cell {
    border-color: #d2d2d2
}

.gantt_row.gantt_over,
.gantt_task_row.gantt_over {
    background-color: #0070fe
}

.gantt_row.gantt_transparent .gantt_cell {
    opacity: .7
}

.gantt_task_row.gantt_transparent {
    background-color: #f8fdfd
}

.gantt_popup_button.gantt_delete_button {
    background: #3db9d3;
    text-shadow: 0 -1px 0 #248a9f;
    color: #fff;
    font-weight: 700;
    border-width: 0
}

.gantt_container_resize_watcher {
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    border: 0;
    box-sizing: border-box;
    opacity: 0
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    font-weight: 400
}

.mat-drawer-container {
    background: none
}

.leftnav-expand {
    width: calc(100vw - 326px) !important
}

.leftnav-collapse {
    width: calc(100vw - 120px) !important
}

.mat-card {
    background: #ffffff;
    margin: 0 0 16px
}

.mat-card:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .141), 0 1px 5px rgba(0, 0, 0, .122) !important
}

.mat-card-title,
.header-2 {
    font-size: 24px !important;
    font-family: "Source Sans Pro", sans-serif
}

.mat-list-item-content {
    color: #fff
}

.mat-card-content img.chart {
    width: 100%;
    height: auto
}

.pageContent {
    padding: 16px
}

.mat-card-header .mat-card-header-text {
    flex: 2;
    margin: 0
}

.mat-card-header .mat-icon-button {
    opacity: .54 !important;
    margin-top: -8px
}

.mat-card-header .mat-icon-button:last-child {
    margin-right: -8px
}

.mat-icon-button {
    background: none !important
}

.no-hover {
    background: none !important
}

.component-page-header {
    display: flex;
    align-items: top;
    padding: 8px 0 24px
}

.component-page-header h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 45px;
    line-height: 40px
}

.component-page-header .docs-primary-name {
    flex: 2
}

.component-page-header .docs-primary-name .caption-18 {
    font-size: 18px;
    line-height: 24px
}

.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    background-color: #63a70a;
    color: #fff
}

.muted-text {
    opacity: .54
}

.mat-menu-item {
    background: #ffffff
}

.margin-left {
    margin-left: 16px !important
}

.margin-right {
    margin-right: 16px !important
}

.margin-top {
    margin-top: 16px !important
}

.margin-bottom {
    margin-bottom: 16px !important
}

.no-margin {
    margin: 0 !important
}

.padding-left {
    padding-left: 16px !important
}

.padding-right {
    padding-right: 16px !important
}

.padding-top {
    padding-top: 16px !important
}

.padding-bottom {
    padding-bottom: 16px !important
}

.no-padding {
    padding: 0 !important
}

.mat-display-0 {
    font-size: 30px;
    font-family: "Lato", sans-serif !important
}

.mat-subheading-2 {
    line-height: 14px
}

.mat-menu-item {
    font-size: 15px !important
}

.demo-tab-content {
    padding: 24px 0
}

.maxWidth-page {
    max-width: 1280px !important;
    margin: auto !important
}

.mat-form-field {
    width: 100%
}

.title-center {
    flex: 1 1 auto;
    text-align: center
}

button.mat-button {
    margin-right: 8px
}

.xc div {
    border: 1px solid #ccc
}

.mat-select-box .mat-form-field {
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #fff;
    padding: 5px 10px;
    box-sizing: border-box
}

.mat-select-box .mat-form-field.auto-width {
    width: auto
}

.mat-select-box .mat-form-field.no-border {
    border: none
}

.mat-select-box .mat-form-field-wrapper {
    padding-bottom: 0
}

.mat-select-box .mat-form-field-infix {
    border-top: 0 !important;
    font-size: 14px !important
}

.mat-select-box .span {
    font-size: 14px !important
}

.mat-select-box .mat-select-value-text {
    font-size: 14px !important
}

.mat-select-box .mat-form-field-underline {
    bottom: 0 !important;
    background: none !important;
    height: 0 !important
}

.mat-select-box .mat-form-field-ripple {
    bottom: 0 !important;
    background: none !important;
    height: 0 !important
}

.fx-grid {
    margin: -8px -8px 8px
}

.fx-grid:last-of-type {
    margin-bottom: -8px
}

.fx-grid.fxCol-1>*,
.fx-grid>*.fxCol-1 {
    flex: 0 1 calc(8.333333% - 16px)
}

.fx-grid.fxCol-2>*,
.fx-grid>*.fxCol-2 {
    flex: 0 1 calc(16.66666666% - 16px)
}

.fx-grid.fxCol-2_4>*,
.fx-grid>*.fxCol-2_4 {
    flex: 0 1 calc(20% - 16px)
}

.fx-grid.fxCol-3>*,
.fx-grid>*.fxCol-3 {
    flex: 0 1 calc(25% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-4>*,
.fx-grid>*.fxCol-4 {
    flex: 0 1 calc(33.333333% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-6>*,
.fx-grid>*.fxCol-6 {
    flex: 0 1 calc(50% - 16px) !important;
    margin-bottom: 8px !important
}

.fx-grid.fxCol-8>*,
.fx-grid>*.fxCol-8 {
    flex: 0 1 calc(66.66666667% - 16px) !important
}

.fx-grid.fxCol-10>*,
.fx-grid>*.fxCol-10 {
    flex: 0 1 calc(83.3333333% - 16px) !important
}

.fx-grid.fxCol-12>*,
.fx-grid>*.fxCol-12 {
    flex: 0 1 100% !important;
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid>* {
    flex: 0 1 100%;
    flex: 1;
    margin: 8px !important
}

.fx-grid>*.flex-width {
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid>*.auto-width {
    flex: 0 1 auto !important
}

.fx-grid>*.status-card {
    margin-right: 8px !important
}

.fx-grid>*.status-card:last-child {
    margin-right: 8px !important
}

.fx-grid>*.no-margin {
    margin: 0 !important
}

.fx-grid>*.no-margin-top {
    margin-top: 0 !important
}

.fx-grid>*.no-margin-bottom {
    margin-bottom: 0 !important
}

.fx-grid.gap-32.fxCol-1>*,
.fx-grid.gap-32>*.fxCol-1 {
    flex: 0 1 calc(8.333333% - 32px)
}

.fx-grid.gap-32.fxCol-2>*,
.fx-grid.gap-32>*.fxCol-2 {
    flex: 0 1 calc(16.66666666% - 32px)
}

.fx-grid.gap-32.fxCol-2_4>*,
.fx-grid.gap-32>*.fxCol-2_4 {
    flex: 0 1 calc(20% - 32px)
}

.fx-grid.gap-32.fxCol-3>*,
.fx-grid.gap-32>*.fxCol-3 {
    flex: 0 1 calc(25% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-4>*,
.fx-grid.gap-32>*.fxCol-4 {
    flex: 0 1 calc(33.333333% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-6>*,
.fx-grid.gap-32>*.fxCol-6 {
    flex: 0 1 calc(50% - 32px) !important;
    margin-bottom: 8px !important
}

.fx-grid.gap-32.fxCol-8>*,
.fx-grid.gap-32>*.fxCol-8 {
    flex: 0 1 calc(66.66666667% - 32px) !important
}

.fx-grid.gap-32.fxCol-10>*,
.fx-grid.gap-32>*.fxCol-10 {
    flex: 0 1 calc(83.3333333% - 32px) !important
}

.fx-grid.gap-32.fxCol-12>*,
.fx-grid.gap-32>*.fxCol-12 {
    flex: 0 1 100% !important;
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid.gap-32 {
    margin: -8px -16px 8px
}

.fx-grid.gap-32:last-of-type {
    margin-bottom: -8px
}

.fx-grid.gap-32>* {
    flex: 0 1 100%;
    flex: 1;
    margin: 8px 16px !important
}

.fx-grid.gap-32>*.flex-width {
    flex: 1;
    margin-bottom: 8px !important
}

.fx-grid.gap-32>*.status-card {
    margin-right: 16px !important
}

.fx-grid.gap-32>*.status-card:last-child {
    margin-right: 16px !important
}

.font-size32 {
    font-size: 32px !important
}

.status-card .mat-card-title.font-size32 {
    font-size: 32px !important
}

.mat-card,
.mat-card.status-card {
    margin: 0;
    box-sizing: border-box
}

.mat-input-container .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.mat-input-container .mat-form-field-underline {
    bottom: 0 !important
}

.mat-raised-button.sm-button {
    min-width: auto !important;
    padding: 0 8px
}

.sm-button-text-hide {
    display: none
}

input.mat-input-element {
    height: auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    border-width: 0 !important
}

.mat-form-field-label-wrapper {
    top: -.33em !important
}

mat-form-field .mat-input-wrapper .mat-form-field-infix.mat-form-field-infix {
    padding: .05em 0 !important
}

.loading-dots {
    opacity: 0;
    -webkit-animation: loading-dots-fadein .5s linear forwards;
    animation: loading-dots-fadein .5s linear forwards;
    padding: 16px;
    margin: auto;
    text-align: center;
    line-height: 0;
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 17px
}

.loading-dots i {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 .125em;
    -webkit-animation: loading-dots-middle-dots .5s linear infinite;
    animation: loading-dots-middle-dots .5s linear infinite
}

.loading-dots i:nth-child(1) {
    background: #4179c0
}

.loading-dots i:nth-child(2) {
    background: #e06216
}

.loading-dots i:nth-child(3) {
    background: #a3301d
}

.loading-dots i:nth-child(4) {
    background: #5da93f
}

.loading-dots i:nth-child(5) {
    background: #742685
}

.loading-dots i:first-child {
    -webkit-animation: loading-dots-first-dot .5s infinite;
    animation: loading-dots-first-dot .5s linear infinite;
    opacity: 0;
    transform: translate(-1em)
}

.loading-dots i:last-child {
    -webkit-animation: loading-dots-last-dot .5s linear infinite;
    animation: loading-dots-last-dot .5s linear infinite
}

@-webkit-keyframes loading-dots-fadein {
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@keyframes loading-dots-fadein {
    to {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@-webkit-keyframes loading-dots-first-dot {
    to {
        transform: translate(1em);
        opacity: 1;
        filter: none
    }
}

@keyframes loading-dots-first-dot {
    to {
        transform: translate(1em);
        opacity: 1;
        filter: none
    }
}

@-webkit-keyframes loading-dots-middle-dots {
    to {
        transform: translate(1em)
    }
}

@keyframes loading-dots-middle-dots {
    to {
        transform: translate(1em)
    }
}

@-webkit-keyframes loading-dots-last-dot {
    to {
        transform: translate(2em);
        opacity: 0
    }
}

@keyframes loading-dots-last-dot {
    to {
        transform: translate(2em);
        opacity: 0
    }
}

.fc-spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

@-webkit-keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #417ed9;
    -webkit-animation: dash 1.4s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

.mat-dialog-title.bgHeader {
    display: block;
    padding: 12px 24px;
    margin-top: 0;
    font-family: Montserrat-Bold;
    font-size: 14px;
    color: #373a3c
}

.mat-card-header.bgHeader,
.mat-dialog-title.bgHeader {
    margin-right: -9px;
    margin-left: -9px;
    margin-top: -5px;
    padding: 18px 24px 6px;
    background: #f2f2f2;
    border-top-left-radius: 2px
}

.f-info-tooltip .mat-tooltip {
    white-space: pre-line;
    max-width: 500px;
    line-height: 24px
}

@media (min-width: 768px) {
    #siteMainDiv .left-nav-container {
        margin-left: -26px !important
    }

    #siteMainDiv .left-nav-container a,
    #siteMainDiv .left-nav-container .f-left-nav-title {
        padding-left: 50px !important
    }

    .mat-tab-label {
        padding: 0 !important
    }

    .left-nav-container {
        min-height: 100%;
        margin-right: 24px !important
    }

    .left-nav-container a {
        padding: 14px;
        display: block
    }

    .left-nav-container .mat-tab-label-content {
        display: block !important
    }

    .left-nav-container .mat-tab-header {
        display: block !important
    }

    .left-nav-container .mat-tab-header .mat-tab-labels {
        display: block !important
    }

    .left-nav-container .mat-tab-header .mat-tab-labels .mat-tab-label {
        display: block !important;
        height: auto !important;
        text-align: left
    }

    .left-nav-container .mat-ink-bar {
        display: none
    }

    .left-nav-container .mat-tab-label.mat-tab-label-active:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: #0093ee;
        width: 4px;
        height: 32px;
        margin: auto;
        bottom: 0
    }

    .left-nav-container .mat-tab-header .mat-tab-label-container {
        border-bottom: 0 solid transparent !important
    }
}

.f-display-block {
    display: block !important
}

.f-left-nav-title {
    font-size: 14px;
    color: #757575;
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

.left-nav-container .mat-tab-header a,
.left-nav-container a:link,
.left-nav-container a:visited,
.left-nav-container a:hover {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    color: #9b9b9b !important;
    text-transform: none !important
}

.left-nav-container {
    background: #eae9ea;
    min-width: 250px
}

.left-nav-container a:hover {
    text-decoration: none !important
}

.left-nav-container .mat-tab-label.mat-tab-label-active {
    font-weight: 700
}

.left-nav-container .mat-tab-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content a {
    color: #0093ee !important
}

fcsky-shared-breadcrumb .f-ui-breadcrumb li a.active {
    display: inline-flex !important
}