@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: var(--theme-regular-font)
}

.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 var(--theme-regular-font);
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
    font: 500 20px/32px var(--theme-regular-font);
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
    font: 400 16px/28px var(--theme-regular-font);
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
    font: 400 15px/24px var(--theme-regular-font);
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
    font: 400 calc(14px * .83)/20px var(--theme-regular-font);
    margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
    font: 400 calc(14px * .67)/20px var(--theme-regular-font);
    margin: 0 0 12px
}

.mat-body-2,
.mat-body-strong {
    font: 500 14px/24px var(--theme-regular-font);
    letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
    font: 400 14px/20px var(--theme-regular-font);
    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 var(--theme-regular-font);
    letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
    font: 300 112px/112px var(--theme-regular-font);
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
    font: 400 56px/56px var(--theme-regular-font);
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
    font: 400 45px/48px var(--theme-regular-font);
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
    font: 400 34px/40px var(--theme-regular-font);
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px var(--theme-regular-font);
    letter-spacing: normal
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle,
.mat-card {
    font-family: inherit;
}

.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: var(--theme-regular-font)
}

.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: var(--theme-regular-font)
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,
.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: var(--theme-regular-font)
}

.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 var(--theme-regular-font);
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: var(--theme-regular-font);
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px var(--theme-regular-font);
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: var(--theme-regular-font);
    letter-spacing: normal
}

/* .mat-form-field-wrapper {
	position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
} */

.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: .3375em 0 .3375em;
    font-size: 12px;
    /* line-height: normal !important; */
    padding-left: 10px;
}

.seg_search .mat-form-field-appearance-legacy .mat-form-field-infix {
    line-height: 10px;
    font-size: 13px;
    padding-left: 10px;
}

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

.builder_inputs .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.5em;
    font-size: 14px !important;
}

.builder_inputs .mat-form-field-label {
    padding-right: 0;
}

.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: 0em 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
}

/* 
.email_grid_tb .table tr th:nth-child(2), .email_grid_tb .table tr td:nth-child(2){
	max-width: 200px;
} */

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    /* font-family: var(--theme-regular-font); */
    font-family: inherit;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: var(--theme-regular-font);
    font-size: 12px
}

.mat-radio-button,
.mat-select {
    font-family: var(--theme-regular-font)
}

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

.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
    font-family: var(--theme-regular-font)
}

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

.mat-stepper-horizontal,
.mat-stepper-vertical {
    font-family: var(--theme-regular-font)
}

.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: var(--theme-regular-font);
}

.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 var(--theme-regular-font);
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: var(--theme-regular-font);
    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: var(--theme-regular-font)
}

.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: var(--theme-regular-font);
    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: var(--theme-regular-font);
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: var(--theme-regular-font);
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px var(--theme-regular-font);
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: var(--theme-regular-font);
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: var(--theme-regular-font)
}

.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: #3f51b5
}

.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);
    width: 36px;
}

.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: #110c2E;
}

.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: rgba(0, 0, 0, .42)
}

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

.mat-select-arrow {
    color: var(--main-theme-color);
    border-top: 7px solid !important;
    opacity: 0;
    /* width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    margin: 0 4px;
    border: solid var(--main-theme-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); */
}

.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);
    background-color: #fff !important;
}

.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 var(--main-theme-color)
}

.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 var(--main-theme-color)
}

.modal-header .close {
    color: #fff;
    background-color: var(--main-theme-color);
    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: var(--main-theme-color);
    padding: 6px 12px;
    font-size: 15px;
    border-radius: 2px;
    color: #fff
}

/*
.mat-dialog-container {
	border-top: 5px solid var(--main-theme-color) !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: 280px;
    background: #fff;
    height: calc(100vh - 50px);
    overflow: auto;
    padding: 0px 0px;
}

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

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

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

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

#conditions .modal-bodyadjfull {
    height: calc(100vh - 240px);
    padding-top: 0;
}

#conditions .couponseclect-wrapperadj {
    height: calc(100vh - 310px);
    padding: 0px;
    overflow-y: auto;
}

#conditions .cardpreview-adj {
    height: calc(100vh - 310px);
    overflow: auto;
}


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

.couponseclect-wrapperadj {
    height: calc(100vh - 26vh);
    padding: 0px;
    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;
    white-space: normal;
}


.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: #008DFC !important;
    color: #fff !important;
}

.today {
    background-color: #008DFC !important;
    color: #fff;
}

.asset-lib-creation .buttons_input .btn{
    background-color: #008DFC !important;
    box-shadow: none !important;
}
.asset-lib-creation .buttons_input .btn.clear{
    background: none !important; 
}

.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%);
    background-image: url(../svg/down_arrow.svg);
    background-size: contain;
    width: 15px;
    height: 9px;
    background-repeat: no-repeat;
    /* top: 3px;
    position: relative; */

}

/* .mat-select-value{transform: translateY(-48%);} */
.mat-select-value {
    transform: translate(0%, 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;
}

.mat-select-value-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
    display: block;
    max-width: 600px;
    line-height: normal;
}
 
.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: 35px;
    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: auto !important;
    height: auto !important;
    background-color: transparent !important;
}

button.mat-focus-indicator:focus {
    background: transparent !important;
    background-color: transparent !important;
} 

.hamburger{
    /* display: none; */
    max-height: 30px;
    cursor: pointer;
}

.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: 32px;
}

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

input[type="checkbox"]:focus-visible {
    outline: none;
}

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

.coupon_grid .asset-lib-creation ngx-daterangepicker-material {
    position: absolute;
    left: -15px;
    top: 0px;
    width: 640px;
}

.feilddate .mat-date-range-input-container {
    font-size: 14px !important;
    padding-left: 10px;
}

@media screen and (max-width: 1340px) {
    .search_fund .feilddate .mat-date-range-input-container {
        font-size: 12px !important;
    }
}


.builder-daterange .feilddate .mat-date-range-input-container {
    font-size: 14px !important;
    padding-left: 0px;
}

.feilddate.vf-vu .mat-date-range-input-container {
    font-size: 14px !important;
    padding-left: 10px;
}

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

.mat-select-panel.mat-primary {
    max-height: 170px;
}

#dpt .mat-select-panel.mat-primary {
    bottom: 0px;
    left: 30px !important;
}

.text-language mat-label {
    padding: 0 !important;
}

.dpt .mat-select-panel.mat-primary {
    position: absolute;
    bottom: 0 !important;
}

.mat-lp .mat-select-value-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 700px;
    display: inline-block;
}

.select_report .mat-select-panel.mat-primary {
    top: 40px !important;
    left: 13px !important;
}

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

.draft {
    padding: 5px 10px;
    border-radius: 0 0 10px 0;
    font-size: 14px;
}

.content-analytics {
    align-self: center;
}

.content-analytics li {
    list-style-type: none;
    display: inline;
    /* padding-right: 15px; */
    color: var(--primary-theme-color);
    font-weight: 700;
    cursor: pointer;
}

.content-analytics li:hover {
    text-decoration: underline;
}

.filterInputs .col {
    padding-left: 5px;
    padding-right: 5px;
}

.filterInputs .col:nth-child(1) {
    padding-left: 0px;
}

/* .filterInputs .col:nth-last-child(1) {
    padding-right: 15px;
} */


