@charset "UTF-8";
@import "https://unpkg.com/angular-calendar@0.31.0/css/angular-calendar.css";
/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* @font-face {
	font-family: FontAwesome;
	src: url(fontawesome-webfont.8b43027f47b20503057d.eot?v=4.7.0);
	src: url(fontawesome-webfont.8b43027f47b20503057d.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(fontawesome-webfont.20fd1704ea223900efa9.woff2?v=4.7.0) format("woff2"), url(fontawesome-webfont.f691f37e57f04c152e23.woff?v=4.7.0) format("woff"), url(fontawesome-webfont.1e59d2330b4c6deb84b3.ttf?v=4.7.0) format("truetype"), url(fontawesome-webfont.c1e38fd9e0e74ba58f7a.svg?v=4.7.0#fontawesomeregular) format("svg");
	font-weight: 400;
	font-style: normal
} */
.top-w18 {
    width: 18%;
	cursor: pointer;
}
.top-w78 {
    width: 82%;
    padding: 0px 15px;
}


.sbCollapsed #myNavbar .dropdown-menu.show,
.sbCollapsed #myNavbar li .sidebarArrow,
.sbCollapsed #myNavbar li span {
	display: none
}

.sbCollapsed .top-header .top-w18,
.sbCollapsed .w18 {
	width: 5%
}

.sbCollapsed .top-header .top-w78,
.sbCollapsed .w78 {
	width: 95%
}


.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-2,
.mat-body-strong {
	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-1 p,
.mat-body p,
.mat-typography p {
	margin: 0 0 12px
}

.mat-caption,
.mat-small {
	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-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
	font-family: Roboto, Helvetica Neue, sans-serif;
	font-size: 14px;
	font-weight: 500
}

.mat-button-toggle,
.mat-card {
	font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-card-title {
	font-size: 24px;
	font-weight: 500
}

.mat-card-header .mat-card-title {
	font-size: 20px
}

.mat-card-content,
.mat-card-subtitle {
	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-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.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: 0.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
	padding:.4375em 0 .3375em;font-size: 12px;
}
.mat-select-value{vertical-align: middle;}
.mat-form-field-appearance-legacy .mat-form-field-label{    top: 1.9em;}

.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: 2.1em;
    font-size: 10px !important;
}

.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;
    padding-bottom: 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
	top: 1em;

	/* top: 1.09375em;
	margin-top: -.5em */
}
.mat-form-field-appearance-fill .mat-select-arrow-wrapper{
	transform: translateY(-5%) !important;
}

.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-footer,
.mat-grid-tile-header {
	font-size: 14px
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .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-family: inherit;
	font-size: 14px;
	font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
	font-family: Roboto, Helvetica Neue, sans-serif;
	font-size: 12px
}

.mat-radio-button,
.mat-select {
	font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-select-trigger {
	height: 1.125em
}

.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
	font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-slider-thumb-label-text {
	font-size: 12px;
	font-weight: 500
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
	font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-step-label {
	font-size: 14px;
	font-weight: 400
}

.mat-step-sub-label-error {
	font-weight: 400
}

.mat-step-label-error {
	font-size: 14px
}

.mat-step-label-selected {
	font-size: 14px;
	font-weight: 500
}

.mat-tab-group,
.mat-tab-label,
.mat-tab-link {
	font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tab-label,
.mat-tab-link {
	font-size: 14px;
	font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
	font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
	letter-spacing: normal;
	margin: 0
}

.mat-tooltip {
	font-family: Roboto, Helvetica Neue, sans-serif;
	font-size: 10px;
	padding-top: 6px;
	padding-bottom: 6px
}

.mat-tooltip-handset {
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px
}

.mat-list-item,
.mat-list-option {
	font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-list-base .mat-list-item {
	font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
	font-size: 14px
}

.mat-list-base .mat-list-option {
	font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
	font-size: 14px
}

.mat-list-base .mat-subheader {
	font-family: Roboto, Helvetica Neue, sans-serif;
	font-size: 14px;
	font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
	font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
.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-nested-tree-node,
.mat-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;
	outline: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
	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,
.cdk-overlay-pane {
	display: flex;
	position: absolute;
	z-index: 1000
}

.cdk-overlay-pane {
	pointer-events: auto;
	box-sizing: border-box;
	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
}

@keyframes cdk-text-field-autofill-start {
	/*!*/
}

@keyframes cdk-text-field-autofill-end {
	/*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
	animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
	animation: cdk-text-field-autofill-end 0s 1ms
}

textarea.cdk-textarea-autosize {
	resize: none
}

textarea.cdk-textarea-autosize-measuring {
	padding: 2px 0 !important;
	box-sizing: initial !important;
	height: auto !important;
	overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
	padding: 2px 0 !important;
	box-sizing: initial !important;
	height: 0 !important
}

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

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

.mat-option {
	color: rgba(0, 0, 0, .87)
}

.mat-option.mat-active,
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
	background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
	color: rgba(0, 0, 0, .87)
}

.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, .54)
}

.mat-optgroup-disabled .mat-optgroup-label {
	color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
	color: rgba(0, 0, 0, .54)
}

.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-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.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, .87)
}

.mat-elevation-z0 {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
	box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

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

.mat-elevation-z7 {
	box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

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

.mat-elevation-z9 {
	box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
	box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
	box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
	box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
	box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
	box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
	box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
	box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
	box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
	box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
	box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
	box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-theme-loaded-marker {
	display: none
}

.mat-autocomplete-panel {
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.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, .87)
}

.mat-badge-content {
	color: #fff;
	background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
	outline: 1px solid;
	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 {
	position: relative
}

.mat-badge-hidden .mat-badge-content {
	display: none
}

.mat-badge-disabled .mat-badge-content {
	background: #b9b9b9;
	color: rgba(0, 0, 0, .38)
}

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

.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
	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-bottom-sheet-container {
	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.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-accent.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled {
	color: rgba(0, 0, 0, .26)
}

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

.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, .12)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
	color: rgba(0, 0, 0, .87);
	background-color: #fff
}

.mat-fab.mat-accent,
.mat-fab.mat-primary,
.mat-fab.mat-warn,
.mat-flat-button.mat-accent,
.mat-flat-button.mat-primary,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-accent,
.mat-mini-fab.mat-primary,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-accent,
.mat-raised-button.mat-primary,
.mat-raised-button.mat-warn {
	color: #fff
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
	color: rgba(0, 0, 0, .26)
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
	background-color: #3f51b5
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
	background-color: #ff4081
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
	background-color: #f44336
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
	background-color: rgba(0, 0, 0, .12)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
	background-color: hsla(0, 0%, 100%, .1)
}

.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.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, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.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 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.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, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.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 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-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, .12)
}

.mat-button-toggle-appearance-standard {
	color: rgba(0, 0, 0, .87);
	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: 1px solid rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
	border-left: none;
	border-right: 1px solid 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: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
	background-color: #e0e0e0;
	color: rgba(0, 0, 0, .54)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
	color: rgba(0, 0, 0, .87)
}

.mat-button-toggle-disabled {
	color: rgba(0, 0, 0, .26);
	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-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
	border: 1px solid 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, .87)
}

.mat-card:not([class*=mat-elevation-z]) {
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-card-subtitle {
	color: rgba(0, 0, 0, .54)
}

.mat-checkbox-frame {
	border-color: rgba(0, 0, 0, .54)
}

.mat-checkbox-checkmark {
	fill: #fafafa
}

.mat-checkbox-checkmark-path {
	stroke: #fafafa !important
}

.mat-checkbox-mixedmark {
	background-color: #fafafa
}

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

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
	background-color: #0075ff;
  width: 12px;
    height: 12px;
}
.mat-checkbox-inner-container{
  height: 13px  !important;
  width: 13px !important;
}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.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, .54)
}

.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, .87)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
	color: rgba(0, 0, 0, .87);
	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 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.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: hsla(0, 0%, 100%, .1)
}

.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: hsla(0, 0%, 100%, .1)
}

.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: hsla(0, 0%, 100%, .1)
}

.mat-table {
	background: #fff
}

.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
	background: inherit
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
	border-bottom-color: rgba(0, 0, 0, .12)
}

.mat-header-cell {
	color: rgba(0, 0, 0, .54)
}

.mat-cell,
.mat-footer-cell {
	color: rgba(0, 0, 0, .87)
}

.mat-calendar-arrow {
	border-top-color: rgba(0, 0, 0, .54)
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
	color: rgba(0, 0, 0, .54)
}

.mat-calendar-table-header {
	color: rgba(0, 0, 0, .38)
}

.mat-calendar-table-header-divider:after {
	background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
	color: rgba(0, 0, 0, .54)
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
	color: rgba(0, 0, 0, .87);
	border-color: transparent
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.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, .24)
}

.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(90deg, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
	background: linear-gradient(270deg, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical {
	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
}

.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),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
	background-color: rgba(63, 81, 181, .3)
}

.mat-datepicker-content {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	background-color: #fff;
	color: rgba(0, 0, 0, .87)
}

.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(90deg, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.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(270deg, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical {
	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 .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),
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
	background-color: rgba(255, 64, 129, .3)
}

.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(90deg, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.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(270deg, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical {
	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 .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),
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
	background-color: rgba(244, 67, 54, .3)
}

.mat-datepicker-content-touch {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.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, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-divider {
	border-top-color: rgba(0, 0, 0, .12)
}

.mat-divider-vertical {
	border-right-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel {
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-action-row {
	border-top-color: rgba(0, 0, 0, .12)
}

.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, .87)
}

.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
	color: rgba(0, 0, 0, .54)
}

.mat-expansion-panel-header[aria-disabled=true] {
	color: rgba(0, 0, 0, .26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
	color: inherit
}

.mat-expansion-panel-header {
	height: 48px
}

.mat-expansion-panel-header.mat-expanded {
	height: 64px
}

.mat-form-field-label,
.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, .87)
}

.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,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
	color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
	background-color: #f44336
}

.mat-error {
	color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
	color: rgba(0, 0, 0, .54)


}

.mat-form-field-appearance-legacy .mat-form-field-underline {
	background-color:transparent;
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
	background-image: linear-gradient(90deg, 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(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
	background-size: 4px 100%;
	background-repeat: repeat-x
}

.syc-leads .mat-form-field-appearance-fill .mat-form-field-flex {
	height: 36px;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
	/* background-color: rgba(0, 0, 0, .04) */
	background-color: #fff;
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: #e9ecef !important;
    opacity: 1;
}

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

.mat-form-field-appearance-outline .mat-form-field-outline {
	color: rgba(0, 0, 0, .12)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
	color: rgba(0, 0, 0, .87)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
	color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
	color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
	color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
	color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
	color: rgba(0, 0, 0, .06)
}

.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, .54)
}

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,
.mat-input-element:disabled {
	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-invalid .mat-input-element,
.mat-form-field.mat-warn .mat-input-element {
	caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
	color: #f44336
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
	color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-subheader {
	color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
	background-color: #eee
}
/*
.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
	background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
	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 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-menu-item {
	background: transparent;
	color: rgba(0, 0, 0, .87)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-icon-no-color,
.mat-menu-item[disabled]:after {
	color: rgba(0, 0, 0, .38)
}

.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
	color: rgba(0, 0, 0, .54)
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover: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, .54)
}

.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-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
	border-color: rgba(0, 0, 0, .38)
}

.mat-paginator-container {
	min-height: 56px
}
.mat-progress-bar{
	display: block !important;
    height: 7px !important;
    overflow: hidden !important;
    position: relative !important;
    transition: opacity 250ms linear !important;
    width: 100% !important;
    border-radius: 92px !important;}

.mat-progress-bar-background {
	fill: #c5cae9
}

.mat-progress-bar-buffer {
	background-color: #c5cae9
}

.mat-progress-bar-fill:after {
	background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
	fill: #ff80ab
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
	background-color: #ff80ab
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
	background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
	fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
	background-color: #ffcdd2
}

.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, .54)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
	border-color: #3f51b5
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.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: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-checked .mat-radio-persistent-ripple,
.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: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-checked .mat-radio-persistent-ripple,
.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: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-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
	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, .87);
}

.mat-select-placeholder {
	color: #495057
}

.mat-select-disabled .mat-select-value {
	color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
	color: rgba(0, 0, 0, .54)
}

.mat-select-panel {
	background: #fff
	}



div.mat-select-panel-wrap >  .mat-select-panel {
	min-width: calc(86% + 64px) !important;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
	background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
	color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
	color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
	color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
	color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
	/* background-color: #fafafa; */
	color: rgba(0, 0, 0, .87)
}

.mat-drawer {
	color: rgba(0, 0, 0, .87)
}

.mat-drawer,
.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, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-drawer-side {
	border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
	border-left: 1px solid rgba(0, 0, 0, .12);
	border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
	border-left: none;
	border-right: 1px solid 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, .54)
}

.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, .54)
}

.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, .54)
}