.filterInputs .col span.mat-select-min-line,
.filterInputs .data-source span.mat-select-min-line {
    /* max-width: 120px; */
    /* width: 100%; */
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filterInputs .col .mat-select-trigger {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    /* width: 100%; */
    justify-content: space-between;
    /* max-width: 140px; */
}

.filterInputs .col input {
    /* text-align: center; */
    font-weight: 700;
    color: var(--black-clr);
}

.filterInputs .col input[type=text].form-control, .select-dealership .treeview-header input {
    background-image: url(../../assets/svg/search-icon-new.svg);
    background-size: 20px;
    background-position: 7px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.pe-images input[type=text] {
    background-image: url(../../assets/svg/search-icon-new.svg);
    background-size: 20px;
    background-position: 7px;
    background-repeat: no-repeat;
    padding-left: 40px;
}

/* .filterInputs.campaign-search .col input.form-control:focus {
    background-position: 10px;
	padding-left: 35px;
	transition: all 0.5 ease-in-out;
} */

.campaign-search.filterInputs .col:nth-child(1) {
    padding-left: 15px;
}

.filterInputs .col .mat-form-field-appearance-fill .mat-form-field-infix {
    text-align: center;
    display: flex;
}


.filterInputs .col .mat-select-value {
    width: auto;
}

.filterInputs .mat-select#mat-select {
    max-width: 140px;
    display: inline-block;
}

/* 
.filterInputs .col .mat-form-field-wrapper {
    max-width: 100px;
} */

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

.filterInputs .col .mat-select-value-text {
    max-width: 180px;
    display: block;
}

.filterInputs.third-party-grid-rows .col .mat-select-value-text {
    max-width: 200px !important;
    display: block;
}

/* .mat-select-value-text {
	max-width: 100px;
} */

.feilddate .mat-icon-button {
    line-height: 25px !important;
}

/* checkbox-circle */
.checkbox-circle input[type="radio"] {
    display: none;
}

.checkbox-circle input[type="radio"]+label {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 20px;
    font: 14px/20px "Open Sans", Arial, sans-serif;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 16px !important;
}

.checkbox-circle input[type="radio"]:hover+label:hover {
    color: rgb(23, 86, 228);
}

.checkbox-circle input[type="radio"]:hover+label:before {
    border: 1px solid var(--main-theme-color);
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    background: var(--main-theme-color);
    box-shadow: 0 0 0 1px var(--main-theme-color);
}

.checkbox-circle input[type="radio"]+label:last-child {
    margin-bottom: 0;
}

.checkbox-circle input[type="radio"]+label:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid var(--main-theme-color);
    border-radius: 1em;
    position: absolute;
    left: 0;
    top: 3px;
    /* -webkit-transition: all 0.2s, transform 0.3s ease-in-out;
    transition: all 0.2s, transform 0.3s ease-in-out; */
    background: #f3f3f3;
}

.checkbox-circle input[type="radio"]:checked+label:before {
    border-radius: 1em;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    background: var(--main-theme-color);
    box-shadow: 0 0 0 1px var(--main-theme-color);
    /* -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); */
}

/* checkbox-circle end */

.Draggable_Sidebar_sidebarDraggable__9-MR5 {
    padding: 18px 10px 15px 10px;
}

.feilddate {
    border: 1px solid #DBDBDB;
    height: 36px;
}

.feilddate .mat-icon-button {
    line-height: 24px !important;
    width: auto !important;
}

.mat-date-range-input-separator-hidden {
    display: none;
}

.feilddate {
    height: 36px;
}

.print_grid_tb .row:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
}

.col span.mat-select-min-line,
.data-source span.mat-select-min-line {
    /* max-width: 120px; */
    /* width: 100%; */
    padding-right: 5px;
}

/* .mat-select-trigger{
	display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    justify-content: center;
	max-width: 140px;
} */

.col .mat-select-value {
    width: auto;
    /* display: grid; */
}

.mat-select#mat-select {
    max-width: 140px;
    display: inline-block;
}

/* .col .mat-form-field-wrapper {
    max-width: 100px;
} */

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

.col .mat-select-value-text {
    max-width: 160px !important;
}

/* Styling the placeholder text for modern browsers */
.filterInputs ::placeholder {
    color: #000;
    opacity: 1;
    /* Ensure the color is fully opaque */
}

/* Styling the placeholder text for Mozilla Firefox */
.filterInputs input.form-control:-moz-placeholder {
    color: #000;
    opacity: 1;
    /* Ensure the color is fully opaque */
}

/* Styling the placeholder text for Internet Explorer 10-11 */
.filterInputs input.form-control:-ms-input-placeholder {
    color: #000;
}

/* Styling the placeholder text for Microsoft Edge */
.filterInputs input.form-control::-ms-input-placeholder {
    color: #000;
}

/* Styling the placeholder text for older WebKit browsers */
.filterInputs input.form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    /* Ensure the color is fully opaque */
}

.campaign-performance .email_grid_tb .row .col {
    padding: 0 15px 0 15px !important;
}

.campaign-performance .filterInputs .col input[type=text].form-control {
    background-position: 7px;
    padding-left: 30px;
}

.manage-subscription.filterInputs .col input[type=text].form-control {
    background-position: 7px;
    padding-left: 30px;
}

.manage-subscription.filterInputs .col:first-child {
    padding-left: 15px;
}


/*account page css*/
.profile_detalstab .mat-form-field-flex {
    border: 0px !important;
    border-bottom: 2px solid #ced4da !important;

}

.profile_detalstab .custom-selectdd::after,
.profile_detalstab .mat-select-arrow-wrapper {
    background-image: url(../svg/down-arrowblue.svg) !important;
    width: 11px;
    right: 5px;

}

.col.custom-selectdd.sourcesele::after {
    top: 39% !important;

}

.dsource_blk .mat-select-value {
    width: 100%;
}

.profile_detalstab .vl-lot-status .form-group.col-sm-3 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 0 0 0px;
    border-radius: 0;
    border: none;
}

.profile_detalstab .vl-lot-status .form-group.col-sm-3 select,
.profile_detalstab .vl-lot-status .form-group.col-sm-3+.col-sm-4 select,
.enrollltabslits .vl-lot-status select {
    width: 100%;
    padding: 0 15px 0 10px !important;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    text-align: center;
}


.profile_detalstab .vl-lot-status .form-group.col-sm-3::after,
.profile_detalstab .vl-lot-status .form-group.col-sm-3+.col-sm-4::after,
.enrollltabslits .vl-lot-status .form-group.col-sm-3::after,
.enrollltabslits .vl-lot-status .form-group.col-sm-3+.col-sm-4::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--main-theme-color);
    font-size: 12px;
    background-image: url(../svg/down-arrowblue.svg);
    background-size: contain;
    width: 11px;
    height: 9px;
    background-position: right;
    background-repeat: no-repeat;
}

.profilehader .mat-tab-group.mat-primary .mat-ink-bar,
.profilehader .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #0078D6 !important;
    height: 3.5px;
}

.profilehader div.mat-tab-label-active div {
    color: #0078D6;
    font-weight: 700;
}

.profilehader .mat-tab-label {
    opacity: 1 !important;
}

.row.mt-2.mb-2.profilehader h4 {
    font-size: 30px;
    /*  margin: 40px 0px 15px !important; */
    margin: 10px 0px !important;
    width: 100%;
    display: block;
}

.savebut {
    font-size: 14px;
    font-weight: 700;

    padding: 9px 30px !important;
}

/*  .profile_detalstab label {
	display: none;
  } */
span.plus-btn-tooltip.amentab span {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    vertical-align: bottom;
    margin-left: 10px;
}

span.plus-btn-tooltip.amentab:after,
span.plus-btn-tooltip.amentab:before {
    display: none;
}

.profile_detalstab span.title {
    font-size: 14px !important;
    font-weight: 700;
}

.profilehader .mat-tab-label-content {
    color: #000;
    font-weight: 400;
    font-size: 15px;
}

.card-header:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);

    position: relative;
    top: -2px;
}


section.pt-100.enroll_dealer input,
section.pt-100.enroll_dealer select {
    border: 0px;
    border-bottom: 2px solid #ced4da;
}

.row.mb-2.enrollhead {
    display: block;
    width: 100%;
    text-align: left;
}

.row.mb-2.enrollhead h3 {
    text-align: left;
    font-family: var(--theme-heading-font);
    font-size: 30px;
    margin: 40px 0px 20px;
}

.row.mb-2.enrollhead h4 {
    font-family: var(--theme-regular-font) !important;
    text-align: left;
    width: 100%;
    font-weight: 700;
    color: #000;
}

/*  .delar_headblk  {
    padding: 40px;
    border: 1px solid #dbdbdb;
} */


.settlingtabs .mat-tab-label-active .mat-tab-label-content {
    color: var(--main-theme-color) !important;
    font-weight: 700 !important;
    opacity: 1;
}

.settlingtabs mat-ink-bar.mat-ink-bar {
    background-color: var(--main-theme-color) !important;
    height: 2px;
}

mat-tab-group.mat-tab-group.settlingtabs.mat-primary .mat-tab-label .settlingtabs .mat-tab-label{
    opacity: 1 !important;
}

ul.settingtabslist li {
    margin-right: 5px;
    border-radius: 0px;
    color: #fff !important;
}

/* ul.settingtabslist li a.nav-link.active {
    background: #ADADAD;
    border: 0px !important;
    color: #fff !important;
}
ul.settingtabslist li a {
    width: 150px;
    text-align: center;
    background: #008DFC;
    border-radius: 0px !important;
    color: #fff !important;
    border: 0px;
    font-weight: 700 !important;
} */
.settingtabslist a.nav-link.active {
    border-bottom: 3px solid #008DFC !important;
    color: #008DFC !important;
    border: 0px;
}

.reply_blk .modal-body {
    padding-left: 0px;
}

.reply_blk .mat-form-field-flex {
    border: 0px !important;
    border-bottom: 1px solid #ddd !important;
}

.col-sm-12.mt-2.mailtable table div {
    padding: 0px;
}

.col-sm-12.mt-2.mailtable table td {
    padding: 8px 25px !important;
    font-size: 14px;
    color: #000;
}

.col-sm-12.mt-2.mailtable table th {
    padding: 13px 25px !important;
    font-size: 14px;
    color: #000;
}

.mailtable table {
    border: 1px solid #dbdbdb !important;
}

.mailtable table span.resize-holder {
    display: none;
}

.reply_blk .higlet-box {
    padding: 30px 20px 10px 30px !important;
}

.reply_blk .page-active {
    color: #fff !important;
    background: #000;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.reply_blk .page-active:hover {
    border-radius: 100% !important;
}

.reply_blk .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
    background-image: url(/assets/svg/down-arrowblue.svg) !important;
    width: 12px;
    height: 9px;
    background-size: contain;
    background-repeat: no-repeat;
}

.reply_blk input {
    background: none;
    background-color: #fff !important;
}

.reply_blk a.btn.btn-sm.btn-primary {
    display: inline-block;
    /* width: 120px; */
    /*  font-weight: 700;
    font-size: 14px;
    padding: 10px 45px !important; */
}

.reply_blk table {
    margin-bottom: 0px;
}

.reply_blk .floater-style {
    box-shadow: aquamarine;
    border-radius: 0px;
    border: 1px solid #dbdbdb;
    padding: 0px 16px;
}

.reply_blk .row.p-2 {
    padding: 0px 7px !important;
    /* margin: 0px; */
}

.campaign_daterange .active-project-dp input[type=text].form-control {
    background-image: url(../media/svg/calendar.svg) !important;
    padding-left: 10px !important;
}

.campaign_daterange ngx-daterangepicker-material {
    right: 0 !important;
}

.filterInputs.col-3 input[type=text].form-control {
    background-image: url(../../assets/svg/search-icon-new.svg);
    background-size: 20px;
    background-position: 7px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 700;
}

.sp-calendar input.form-control {
    font-weight: 700;
    color: var(--black-clr);
}

.filterInputs.disclaimers .col {
    padding-left: 15px !important;
}

.filterInputs.disclaimers .col:nth-last-child(1) {
    padding-right: 15px;
}

.usermanagement_blk table th,
.usermanagement_blk table td {
    padding: 13px 25px !important;
    color: #000;
}

.usermanagement_blk table td div {
    margin: 0px;
    padding: 0px !important;
}

.usermanagement_blk table {
    border: 1px solid #dbdbdb;
}

.usermanagement_blk select,
.usermanagement_blk input {
    border: 0px !important;
    border-bottom: 1px solid #dbdbdb !important;
}

.usermanagement_blk .custom-selectdd::after {
    background-image: url(/assets/svg/down-arrowblue.svg);
    background-size: contain;
    width: 11px;
    height: 9px;
}

.usermanagement_blk table {
    margin-bottom: 0px;
}

.usermanagement_blk .row.p-2 {
    padding: 0px .5rem !important;
    /* margin: 0px; */
}

.usermanagement_blk .floater-style.ml-2.mr-2.pb-2.pt-2 label {
    font-weight: 500;
    color: #000;
}

.usermanagement_blk span.resize-holder {
    display: none;
}

.delar_headblk>.row {
    padding: 40px;
    border: 1px solid #dbdbdb;
    margin: 0px 15px;
    border-bottom: 0px;
}

.row.mb-2.enrollhead .col-sm-12.text-center {
    padding: 0px;
}

.enrollltabslits ul {
    display: flex;
    justify-content: space-around;
    font-size: 18px;
}

.enrollltabslits ul li a {
    font-size: 18px !important;
    font-weight: 300;
}

form.enroll_form .mat-form-field-flex.ng-tns-c120-0 {
    border: 0px;
    border-bottom: 2px solid #ced4da;
}

.row.salesform {
    padding: 40px;
    border: 1px solid #dbdbdb;
    margin: 0px 15px;
    border-top: 0px;
}

.block.enrollltabslits .block-content.tab-content.pr-0.pl-0 {
    margin-top: 0px;
    padding-top: 0px;
}

.enrollltabslits ul.nav.nav-tabs.nav-tabs-block.align-items-center.js-tabs-enabled {
    margin: 0px 15px;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    padding: 0px 40px;
}

.row.mt30.physicalform {
    padding: 40px;
    border: 1px solid #dbdbdb;
    margin: 0px 15px;
}