.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 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
	background-color: #fafafa
}

.mat-slide-toggle-bar {
	background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
	background-color: rgba(0, 0, 0, .26)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
	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-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
	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-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
	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)
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
	background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background {
	background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value .mat-slider-focus-ring {
	background-color: rgba(0, 0, 0, .12)
}

.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, .87)
}

.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, .26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
	border-color: rgba(0, 0, 0, .26);
	background-color: initial
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
	border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
	border-color: rgba(0, 0, 0, .26)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
	border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
	background-image: repeating-linear-gradient(90deg, 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(180deg, 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 {
	background-color: rgba(0, 0, 0, .04)
}

@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, .54)
}

.mat-step-header .mat-step-icon {
	background-color: rgba(0, 0, 0, .54);
	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: initial;
	color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
	color: rgba(0, 0, 0, .87)
}

.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, .12)
}

.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
	border-top-color: rgba(0, 0, 0, .12)
}

.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,
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
	top: 36px
}

.mat-sort-header-arrow {
	color: #757575
}

.mat-tab-header,
.mat-tab-nav-bar {
	border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
	border-top: 1px solid rgba(0, 0, 0, .12);
	border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
	color: rgba(0, 0, 0, .87)
}

.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, .87)
}

.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, .3)
}


.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, .3)
}