.row.mt30.physicalformhead {
    margin: 0px 0px;
}

.row.mailform {
    padding: 40px;
    border: 1px solid #dbdbdb;
    margin: 0px 15px;
}

.row.mt30.mailaddhead {
    margin: 0px;
}

form.enroll_form .custom-selectdd {
    padding: 0px 15px !important;
}

.row.salesformdep {
    margin: 0px 15px;
}

.row.salesformdep>.col-sm-12,
.saleshead {
    padding: 0px;
}

.col-sm-12.salestableformat {
    border: 1px solid #dbdbdb;
    padding: 0px;
    margin: 0;
    border-bottom: 0px;
}

.col-sm-12.salestableformat thead th {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding: 13px 15px !important;
}

.col-sm-12.salestableformat thead {
    background: #dbdbdb;
    color: #000;
}

.global-table.table tr td {
    vertical-align: middle;
    /* color: #c02a2a; */
}

.add_blk {
    margin-bottom: 30px !important;
    margin-left: 15px;
}

.add_blk1 {
    margin-bottom: 30px !important;
}

.printtableblk table.global-table.table.table-condensed.mt-2.clc2mail.table-striped th,
.printtableblk table.global-table.table.table-condensed.mt-2.clc2mail.table-striped td {
    padding: 13px 25px !important;
}

.search_fund .mat-date-range-input-end-wrapper input {
    border-bottom: none !important;
}

.search_fund .mat-date-range-input {
    /* border-bottom: 1px solid #ccc !important; */
    display: flex;
    align-items: center;
}

.search_fund .feilddate .mat-date-range-input-container {
    padding-left: 5px;
}

/* .search_fund mat-datepicker-toggle.mat-datepicker-toggle{
	 border-bottom: 1px solid #ccc !important;
 } */

p.run_dates span {
    border: 1px solid var(--campaigns-border-color);
    padding: 6px 15px;
    margin-right: 15px;
    font-size: small;
}

.user_notof table.usertable th {
    padding: 13px 25px !important;
    left: 25px;
}

/* .container-fluid.p-0.user_notof .custom-selectdd select {
    text-align: center;
} */
.container-fluid.p-0.user_notof .custom-selectdd:after {
    right: 3%;
    padding-left: 18px;
    background-color: #fff;
}

.usernoti_table select {
    appearance: none;
    /* text-align: center; */
    font-weight: 700;
    background-image: url(/assets/svg/down_arrow.svg);
    background-size: 15px;
    /* width: 15px;
			height: 9px; */
    background-position: 80%;
    background-repeat: no-repeat;
    font-weight: 700 !important;
    background-color: #fff !important;
    padding: 0px 15px !important;
}

.usernoti_table select,
.usernoti_table input {
    color: #000;
    font-weight: 700;
    border: 1px solid #dbdbdb;
    /* 	height: 50px !important; */
    /* padding: 14px 16px !important; */
}

.usermanagement_blk table th:nth-child(1),
.smskey_blk th:nth-child(1),
.drmtableblk th:nth-child(1),
div#serviceintervals th:nth-child(1) {
    left: 10px;
}

.usermanagement_blk table th,
.smskey_blk th,
.drmtableblk th,
div#serviceintervals th {
    height: 50px;
    line-height: 30px !important;
}

.usermanagement_blk table td,
.smskey_blk td,
.drmtableblk td,
div#serviceintervals td {
    padding-left: 15px !important;

}

.manage_catablk table th {
    height: 50px;
    line-height: 30px !important;
    left: 10px;
}

.manage_catablk table td {
    padding-left: 15px !important;
}

.usermanagement_blk mat-ink-bar.mat-ink-bar {
    background-color: #0078D6 !important;
    height: 3px;
}

.usermanagement_blk div.mat-tab-label-active div,
.usermanagement_blk div.mat-tab-label-active {
    color: #0078D6;
    font-weight: bold;
    opacity: 1 !important;
}

.tab-content.set_protable th {
    left: 15px;
    height: 50px;
    line-height: 30px;
}

.tab-content.set_protable td {
    padding-left: 20px !important;
}

.tab-content.set_protable td div {
    margin: 0px;
    /*   padding: 0px; */
}

.enroll_form .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
    background-image: url(/assets/svg/down-arrowblue.svg) !important;
    width: 11px;
    right: 20px;
}

.body__title.body__title--cs.SidebarModule_sidebarModuleTitle__-XEVH {
    word-break: keep-all;
}

.ondemand_listview .table tr td:first-child .td-cell-adj {
    padding-left: 15px;
}

.mt-4.drm_page .mat-form-field-flex {
    border: 0px;
    border-bottom: 1px solid #dbdbdb;
}

.catr_link div.mat-tab-label-active .mat-tab-label-content {
    color: #008DFC;
    font-weight: bold;
}

.catr_link div.mat-tab-label-active {
    opacity: 1;
}

.catr_link .mat-ink-bar {
    background-color: #008DFC !important;
}

mat-tab-group.mat-tab-group.settlingtabs.mat-primary mat-tab-header.mat-tab-header {
    border-bottom: 0px;
}

/* .language-tabs a.nav-link.active {
    background: #008DFC;
    color: #fff !important;

} */

.campaign-log .nav-tabs .nav-item.show .nav-link,
.campaign-log .campaign-log .nav-tabs .nav-link.active {
    border: none;
}

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

.campaign-log-cal .asset-lib-creation .rightC input {
    background-image: url(../../assets/media/svg/calendar.svg) !important;
    padding-left: 10px !important;
}


.campaign-log .nav-link {
    padding: 0;
    border: none;
}

.feilddate .mat-date-range-input-end-wrapper {
    text-align: left;
}

.col-sm-12.mt-2.mailtable table th:first-child {
    border-left: 1px solid #dbdbdb;
}


.report_select .mat-form-field-infix>mat-select {
    font-weight: 700;
}


.demand_child.flow_cc.show .dropdown-menu.show {
    position: absolute;
    transform: translate(0px) !important;
    top: 27px !important;
    padding: 10px;
    left: 0px !important;
    min-width: auto !important;
    width: 100%;
}

.demand_child.flow_cc {
    width: auto;
    position: relative;
    display: inline-block;
}

.demand_child.flow_cc .dropdown-item {
    font-size: 13px;
    padding: 7px;
    background-color: var(--main-theme-color);
    margin: 5px 0;
    color: #fff !important;
}

.demand_child.flow_cc .dropdown-item>img {
    filter: brightness(100) !important;
}

.demand_child.flow_cc .dropdown-item:hover {
    background-color: var(--menu-highlight-color) !important;
}

.number span {
    vertical-align: inherit;
}

.email_grid_tb.filterInputs .calendar-ui.col.mb-2.asset-lib-creation {
    max-width: 25%;
}

.col.custom-selectdd.report_select .mat-select-arrow-wrapper.ng-tns-c123-4 {
    background-image: none;
}

.report_select .mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0.1em 0 0em;
}

.report_select span.mat-select-min-line {
    color: #000;
}

.mt-3.depart_tabs input.form-control.col-5 {
    max-width: 30%;
    color: #000;
    font-weight: 700;
}

.mt-3.depart_tabs input::placeholder,
.printtableblk input::placeholder,
.sales_calender_blk input::placeholder,
.calendar-ui.col.mb-2.asset-lib-creation.ng-star-inserted input::placeholder,
.sub_catblks input::placeholder {
    color: #000;
    opacity: 1;
    /* Firefox */
}

.mt-3.depart_tabs input::-ms-input-placeholder,
.printtableblk input::-ms-input-placeholder,
.sales_calender_blk input::-ms-input-placeholder,
.calendar-ui.col.mb-2.asset-lib-creation.ng-star-inserted input::-ms-input-placeholder,
.sub_catblks input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #000;
    font-weight: 700;
}

.printtableblk select,
.printtableblk input {
    color: #000;
    font-weight: 700;
}

.sales_calender_blk .active-project-dp.ver3campaign-dp {
    position: relative;
}

.sales_calender_blk .active-project-dp.ver3campaign-dp .md-drppicker.drops-down-center.ltr.shown.double.show-ranges {
    position: absolute;
    right: 0px !important;
    top: initial !important;
    left: -35% !important;
}

.sales_calender_blk input,
.sales_calender_blk select,
.calendar-ui.col.mb-2.asset-lib-creation input,
.calendar-ui.col.mb-2.asset-lib-creation select {
    font-weight: 700;
    color: #000;
}


.dms-data-table input {
    font-weight: 700;
    color: black;
}

.filterInputs.dms-data-table .col:nth-child(1),
.filterInputs.opt-outlist .col:nth-child(1),
.filterInputs.oem-list .col:nth-child(1),
.third-party-cust.filterInputs .col:nth-child(1),
.crm-list.filterInputs .col:nth-child(1),
.cd-text.filterInputs .col:nth-child(1),
.audience_management.filterInputs .col:nth-child(1) {
    padding-left: 15px;
}

.filterInputs.dms-data-table .col:nth-last-child(1),
.filterInputs.opt-outlist .col:nth-last-child(1),
.filterInputs.oem-list .col:nth-last-child(1),
.third-party-cust.filterInputs .col:nth-last-child(1),
.crm-list.filterInputs .col:nth-last-child(1),
.cd-text.filterInputs .col:nth-last-child(1),
.audience_management.filterInputs .col:nth-last-child(1) {
    padding-right: 15px;
}

.filterInputs.oem-list .col:nth-last-child(1) {
    padding-right: 15px;
}

.filterInputs.dms-data-table .col input[type=text].form-control,
.filterInputs.opt-outlist .col input[type=text].form-control,
.filterInputs.oem-list .col input[type=text].form-control,
.third-party-cust.filterInputs .col input[type=text].form-control,
.crm-list.filterInputs .col input[type=text].form-control,
.cd-text.filterInputs .col input[type=text].form-control {
    background-position: 7px;
    padding-left: 30px;
}

.cd-text.filterInputs .col:nth-child(2) input[type=text].form-control {
    background-image: url('../../assets/media/svg/calendar.svg') !important;
    padding-left: 10px !important;
}

form.enroll_form div#segmentprg {
    padding-bottom: 15px;
}

.sub_catblks input,
.sub_catblks select {
    border: 1px solid #dbdbdb !important;
    color: #000;
    font-weight: 700;
}

div.mail_des input,
div.mail_des select,
div.mail_des .mat-form-field-flex {
    border: 0px;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 0px !important;
}

div.mail_des .higlet-box {
    padding: 20px 20px 20px 30px;
    border: 1px solid #dbdbdb;
    border-radius: 0px;
}

.st-btns.cal_hrsbtn ul.dropdown-menu,
.row.scheduletime_dd ul.dropdown-menu {
    min-width: 62px !important;
    left: initial !important;
    text-align: center;

}

ul.calColorIndicators li span {
    vertical-align: middle !important;
}

.option_divdesc {
    border: 1px solid #dbdbdb;
    padding: 10px;
}

.option_main span.d-inline-block.text-ellipsis {
    text-align: center;
    display: block;
    width: 100%;

    margin: 10px auto;
}

.report-col p.number {
    font-size: 30px !important;
}

div#contentToPdf .custom-selectdd select {
    font-weight: 700;
}

p.title_cen {
    text-align: center;
    margin: 10px 0px;
}

p.text_librrary,
.landing_libr {
    text-align: center;
    width: 100%;
}