.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, .3)
}

.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, .3)
}

.mat-tab-group.mat-background-primary > .mat-tab-header,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container {
	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: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator:before,
.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-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator:before {
	border-color: #fff
}

.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-pagination-disabled .mat-tab-header-pagination-chevron {
	border-color: hsla(0, 0%, 100%, .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-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 {
	background-color: hsla(0, 0%, 100%, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
	background-color: rgba(255, 128, 171, .3)
}

.mat-tab-group.mat-background-accent > .mat-tab-header,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container {
	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: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator:before,
.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-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator:before {
	border-color: #fff
}

.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-pagination-disabled .mat-tab-header-pagination-chevron {
	border-color: hsla(0, 0%, 100%, .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-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 {
	background-color: hsla(0, 0%, 100%, .12)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
	background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-background-warn > .mat-tab-header,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container {
	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: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator:before,
.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-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator:before {
	border-color: #fff
}

.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-pagination-disabled .mat-tab-header-pagination-chevron {
	border-color: hsla(0, 0%, 100%, .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-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 {
	background-color: hsla(0, 0%, 100%, .12)
}

.mat-toolbar {
	background: #f5f5f5;
	color: rgba(0, 0, 0, .87)
}

.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-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
	background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
	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-nested-tree-node,
.mat-tree-node {
	color: rgba(0, 0, 0, .87)
}

.mat-tree-node {
	min-height: 48px
}

.mat-snack-bar-container {
	color: hsla(0, 0%, 100%, .7);
	background: #323232;
	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)
}

.mat-simple-snackbar-action {
	color: #ff4081
}


.modal-header > h5 {
	background-color: initial !important;
	padding: 6px 12px;
	font-size: 15px;
	font-weight: 700;
	position: relative;
	border-radius: 2px;
	color: #303030 !important
}

.modal-header > h5:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	border-left: 2px solid #4b61f0
}

.holidays {
	background-color: #f85a40;
	color: #fff;
	cursor: not-allowed !important
}

.dropdate {
	background-color: #0abf53;
	color: #fff
}


.digitaldropdate {
	background-color: #110c2e;
	color: #fff
}

.othercampaigns {
	background-color: #fd0;
	color: #000
}

.modal-header {
	padding: 10px;
	border-top: 4px solid #4b61f0
}

.modal-header .close {
	color: #fff;
	background-color: #4b61f0;
	opacity: 1;
	padding: 6px 6px 8px !important;
	line-height: 12px;
	margin: 4px !important;
	font-weight: 700
}

.IsShow {
	color: #00f
}

.IsOptOut {
	color: red
}

.IsNotOptOut {
	color: grey
}

.mat-dialog-container > .ng-star-inserted > .container-fluid > .row > .col-12 .mb-4 > h4,
.mat-dialog-container > .ng-star-inserted > .container-lg > .row > .col-12 .mb-4 > h4,
.mat-dialog-container > .ng-star-inserted > .container-md > .row > .col-12 .mb-4 > h4,
.mat-dialog-container > .ng-star-inserted > .container-sm > .row > .col-12 .mb-4 > h4,
.mat-dialog-container > .ng-star-inserted > .container-xl > .row > .col-12 .mb-4 > h4 {
	background-color: #4b61f0;
	padding: 6px 12px;
	font-size: 15px;
	border-radius: 2px;
	color: #fff
}

/*
.mat-dialog-container {
	border-top: 5px solid #4b61f0 !important
} */


ul.top-right{list-style-type: none;}
.top-right li {
    padding: 0 10px;
    list-style: none;
    margin-bottom: 0;
    display: flex !important;
    padding-top: 10px;
    font-size: 20px;
    position: relative;
    color: #1D1D1B;
}



.no-gutter {
    margin-right: 0;
    margin-left: 0;
  }

  .no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .no-gutter-padd {
    margin-right: 5px;
    margin-left: 5px;
  }

  .no-gutter-padd > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
  }


  .no-gutter-padd {
    margin-right: 5px;
    margin-left: 5px;
  }

  .no-gutter-padd > [class*="col"] {
    padding-right: 5px;
    padding-left: 5px;
  }



  .sidebar {

    height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: hidden;
}
.menu ul.navbar-nav li {
   padding: 4px 3px 7px 5px;
}

.w18 {
    width: 18%;
    background: #110C2E;
    height: calc(100vh - 50px);
    overflow: auto;
    padding: 0px 0px;
}

.w78 {
    width: 82%;
    background: #fff;
    overflow-y: auto;
    height: calc(100vh - 60px);
    overflow-x: hidden;
    padding: 0px 15px 50px 20px;
}

/* a{color: inherit  !important;} */


.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
}

.modal-bodyadjfull{
	height: calc(80vh - 1vh);
}

.couponseclect-wrapper{
	padding: 4px;
	overflow-y: auto;
	height: 62vh;
}

.couponseclect-wrapperadj{
    height: calc(100vh - 26vh);
    padding: 4px;
    overflow-y: auto;
}


.cardpreview{
    border: 2px solid #F5F5F5;
    height: 64vh;
    padding: 9px 8px;
    background-color: #F5F5F5;
    border-radius: 4px;
  box-shadow: 0px 0px 7px 0px rgb(165 165 165 / 56%);
}


.cardpreview-adj{

    height: calc(100vh - 26vh);

}
.ad-cal .md-drppicker {
    top: 50px !important;
    left: 15px !important;
    right: auto !important;
    width: 670px !IMPORTANT;

}

.btn-closecursoru:hover {cursor: pointer;}

/* .drops-down-center{ left: 78.5%  !important; } */
.h36{
    height: 36px !important;
}


@media (min-width: 768px) and (max-width: 979px) {

	 .top-w18 { width: 21% !important; }
	 .w18 { width: 21% !important; }
 	.top-w78{width: 79% !important;    padding: 11px 6px !important;}
	 .sidebarIcon{ width: 14px !important; height: 14px !important;  }
	 .sidebarArrow{margin: 16px 2px 2px 2px !important;}
	 .sidebarArrow{top: 4% !important;}

	 .top-right li >.headerPlatformIcon{    width: 16px  !important;  margin-right: 4px; margin-top: -11px;}
	 ul.top-right li > .mat-icon {font-size: 16px  !important;}

	 .top-right li>.headerPlatformIcon{margin-right: 3px !important;}
	 .top-right li>span{font-size: 15px !important;}
	 .user_name{font-size: 12px !important;}
	 .top-right li>svg{ width: 16px !important;}

	 span.count-number{top: -3px !important;}
	 .w78 { width: 79% !important;    padding: 0px 15px 50px 15px  !important; }
	 .top-right li.mat-icon{
		height: 0;
		width: auto;
		margin-top: 0px !important;
	 }
	 .featured-images img{    height: 103px !important;}
 	 .nav-tabs.pending-approvals .nav-item .nav-link{padding: 0.2rem 0.4rem !important; font-size: 11px !important; }
 .table tr th{padding: 0.4rem 0.4rem !important;}
 input[type="text"], [type="password"], select{font-size: 10px !important;}
 .table thead th{font-size: 9px  !important;}
 .td-cell-adj{font-size: 7px !important;}
 .mat-menu-item{    font-size: 11px !important;}
 .email-templatename{
	height: 37px !important;
    font-size: 7px !important;
 }

 .bgImgDiv{height: 150px  !important;}


 .dropdown-item{ padding: 0.25rem 0.5rem !important}
 .block-content{
    padding: 9px 6px !important;
    margin-bottom: 6px !important;
    border-radius: 3px !important;
    box-shadow: 0px 0px 9px 0px #cccccc00 !important;
    border: 1px solid #cccccc52;
  }
 .vl-an-count1{font-size: 10px !important;}
 .vl-an-count2{ font-weight: 600 !important; font-size: 11px !important;}
   .tab-no-margin{margin-bottom: 0 ;      line-height: 13px;}

   .img-resize{width: 11px !important; display: block;}

   .cpm-obb li > span  strong{   font-size: 10px !important;
    line-height: 2px !important;
    font-weight: normal; }

   .text-ellipsis{    width: 50%  !important;}
.tab-no-margin {margin-bottom:0 !important ;}
.list-unstyled {margin-bottom: 0  !important;}
.cpm-obb li{margin-bottom: 0;}
}
.ad-cal .md-drppicker {
    top: 50px !important;
    left: 15px !important;
    right: auto !important;
    width: 670px !IMPORTANT;
}

/* double caldender alignment css */


.buildflow-calender.active-project-dp.calendar-ui .md-drppicker.double{
	left: -209px !important;
	width: 499px;
   }


   /* asset library css */
   /* .asset-lib-creation .md-drppicker.double{

	width: 610px;
		top: 50px !important;
		left: -269px !important;
   } */





.tab-no-margin{margin-bottom: 10px;}

.img-resize{width: 22px;margin-right: 5px;}

.equla-hight{height: 36px;}

.navbar-nav .dropdown-menu li a > ul{
	position: relative;
}
.navbar-nav .dropdown-menu li a > ul::before{position: absolute; content: "-";font-weight: bold;color: #fff !important;}

.menu ul.navbar-nav li li  a{position: relative;}


.menu ul.navbar-nav li li li a{position: relative;}

.analytics-search .calendar-ui.col.asset-lib-creation input.form-control{
	width: 30%;
	float: right;
	margin-top: 15px;
	}



/* tooltip  */

	.tooltip-cmn {
		position: relative;
		display: inline-block;

	  }

	  .tooltip-cmn .tooltiptext-cmn {
		visibility: hidden;
		width: 180px;
		background-color: #bfbebe;
		color: #303030;
		text-align: center;
		border-radius: 6px;
		padding: 5px 2px;

		/* Position the tooltip */
		position: absolute;
		z-index: 1;
		bottom: 100%;
		left: 50%;
		margin-left: -60px;
	  }

	  .tooltip-cmn:hover .tooltiptext-cmn {
		visibility: visible;
	  }

	  .slecrhight{
 	height: 35px;
	  }
	  .heightadj35{ height: 35px}


	  .form-inline > i {margin-right: 4px;}

	  input[type=checkbox], input[type=radio]{

		width: auto;
	  }

	  .othercampaigns {
		background-color: #ffdd00 !important;
		color: black !important;
		border-radius: 2em !important;
	}
	td.available.active {
		background-color: #0abf53 !important;
		border-radius: 2em !important;
	}

	td.available.active.today {
		background-color: #3f51b5 !important;
		color: #fff !important;
	}
	.today {
		background-color: #3f51b5 !important;
		color: #fff;
	}
.login_right_side{position: relative;}
	/* .login-fprm{
		transform: translate(10px, 10px);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
	} */
	/* .signup-formmargin {

		padding-top: 100px;
	} */

	.custom-control-label::before{
 			top: 3px !important;
	}

	.commmon-feild-wdth{
		width: calc(100% + 0.75rem + -15px);
	}


	.menu ul.navbar-nav li li a:hover{
		cursor: pointer;
	}
	.menu ul.navbar-nav li a:hover{
		cursor: pointer;
	}

	.mat-form-field-should-float .mat-form-field-label-wrapper {
        display: none!important;
    }
    .mat-focused .al-subscribe-form-placeholder,
    .mat-form-field-invalid .al-subscribe-form-placeholder {
        display: none!important;
}


.mat-menu-panel{
	min-height: auto !important;
}
.addbr-frmele{
	border: 1px solid #ced4da;
     padding: 0px 8px;
}

.tabledivshow{
	height: 112px;
    overflow-y: auto;
}


.tabledivshow{
	height: 112px;
    overflow-y: auto;
}
.tabledivshownodata{
	height: 146px;
    overflow-y: hidden;
    text-align: center;
    padding: 63px 0;
}

.tabledivshow_noex{
    height: 146px;
    overflow-y: auto;
    text-align: center;
}

.cdk-overlay-container + .mce-container{
	position: absolute;
}
.daslistboradheight{
	height: 210px;
    overflow-y: hidden;
}

.mat-form-field-appearance-fill .mat-select-arrow-wrapper{transform: translateY(-86%);}
/* .mat-select-value{transform: translateY(-48%);} */
.mat-select-value{transform: translate(3%, 0%);}

.pi{
  position: relative;
}
.pi .icon-lg {
  font-size: 2.1875rem !important;
  position: absolute !important;
  top: 6% !important;
  right: 4px !important;
  background-color: gray !important;
  border-radius: 50% !important;
  padding: 4px !important;
}



/* sticky table header css */

.fixTableHead {
	overflow-y: auto;
	height: 298px;
  }
  .fixTableHead > table >thead {
	position: sticky;
	top: 0;
  }
  .fixTableHead > table {
	border-collapse: collapse;
	width: 100%;
  }
  .fixTableHead > table tr th,
  .fixTableHead > table tr td {
	padding: 8px 15px;

  }


  .mat-tab-label-active{border-bottom: 1px solid #0a1416 !important;}
  .mat-tab-label-content{
	color: #000;
    font-weight: 600;
  }

.highcharts-container  {
    margin: 0 auto;
}

.mat-form-field-infix > mat-select{
	vertical-align: -webkit-baseline-middle !important;
	display: initial;
}
.mrt5{margin-top: 5px !important;}


/* pixie css */

.block .capitalize {
  padding-left:0 !important ;
}
.block .capitalize .text-left .text-sm .mb-4 > div > label{
  padding-left:0 !important ;
}
.block .capitalize .text-left .text-sm .mb-4 > div > label > select{
  padding-left:0 !important ;
}

/* .mat-select-panel-wrap{
  transform:translateX(43px) translateY(-159px) !important;
} */


.inputmag{
	background-image: url(../media/loupe-map.png) !important;
    background-position: right !important;
    background-size: 31px !important;
    background-repeat: no-repeat !important;

}


 /*.form-control.is-invalid, .was-validated .form-control:invalid{
 background-image:url(../media/loupe-map.png);    background-size: auto; 
}*/

.pi .text-base{
	padding: 0 !important;
}
.pi .capitalize {
    margin-bottom: 0 !important;
}
.pi .pb-10 {
	padding-bottom: 0 !important;
}

.rightheaderprg{margin:0;padding: 0;}
.rightheaderprg li {display: inline-block;margin-left: 10px;}
.rightheaderprg li:first-child{
	width: 46%;vertical-align: middle;
}


.uldefault{margin:0;padding: 0;}
.uldefault li {display: inline-block;margin-left: 10px;vertical-align: middle;}
  .hd-iconwrap{

	background-color: #d1cece;
    padding: 8px 4px;
    border-radius: 2px;
  }
  .hd-iconwrap > img{

	margin-bottom: 3px;

  }

  .rrdiconclass{
	font-size: 18px;
	color: #1d1d1b;
  }

/* notification dropdown */

  .custdrpul {
	padding: 0;
	height: auto;
	max-height: 340px;
	width: 340px;
	left: -70px !important;
	overflow-y: auto;
	overflow-x: hidden;
	top: -5px !important;
  }
  /* .email_note.custdrpul {
	width: 360px;
  } */
  .cnd-button > span {color: #000;}

  .custdrpul > a {
	margin-left: 0 !important;    padding: 8px 7px 8px 11px;
	position: relative;
  }

  .email_note.custdrpul > a {
	padding: 15px 7px 15px 11px;
  }



  .menu-des{  font-size: 10px;display: table-cell}
  .menu-des > p{margin: 0;line-height: 16px;font-size: 14px;font-weight: normal;}
  .menu-des > p > label{
	  margin: 0;
	  white-space: nowrap;
	  width: 222px;
		overflow: hidden;
	  text-overflow: ellipsis;
	  word-break: break-all;
  }
  .menu-icon{ font-size: 10px;width: 15%;display: table-cell;    vertical-align: middle;}
  .menu-icon > i {
	font-size: 18px;
	padding: 7px;

	border-radius: 4px;
  }

  .custdrpul > a{
	display: table;width: 100%;
  }
  .custdrpul > a > p > label{
	display: block !important;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0;
  }
  .custdrpul > a > p{
	display: table-cell !important;
	text-align: left;
	vertical-align: middle;
	padding-right: 7px;
  }
   .custdrpul > a:hover .menu-icon > i {
  cursor: pointer;


  }

  .eclps{
	white-space: nowrap;
	width: 120px;
	overflow: hidden;font-size: 12px;
	text-overflow: ellipsis;

  }

  .email_note .menu-des > p > label {
    margin: 0;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #ad9768;
    font-size: 13px;
    font-weight: 500;
}
  .menu-des > p > span.eclps{text-align: left !important;font-size: 13px !important;font-weight: normal;}



  .activeoption{
	position: relative;
  }
  .activeoption::before{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: red;
	border-radius: 50%;
	left: -3px;
	top: 8px;
  }

  a.dropdown-item > .menu-des > p > span.datefrmt{
	color: #303030;
	font-size: 13px !important;
	text-align: right;
	float: right;
 font-weight: normal;
  }

  .tags-multi-selector  .mat-form-field-appearance-fill .mat-form-field-underline:before {
	background-color: rgba(0, 0, 0, .0);
  }

  .tags-multi-selector .mat-form-field-flex{
	background: #fff;
    border: 1px solid #ccc;
	height: 36px;
    border-radius: 3px;

  }

   .tags-multi-selector .mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
   opacity: 0 !important;
}

.tags-multi-selector .mat-form-field-appearance-fill .mat-form-field-flex {
    padding: 0.55em 0.75em 0 0.75em;
}
.mat-select-panel.mat-primary {
    position: absolute;
    left: 10px !important;
    right: 0;
}
   /* notification dropdown */

   .mat-form-field-underline{
	display: none;
   }
   #suggestionsOrg > p{
	align-content: normal !important;
    margin-bottom: -2px;
    font-size: 13px;
    color: #303030;
	padding: 2px 5px;
   }
   #suggestionsOrg > div{
	align-content: normal !important;
    margin-bottom: -2px;
    font-size: 13px;
    color: #303030;
	padding: 2px 5px;
   }

   .tagsError {

      margin-top: 0.25rem;
    font-size: 13px;
    color: #dc3545;
   }

   .small-icon {
    font-size: 7px !important;
}
.acceptPaymentBody{
	height: 120px !important;
  overflow-y: scroll !important;
  }

  .mat-menu-item .mat-icon {
    margin-right: 9px !important;}

	.showtemplatebox{
		padding: 12px 13px;
		height: 400px;
		overflow-y: auto;
		overflow-x: hidden;
		background-color: #f6f4ff;
		border-radius: 5px;
		}


		.captiontext{
			color: rgb(255, 255, 255);
    text-align: center;
	height: 48px;
    font-size: 13px;
    margin: 15px 0px 4px;
    line-height: 20px;
		}
		.schemeinfo{
			/* display: flex;
			align-items: center;
			justify-content: center; */
			text-align: center;

		}
		.schemecost{
			color: #fff;
			display: block;
			margin-bottom: 0;
			font-size: 49px;
			font-weight: bold;
			line-height: 51px;
			margin-top: 20px;

		}
		.schemecost > span{
			font-size: 23px;
    font-weight: lighter;

    vertical-align: middle;
		}
		.schemename{
			color: #fff;
			margin-bottom: 0;
		}


		.middle-div{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.height89{
			height: 85px;
		}

    .msg-loader-align {
      display: flex;
  align-items: center;
  justify-content: center;
    }


.seedselect > .mat-form-field-appearance-fill .mat-form-field-flex{
	line-height: 21px;
    padding: 0px 5px 2px !important;
    border-radius: 4px !important;
    margin-bottom: 7px !important;
    font-size: 12px;
}

.seedselect > .mat-select-value-text{
	opacity: 0.8;
}


.seedselect > .mat-form-field-appearance-fill .mat-select-arrow-wrapper{
	transform: translateY(14%) !important;
}

.seedselect > .mat-form-field-type-mat-select .mat-form-field-label{    margin-top: 4px;}

.v1dropdown .mat-form-field-appearance-fill .mat-form-field-flex{
		padding: 9px 6px;
		font-size: 13px;
		font-family: inherit;
        color: gray;
		border-radius: 3px !important;
		font-weight: 600 !important;
	  }
	  .v1dropdown > .mat-form-field-appearance-fill .mat-form-field-infix{
		padding: 0 0 0em !important;
	  }
	  .v1dropdown > mat-form-field{
		padding: 0  !important;
	  }



	  .mat-form-field-infix{
		width: auto !important;
	  }
	  .df-types .mat-form-field-appearance-fill .mat-form-field-flex {
		border-radius: 4px;
		padding: 0.5em 0.75em 0 0.75em;
		height: 36px;
	  }

	  .mat-form-field-appearance-fill .mat-form-field-flex {
		border-radius: 4px;
		padding: 0.5em 0.75em 0 0.75em;
		border: 1px solid #ccc;
		font-size: 14px;
	  }


	  .asset-lib-creation .rightC ngx-daterangepicker-material{
		position: absolute;
		right: 10px !important;
		top: 0;
		width: 640px;
		left: auto;
	  }

	  .asset-lib-creation .sales ngx-daterangepicker-material{
		right: -159px !important;
	  }


	  .md-drppicker .ranges ul li button{
		text-transform: capitalize;
	  }
	   .showoptionscls > mat-form-field{
		padding-top: 0   !important;
	  }
	  .showoptionscls > mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex{
		padding: 0   !important;
		border: 1px solid transparent;
		height: 3px;
		background-color: transparent;
	  }

	  .showoptionscls > mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > mat-select > .mat-select-trigger > .mat-select-arrow-wrapper {
		width: 55px !important;
    visibility: hidden !important;
	transform: translate(-36%,-175%) !important;
	  }

	 /* .showoptionscls > mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > mat-select{
		 position: absolute  !important;
      left: 3px !important;
    top: 4px !important;
    height: 31px !important;
	z-index: 1000000;
	background-color: gray;
	  }*/

.showoptionscls > mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > mat-select{
	position: absolute !important;
    top: 10px !important;
    left: 0 !important;
}



	  .showoptionscls > mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > mat-select > .mat-select-trigger > .mat-select-value {
		visibility: hidden   !important;

	  }

	  .set-groupfeild{
		background-color: #f1f1f1;
    padding: 4px 4px;
    border-radius: 3px;
	  }
	  .fullwdthfeild{
		width: 100%;
	  }
	  .tiny-iframe #txtAreaTemplate_ifr{
		height: 380px !important;
	   }

	  .mat-date-range-input-container{
		align-items: inherit !important;font-size: 11px  !important;
	  }
	  .mat-date-range-input-separator{
		line-height: 31px;
		display: block;
	  }

	button:focus {
		outline: 1px dotted !important;
		outline: 0px auto transparent !important;
		/* background-color: transparent !important; */
	}
	.mat-icon-button {
  		width: 40px !important;
		  background-color: transparent !important;
		height: 36px !important;
	}

	.crm-db .highcharts-container {
		margin: 0 auto;
		width: auto !important;
		padding: 0;
		text-align: center !important;
	}
	.highcharts-container svg{
		width: 100% !important;
		height: auto !important;
		background-color: transparent !important;
	}
button.mat-focus-indicator:focus{
	background: transparent !important;
	background-color: transparent !important;
}

	
.hamburger{
	display: none;
}
.sbCollapsed .hamburger{
	display: block;
	width: 24px;
    text-align: center;
    margin: 0 auto;
    padding: 12px 0;
	cursor: pointer;
}

.sbCollapsed  .main-logo-app{
	display: none;
}

.samp .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.2em;
    font-size: 14px !important;
	left: 5px;
}

.department .mat-form-field-appearance-fill .mat-form-field-flex {
    border-radius: 4px;
    padding: 0.5em 0.75em 0 0.75em;
    height: 36px;
}

.offers button:focus {
   background-color: inherit !important;
   box-shadow:none;
}

.mat-select-panel.mat-primary {
    top: 0px;
    left: 30px !important;
}
.pwd-characters li {
    line-height: 24px;
    list-style-type: circle;
}
.pwd-characters li::marker {
	color: #dc3545!important;
    font-size: 1.5em;
    margin: 0;
  }

  .ReportViewCards .card-body{
	text-align: center;
  }
  
  .ReportViewCards .card-body img {
	  min-height: 200px;
	  max-width: 100%;
	  object-fit: contain;
	  max-height: 200px;
  }

  .menuhover-div::before {
	content: "";
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    left: -8px;
    top: 8px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #565151;
  }
  
  .menuhover-div{
	position: absolute;
    width: auto;
    min-height: 32px;
	height: auto;
    background-color: #565151;
    z-index: 9999999;
    display: none;
    left: 68px;
    visibility: hidden;
    color: #fff;
    padding:0 10px;
    border-radius: 7px 5px 5px 7px;
    border-left: 3px solid #fff;
    line-height: 32px;
    max-height: 60vh;
    overflow-y: auto;
	overflow-x: hidden;
	max-width: 260px;
  }
  .menuhover-div .menu ul.navbar-nav li a{
	text-align: left !important;
  }
  .menuhover-div ul li a::before, .menuhover-div ul li ul li a::before,  .menuhover-div ul li ul li a a::before{
	content: none;
	top: 28% !important;
	left: -10px !important;
  }
  .menuhover-div ul li{
	padding: 0 10px;
  }
   .menuhover-div #myNavbar .dropdown-menu.show, .menuhover-div #myNavbar li .sidebarArrow, .menuhover-div #myNavbar li span{
	display: block !important;
  }

  .sbCollapsed .navbar-collapse ul.navbar-nav ul:hover .menuhover-div{
	display: block;
  }
  
  .sbCollapsed .menu ul.navbar-nav li:hover .menuhover-div{
	visibility: visible;
	  position: fixed;
	  transform: translate(0px, -35px);
	  left: 5%;
  }

  .sbCollapsed .menu ul.navbar-nav li,
.sbCollapsed .navbar-nav,
.sbCollapsed .navbar-collapse {
  width: 100%;
  overflow: hidden;
  padding: 0 7px;
  position: relative;
}



.bg-editbtn-theme {
    background-color: #1a305d;
  }

  .featured-images img {
    background-color: #f6f5ff;
}

/* crm-calendar css */

.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: #fff;
    background-color: #1a305d;
    border-color: #110C2E;
}

/* .crm-calendar a{
	color: #ccc;
} */
.crm-calendar a:hover{
	color: #ccc;
}

.cal-week-view .cal-event {
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #000000;
}
/* crm-calendar css */

.list-aligncls{
	display: block;
  }
  .menuhover-div ul li a{
	margin-left: 10px
  }
  .menuhover-div ul li a a{
	margin-left: 0px
  }
  .menuhover-div ul li a::before {
    position: absolute;
    content: "";
    font-weight: bold;
    color: white;
    width: 9px !important;
    height: 9px !important;
    background-color: #6a6a6a47;
    top: 31%;
    left: -15px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.language-dd {
	cursor: pointer !important;
	width: 95px !important;
	border: 1px solid #b9aa89 !important;
	border-radius: 3px !important;
	padding: 0.2rem 0.25rem !important;
	height: 30px !important;
	margin-right: 5px !important;
	line-height: 22px !important;
}
segment-builder p{
	margin-bottom: 10px;
}

.treeview-container {
	overflow-y: auto;
	padding-right: 0.3rem;
	height: calc(70vh - 90px);
}

.format-dd .mat-form-field-appearance-fill .mat-form-field-flex{
	padding: 0.5em 0.125em 0.5em 0em;
}

.format-dd .mat-form-field-appearance-fill .mat-form-field-infix{
padding: 0em 0em 0em 0em
}
.closediv{
	width: 100%;
	height: 100vh;
	background-color: #000;
	position: fixed;
	z-index: 1;
	opacity: 0.5;
	top: 0;
	left: 0;
  }
  
  .mat-menu-panel{
	border: 1px solid #7a7a7a;
}

.cd-text .mat-select-panel.mat-primary {
	top: 20px;
	left: 10px !important;
  }
  
  .cd-text div.mat-select-panel-wrap > .mat-select-panel {
	min-width: calc(79% + 64px) !important;
  }

  .pollsms-border-bottom .mat-tab-label-active {
    border-bottom: 2px solid #0a1416 !important;
	font-weight: bold;
	}

	.indiv_check .mat-checkbox-checked.mat-accent .mat-checkbox-background.mat-checkbox-background{
		background-color: #ad9768 !important;
		width: 13px;
		height: 13px;
	  }

	  i.fa{
		font-family:FontAwesome;
	  }

	  i.fa.fa-clipboard {
		font-family: "Font Awesome 5 Free";
	  }

	  .ss-track .mat-form-field-label-wrapper {
		margin-top: 5px !important;
	 }
	 .ss-track  .mat-select-value {
		transform: translate(1%, 0%);
	}