.form-group.searc_img input,
.mt-3.depart_tabs input.form-control.col-5,
.printtableblk input,
.smskey_blk .calendar-ui:nth-child(1) input {
    background-image: url(../../assets/svg/search-icon-new.svg);
    background-size: 20px;
    background-position: 7px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.filterInputs.sales-flow.sf-cl .col:nth-child(4) input[type=text].form-control {
    background-image: url(../../assets/media/svg/calendar.svg) !important;
    padding-left: 10px !important;
}


form.edituser-form button.btn.btn-primary,
form.edituser-form a label {
    font-weight: normal;
}

.dropdwn_serblk select {
    font-weight: 600;
    color: #000 !important;
}

.manage_blk.sub_carogiry table td {
    padding-left: 15px !important;
}

.manage_blk.sub_carogiry table th {
    height: 50px;
    line-height: 30px;
    left: 10px;
}

div.mail_des input,
div.mail_des select {
    padding-left: 0px;
}


.col-sm-6.dropdwn_serblk select {
    color: #000;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    padding-right: 30px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.condition-asset.filterInputs .col input[type=text].form-control {
    background-position: 7px;
}


.hamburger_icon {
    /* position: fixed; */
    top: 95px;
    z-index: 111111111;
    visibility: visible;
    position: fixed;
    transform: translate(0px, -35px);
    left: 210px;
    width: auto;
    background-color: #000;
    padding: 5px 10px;
    cursor: pointer;
}

.sbCollapsed .hamburger_icon {
    left: 68px;
}

.social-pages-ui.smskey_form input,
.mt-4.drm_page .mat-form-field-flex,
.drm_page input,
.drm_page select {

    padding-left: 0px !important;
}

.higlet-box.mt-2.usermanagement_blk input,
.higlet-box.mt-2.usermanagement_blk select,
.usermanagement_blk .card-body input,
.usermanagement_blk .card-body select {
    padding-left: 0px !important;
}
 
.higlet-box.mt-2.usermanagement_blk select, 
.usermanagement_blk .card-body select {
    padding-left: 5px !important;
}

.catr_link div.mat-tab-label-active .mat-tab-label-content {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mt-3.users_tabs_management input,
.usernoti_table input {
    background-image: url(../../assets/svg/search-icon-new.svg);
    background-size: 20px;
    background-position: 7px;
    background-repeat: no-repeat;
    padding-left: 30px !important;
}

/* mat-tab-group.mat-tab-group.catr_link.mat-primary div.mat-tab-label:nth-child(1) {
    border-right: 1px solid #dbdbdb;
} */

.sales-flow.sf-cl.filterInputs.flowCampaign input.form-control {
    padding-left: 40px !important;
    background-position: 7px !important;
}

.sales-flow.sf-cl.filterInputs.flowCampaign span.mat-select-value-text {
    display: contents;
}

.mt-3.depart_tabs table td,
.drmtableblk table td {
    padding-left: 5px !important;
}

.align-items-end.d-flex.search_fund .feilddate {

    border: 1px solid #DBDBDB !important;
    height: 36px;
}

.align-items-end.d-flex.search_fund .feilddate input {
    font-weight: 700;
    color: #000 !important;
}

.searchInputFilter input {
    background-image: url(../../assets/svg/search-icon-new.svg);
    background-size: 20px;
    background-position: 7px;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    border: 1px solid #dbdbdb !important;
    font-weight: 700;
    color: #000 !important;
}

.search_fund .searchInputFilter input {
    padding-left: 30px !important;
}

.align-items-end.d-flex.search_fund .search {
    display: none;
}

.searchInputFilter input::placeholder,
.feilddate input::placeholder {
    color: #000 !important;
}

.searchInputFilter input::-webkit-input-placeholder,
.feilddate input::-webkit-input-placeholder {
    color: #000 !important;
}

.align-items-end.d-flex.search_fund .search {
    display: none;
}

div.mat-select-panel-wrap>.mat-select-panel {

    top: 42px;
}

button.btn.btn-primary.creat_plus i,
.dropdown.demand_child button i {
    vertical-align: middle;
    padding-left: 2px;
}

.menu ul.navbar-nav li.dropdown.show ul.dropdown-menu.show li.dropdown .sidebarArrow {
    margin-right: 0px !important;
}

.col.left_nospace {
    padding-left: 0px;
}

.filterInputs .col .mat-select-value {
    width: 95%;
    text-align: left;
}

.national-campaign-filter .filterInputs .col .mat-select-value {
    width: 95% !important;
}

.national-campaign-filter .col .mat-select-value-text {
    max-width: 100% !important;
}

.drmtableblk th:nth-child(1) {
    left: 0px !important;
}

.dropdwn_serblk .mat-form-field {
    border: 1px solid #dbdbdb;
    width: 100%;
    font-weight: 700 !important;
    color: #000 !important;
    font-size: 14px !important;
}

.dropdwn_serblk span.mat-select-min-line {
    color: #000 !important;
    -webkit-text-fill-color: #000;
}

.dropdwn_serblk .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0px 4px 5px;
    font-size: 14px;
}

.dropdwn_serblk .mat-select-panel.mat-primary {
    left: 10px !important;
}

span.mat-option-text span.ml-3 {
    margin-left: 0px !important;
}

span.mat-option-text {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: 14px;
}

div.mat-select-panel-wrap>.mat-select-panel {
    min-width: calc(100% + 28px) !important;
    /* left: 10px !important; */
}

span.mat-option-text i.fa.fa-trash {
    color: #f3534b;
}

/* span.pl-2.mat-options-list.labl-none {
    pointer-events: none;
} */

.drm_page .mat-form-field-flex {
    border: 0px !important;
    border-bottom: 1px solid #dbdbdb !important;
    padding-left: 0px !important;
}

.drm_page .mat-form-field-flex .mat-form-field-infix {
    position: relative;
    /* left: -11px; */
}

.option_divtext strong {
    color: #000;
    font-weight: normal;
}

.option_divtext {
    margin-bottom: 0px;
    padding-top: 5px;
}

.templates_block span strong {
    padding-right: 3px;
}

.templates_block span {
    font-size: 80%;
}

.templates_block {
    display: flex;
    justify-content: space-between;
}

.depart_tabs input {
    background-image: url(../../assets/svg/search-icon-new.svg);
    background-size: 20px;
    background-position: 2%;
    background-repeat: no-repeat;
    padding-left: 40px;
    width: 300px;
}

.departmnt_page .card-body input {
    border: 0px;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 0px;
}

.drmtableblk th .resize-holder {
    width: 13px !important;
}

.depart_tabs table th:nth-child(1) {
    left: -1px;
}

.depart_tabs table th {
    position: relative;
    left: -5px;
}

.email_page .higlet-box label {
    padding-top: 0px;
}

.container-fluid.email_page .mat-program .mat-form-field {
    margin-top: 0px !important;
}

/* .cdk-overlay-pane{
	 transform: translate(-22px, -13px) !important;
} */

.col.custom-selectdd.report_select .mat-select-arrow-wrapper {
    background-image: none;
}

div.mat-select-panel-wrap>.mat-select-panel {
    left: 25px !important;
}

/* 
div#mat-select-2-panel, div#mat-select-0-panel, div#mat-select-78-panel, div#mat-select-80-panel, div#mat-select-82-panel, div#mat-select-86-panel {
    min-width: calc(86% + 82px) !important;
} */

.scat_blk span.mat-select-min-line {
    color: #000 !important;
}

/* .mat-select-panel-wrap div.mat-select-panel {
    position: absolute;
    left: 0 !important;
} */

.content-analytics .notationnumber {
    vertical-align: text-bottom;
    cursor: pointer;
}

span.countlist {
    color: #777;
    font-size: 15px;
}

.content-analytics .notationnumber:hover {
    text-decoration: none !important;
}

.paddlefrtemove label.removeFW input {
    position: relative;
    top: 2px;
}

.campaigns_newui .dropzone .dz-default input {
    text-align: center;
    border: 1px solid #dbdbdb;
    /* padding: 5px 5px 7px 10px; */
    height: 40px;
}

.flow-customize.brt-line .col-sm-8.pt-3.pb-1 {
    padding-left: 0px;
    padding-right: 10px;
}

.flow-customize .col-sm-12.pt-3.pb-1 {
    padding: 0px;
}

.tableView .row .col-sm-3.custom-selectdd,
.tableView .calendar-ui.col:first-child {
    margin-left: 15px;
}

.tableView .row .col-sm-3.custom-selectdd {
    display: none;
}

.tableView .row .calendar-ui.col:last-child {
    margin-right: 15px;
    padding-right: 0;
}

.tox.tox-tinymce {
    height: 280px !important;
}

.co-op-dd div.mat-select-panel-wrap>.mat-select-panel {
    left: 0 !important;
}

.select-panel-up.mat-select-panel {
    transform-origin: bottom center !important;
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 10px;
    /* Adjust the margin as needed */
}

.dropdwn_serblk.col .mat-select-value {
    width: 92% !important;
}


.dropdwn_serblk.col .mat-select-value-text {
    max-width: 100% !important;
}

.content-analytics label.active a {
    color: var(--main-theme-color) !important;
}

.matselect_dropdown {
    margin-top: 28px !important;
    top: unset !important;
}

.col .matselect_fw .mat-select-value-text{
    width: 90% !important;
  }

.mat_menu .mat-menu-content {
    background-color: #000;
    color: #fff;
    margin-top: 0px;
    padding-top: 5px !important;
    border: 1px solid #848484;
    border-radius: 0;
    position: absolute;
    width: 190px;
}
.mat-menu-content{
    padding-right: 7px;
}

.division_ddicon li {
    border: 1px solid #848484;
    padding: 5px 10px !important;
}

.division-list-dd {
    width: 190px;
    display: flex;
    justify-content: space-between;
}

.matselect_dropdown_sis {
    margin-top: 25px !important;
    top: unset !important;
}

.matselect_dropdown_category {
    margin-top: 28px !important;
    top: unset !important; 
    position: absolute;
}

div.mat-select-panel-wrap>.mat-select-panel.matselect_dropdown_sis {
    left: 35px !important;
    min-width: calc(100% + 11px) !important;
}

.matselect_dropdown_disclaimer {
    margin-top: 28px !important;
    top: unset !important;
    margin-left: -22px;
}

.matselect_dropdown_disclaimer div.mat-select-panel-wrap>.mat-select-panel {
    left: 3px !important;
}

.seg_search .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-top: 0;
}

.division-list-dd img.divisionIcon {
    width: 145px !important;
}

.radio_buttons input[type=radio] {
    position: absolute;
    opacity: 0;
}


/* .radio_buttons .btn-check:checked+.btn{
	background: none !important;
    border: none !important;
    border-bottom: 2px solid var(--menu-highlight-color) !important;
    color: #333 !important;
} */


.tox .tox-form__group {
    box-sizing: border-box;
    margin-bottom: 12px !important;
}

.tox .tox-listboxfield,
.tox .tox-selectfield select,
.tox .tox-listbox--select,
.tox .tox-textarea,
.tox .tox-textarea-wrap,
.tox-textarea:focus,
.tox .tox-textfield,
.tox .tox-toolbar-textfield {
    border-radius: 0 !important;
    font-size: 14px !important;
}

.tox .tox-selectfield select:focus {
    box-shadow: none !important;
}

.tox .tox-custom-editor:focus-within,
.tox .tox-listboxfield .tox-listbox--select:focus,
.tox .tox-textarea-wrap:focus-within,
.tox .tox-textarea:focus,
.tox .tox-textfield:focus {
    box-shadow: none !important;
}

.tox .tox-dialog {
    padding: 10px;
}

.tox:not([dir=rtl]) .tox-checkbox__label {
    margin-left: 0px !important;
}

.tox .tox-checkbox {
    margin-bottom: 10px !important;
}

.radio_buttons .btn-check:checked+.btn {
    background: none !important;
    border: none !important;
    border-bottom: 2px solid var(--menu-highlight-color) !important;
    color: #333 !important;
}

.radio_buttons input[type=radio]:checked~label {
    border: none !important;
    /* margin-bottom: 0; */
}

.radio_buttons .btn-outline-primary:hover {
    background-color: var(--menu-highlight-color);
}

.radio_buttons .btn-outline-primary {
    font-size: 14px !important;
    font-weight: 600;
    border: none;
    margin-bottom: 0;
}

app-coupon-form td.percentagesymbol {
    margin-top: 10px !important;
    padding-top: 10px;
}

app-coupon-form .coupon_themetab {
    overflow-x: auto !important;
     overflow-y: auto !important; 
    
}

.tab-pane.filterInputs .col:nth-child(1) {
    padding-left: 15px;
}


.seg_search {
    height: 36px;
}

.seg_search .mat-form-field-label-wrapper {
    display: none;
}

.segmentloop .segmentcountloop:first-child {
    height: 44px;
}

.seg_search .mat-form-field-hide-placeholder .mat-select-placeholder {
    color: #495057 !important;
    -webkit-text-fill-color: #495057 !important;
    /* padding-left: 7px; */
}

.table-singledate .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding: 0;
}

.table-singledate .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0;
}

.table-singledate .feilddate {
    border-radius: 0 !important;
}

.builder-daterange .mat-date-range-input-start-wrapper .mat-date-range-input-inner {
    font-size: 13px;
    color: #495057;
}

.builder-daterange input.mat-date-range-input-inner.mat-end-date {
    font-size: 13px;
    color: #495057;
}

.builder_inputs .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding: 0;
}

.builder-daterange .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0;
}

.builder-daterange .mat-form-field {
    width: 100%;
    line-height: normal;
    top: -2px;
}

.name-exp span strong {
    font-weight: normal;
}

.program_divsel .mat-select-value {
    width: 100%;
}

@media (max-width: 1366px) {
    .disclaimers .active-project-dp input.form-control.calendar-input {
        font-size: 13px;
    }

    .filterInputs .col input.mat-date-range-input-inner {
        font-size: 13px;
    }

    .filterInputs .col .textsearch input[type=text].form-control {
        font-size: 13px;
    }

    .expire_blk strong,
    .name-exp strong,
    .option_divtext strong {
        font-weight: normal;
        color: #6c757d !important;
    }
}

.third-party-grid-rows.filterInputs .col .mat-select-value {
    width: 100% !important;
}

.edituser-form .col .mat-select-value-text {
    max-width: 220px !important;
}

@media (min-width: 1367px) {
    .filterInputs.third-party-grid-rows .col .mat-select-value-text {
        max-width: 250px !important;
        display: block;
    }

    .edituser-form .col .mat-select-value-text {
        max-width: 250px !important;
    }
}

@media (min-width: 1600px) {
    .filterInputs.third-party-grid-rows .col .mat-select-value-text {
        max-width: 300px !important;
        display: block;
    }

    .filterInputs .col .mat-select-value-text {
        max-width: 300px !important;
        display: block;
    }
    .edituser-form .col .mat-select-value-text {
        max-width: 300px !important;
    }
}

@media (min-width: 1920px) {
    .filterInputs.third-party-grid-rows .col .mat-select-value-text {
        max-width: 340px !important;
        display: block;
    }

    .filterInputs .col .mat-select-value-text {
        max-width: 340px !important;
        display: block;
    }
    .edituser-form .col .mat-select-value-text {
        max-width: 340px !important;
    }
    .top-heading { 
        font-size: 30px;
    }

}


.mat-datepicker-popup .mat-datepicker-actions {
    justify-content: space-between !important;
}

.mat-datepicker-popup .mat-datepicker-actions button {
    color: #007bff;
    border: none !important;
    background: none;
    font-family: var(--theme-regular-font) !important;
}

.mat-datepicker-popup .mat-calendar-body-cell-content {
    font-family: var(--theme-regular-font) !important;
}

.fc-theme-standard .fc-popover {
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
}

.ok-btn{
    padding-right: 110px;
  }

  input.display-conditons{
    padding-right: 25px;
  }

  span.mat-placeholder-required.mat-form-field-required-marker{
    display: none;
  }

  app-coupon-theme-creation .coupon_themetab {
    overflow-y: auto !important;
}
.calendar-favicons span.mat-option-text {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    font-size: 14px;
    align-items: center;
}

span.mat-option-text img{
    height: 24px;
    /*background-color: #d6d6d6;*/
    padding: 3px;
   /* border-radius: 30px;*/
    margin-right: 5px;
  }

.coupon_themetab::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
  /*coupon disclaimer*/
  /* .card.coupon_themeright p.disclaimer + p {
    display: none;
}

.card.coupon_themeright p.disclaimer li{
    list-style: inherit;
} */

/*email css*/
.mailtable .usertable tbody td span {
    max-width: none !important;
  }

  .opt-outlist input::placeholder {
    font-weight: bold;
}
.opt-outlist input::placeholder {
    font-weight: 800;
}


.offer_typestext table .pretext  span, .disclaimers  table .pretext  span
{
    word-break: break-word;
    width: 320px;
  }

  .flowCampaign pre {
    word-break: keep-all;
    overflow: visible;
    text-overflow: initial !important;
    
    white-space: normal;
  }

  /*My account  Css changes*/
  .hours_blk2 .custom-selectdd:after {
    right: 0px !important;
  }
  .hours_blk2 select.form-control, .hours_blk2 .vl-lot-status .col-sm-4 select.form-control, .salestableformat .vl-lot-status .col-sm-4 select{
    padding: 0px 15px 0px 10px !important;
  }
  .hours_blk2 .vl-lot-status .col-sm-4:after, .salestableformat .vl-lot-status .col-sm-4:after{
    right: 0px !important;
    width: 12px;
  }
 .hours_blk2 .vl-lot-status .form-group {
    max-width: 15%;
}
.hours_blk2 td.vl-lot-status .row {
    display: flex;
    justify-content: center;
  }
 .hours_blk2 .form-group.col-sm-3{
    max-width: 15%;
  }
  td.vl-lot-status .col-sm-4, .salestableformat .vl-lot-status .col-sm-4 {
    max-width: 15%;
    padding: 0px;
    margin-left: 15px;
    text-align: center;
  }
  .salestableformat th {
    text-align: center;
    font-weight: bold !important;
}

app-flow-programs-form .form-control.is-invalid{
    background-image: none !important;
  }

  .smskey_blk input.calendar-input {
    padding-left: 15px;
}
.smskey_form textarea, .datas_page textarea, .usermanagement_blk textarea {
    padding-left: 0px;
}
.scat_blk .form-group.searc_img input, app-manage-categories .form-group.searc_img input {
    border: 1px solid #ced4da !important;
}
.departmnt_page input, .printtableblk input{
    padding-left: 30px !important;
}
.content_tabs button.nav-link.active, .content_tabs button.nav-link.active:hover {
    color: var(--main-theme-color) !important;
    border-bottom: 3px solid var(--main-theme-color) !important;
    border: none;
}
.content_tabs button.nav-link {
    background: transparent;
    border-bottom: 3px solid #fff !important;
    border: none;
}
.content_tabs button.nav-link:hover {
  
    border-bottom: 3px solid #fff !important;
    border: none;
}
.content_tabs{
    border-bottom: 0px;
}
.display_condition_campaigns {
    top: 0px !important;
    overflow-x: hidden !important;
}   

.display_condition_campaigns  input{
    padding-left: 10px;
}

app-flow-auto-journey {
  
    position: relative;
}
.btn.btn-default.clear svg {
    display: none;
}
.users_tabs_management.user_managetab select {
    padding-left: 15px !important;
}
.usernoti_table .custom-selectdd * {
    padding-left: 5px !important;
}

.coupon_accordion p.disclaimer *, .flatPriceHeadLine, .flatPriceBody, .noOfferHeadLine, .noOfferBody, .complimentaryOfferValue, .complimentaryHeadLine, .dollarHeadLine, .dollarBody, .percentageHeadLine, .percentageBody {
    word-break: break-word;
}

.couponFlatPrice, .couponNoOffer, .couponComplimentary, .couponDollarOff, .couponPercentageOff, .flatPriceHeadLine, .flatPriceBody, .noOfferHeadLine, .noOfferBody, .complimentaryOfferValue, .complimentaryHeadLine, .dollarHeadLine, .dollarBody, .percentageHeadLine, .percentageBody {
    color: #fff !important;
}
.ng-dropdown-panel-items {
    background: white;
    border: 1px solid #ccc;
    padding: 5px 5px;
    box-shadow: 0px 0px 8px #ccc;
  }
  .ng-dropdown-panel-items .ng-option:hover {
    background-color: #008dfc;  
    color: #fff;      
  }

  .disclaimer_sales *, .sales_body .u-row, .sales_body .u-row .u-col-100 {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .addTagColor{
    color: #4c4c4c;
  }

/*Coupon css*/
.couponDollarOff .for_border {
    width: 70% !important;
}
.sales_disclaimer p {
    font-size: inherit;
}

.personalizes_adsblk .disabled .mat-form-field-appearance-fill .mat-form-field-flex {
    pointer-events: none;
    opacity: 1;
    background-color: #e9ecef;
}

.sales_form .card, .sales_form  {
  height: 100%;
  width: 100%;
  display: block;
  opacity: 1;
  visibility: visible;
}
.sales_form .card-header{
  display: block !important;
}
.sales_formlist{
    height: 100%;
    display: block;
}

.sales_formlist, .profile_detalstab{
    height: 100vh;
  }

  .coupon_themetab {
    overflow-y: auto !important;
    max-height: 100% !important;
}

/*coop Select*/
.coop_select, .coop_select1 {
    margin-left: -20px;
}

/* Display conditions - Pre built Campaign - CSS */
.disablestepheight .modal-body.modal-bodyadjfull,
.disablestepheight .cardpreview.cardpreview-adj {
    height: 85vh !important;
}

.disablestepheight .modal-body.modal-bodyadjfull {
    overflow-y: hidden !important;
}

.disablestepheight .modal-bodyadjfull {
    margin-top: 15px;
}
.display_condition_campaigns input {
    padding-left: 10px !important;
}
.print_templlist span.mat-select-value-text, .print_templlist span.mat-select-placeholder {
    padding-left: 10px;
}

.dealership_offer {
    background-color: #fff !important;
}

div.mat-select-panel-wrap>.matselect_segment {
    min-width: calc(100% + 15px) !important;
    margin-left: 10px;
}

.mat-primary.mat-select-panel.ms_language_dropdown {
    left: 4px !important;
    top: 28px;
    min-width: calc(100% + 25px) !important;
    border-radius: 0 !important;
}

.highlatedbox .disabled .mat-form-field-flex {
    background: #e9ecef !important;
}

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

.calendar-subscribe {
    margin-left: -10px;
    min-width: calc(100% + 15px) !important;
}

.calendar-recipient {
    margin-left: 12px;
    min-width: calc(100% + 15px) !important;
}

div.mat-select-panel-wrap>.mat-select-panel.calendar-divisonnames {
    left: 2px !important;
}
   
  .mat-primary.mat-select-panel.matselect_dropdown_conq {
    top: 30px !important;
    left: 35px !important;
    min-width: calc(100% + 20px) !important;
}

.filterInputs.opt-outlist .col:nth-child(3) {
    padding-right: 15px !important;
  }
.matselect_segment .mat-select-search-input{
    padding: 7px !important;
}

.mat-select-panel.mat-primary.mat-select-panel.msd_searchDropdownCoop {
    left: 0px !important;
    top: 24px;
    min-width: calc(100% + 21px) !important;
   
}

.searchDropdownCoop .mat-form-field{
    width: 100%;
    border: 1px solid var(--campaigns-border-color);
}

.searchDropdownCoop .mat-form-field-label span {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.searchDropdownCoop .mat-form-field-label{
top: 1.75em; 
}

.matselect_audience, .matselect_category, .matselect_subcategory {
    margin-left: -15px;
  }

.mat-menu-panel.previewDefBEdt {
    padding: 10px;
    position: absolute;
    top: 18px;
    width: 320px;
}

.matselect_filter{
    margin-left: -20px;
}


.mat-select-panel.mat-select-panel.msd_slctPrfrnce {
    left: 5px !important;
   
}

.tag-text {
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.tag-items_block .tag-text {
    padding-left: 5px;
}

.fs14 {
    font-size: 14px;
}