static/css/dashboard.css

/*$primary  : #7356f1 !default;*/
:root {
  --primary: #40189D;
  --secondary: #8BC740;
  --primary-hover: #2e1171;
  --primary-dark: #0a0418;
  --rgba-primary-1: rgba(64, 24, 157, 0.1);
  --rgba-primary-2: rgba(64, 24, 157, 0.2);
  --rgba-primary-3: rgba(64, 24, 157, 0.3);
  --rgba-primary-4: rgba(64, 24, 157, 0.4);
  --rgba-primary-5: rgba(64, 24, 157, 0.5);
  --rgba-primary-6: rgba(64, 24, 157, 0.6);
  --rgba-primary-7: rgba(64, 24, 157, 0.7);
  --rgba-primary-8: rgba(64, 24, 157, 0.8);
  --rgba-primary-9: rgba(64, 24, 157, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif; }

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
.event-chart {
  margin: -10px 0px; }

.default-select.style-1 {
  border: 0;
  font-size: 12px;
  padding: 5px; }
  .default-select.style-1 option {
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(32, 28, 69, 0.1); }

.event-table {
  border-radius: 1.25rem; }
  .event-table thead th {
    color: #000;
    font-size: 18px;
    white-space: nowrap;
    font-weight: 600;
    padding: 20px 10px; }
  .event-table tbody td {
    font-size: 14px;
    padding: 20px 10px; }
  @media only screen and (max-width: 1400px) {
    .event-table thead th {
      color: #000;
      font-size: 15px;
      white-space: nowrap;
      font-weight: 600; }
    .event-table tbody td {
      padding: 12px 15px; } }

.dropdown-no-icon .dropdown-toggle:after {
  content: none; }

.detault-daterange .dashboard-select.mat-form-field-appearance-fill .mat-form-field-flex {
  padding: 0em 1em 0 1em; }
.detault-daterange .mat-form-field-prefix, .detault-daterange .mat-form-field-suffix {
  top: 5px; }

.dashboard-select {
  font-size: 16px; }
  .dashboard-select .mat-form-field-wrapper,
  .dashboard-select .mat-form-field-appearance-fill .mat-form-field-flex {
    padding: 0;
    background: transparent; }
  .dashboard-select .mat-form-field-underline {
    display: none; }
  .dashboard-select .mat-form-field-infix {
    border: 0; }
  .dashboard-select.mat-form-field-appearance-fill .mat-select-arrow-wrapper {
    transform: translateY(-10%); }
  .dashboard-select.mat-form-field-appearance-fill .mat-form-field-flex {
    padding: 1em 1em 0 1em;
    background-color: #fff; }
  .dashboard-select.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 1em 0; }
  .dashboard-select .mat-select-arrow, .dashboard-select .mat-select-value {
    color: #40189D; }
  .dashboard-select.style-1 {
    font-size: 16px;
    border: 1px solid #f0f1f5;
    border-radius: 3rem; }
    .dashboard-select.style-1.mat-form-field-appearance-fill .mat-form-field-infix {
      padding: 6px 0 18px 0; }
    .dashboard-select.style-1 .mat-form-field-infix {
      padding: 15px 15px;
      width: auto; }
    .dashboard-select.style-1 .mat-select-value {
      max-width: unset;
      padding-right: 6px; }
    .dashboard-select.style-1 .mat-select-arrow, .dashboard-select.style-1 .mat-select-value {
      color: #000; }
    .dashboard-select.style-1.mat-form-field-appearance-fill .mat-form-field-flex {
      border-radius: 3rem;
      background-color: #fff;
      padding: 12px 20px 0; }
    @media only screen and (max-width: 1400px) {
      .dashboard-select.style-1 {
        font-size: 0.813rem; }
        .dashboard-select.style-1.mat-form-field-appearance-fill .mat-form-field-infix {
          padding: 6px 0 12px 0; }
        .dashboard-select.style-1 .mat-form-field-infix {
          padding: 11px 15px;
          width: auto; }
        .dashboard-select.style-1.mat-form-field-appearance-fill .mat-form-field-flex {
          padding: 8px 15px 0; } }

.compose-content .dropzone {
  display: flex;
  align-items: center;
  justify-content: center; }

.latest-salebx {
  height: 630px; }
  @media only screen and (max-width: 1199px) {
    .latest-salebx {
      height: 350px; } }

.about-company {
  border-top: 1px solid #EEEEEE; }
  @media only screen and (max-width: 1199px) {
    .about-company {
      border-top: 0;
      border-left: 1px solid #EEEEEE; } }
  @media only screen and (max-width: 767px) {
    .about-company {
      border-left: 0;
      border-top: 1px solid #EEEEEE; } }

.post-input .btn-social {
  margin-right: 4px; }

.rating-widget .ng-star-inserted {
  color: #40189D;
  font-size: 30px; }

.default-accordion {
  box-shadow: none;
  margin-bottom: 1.25rem;
  height: unset;
  border-radius: 5px; }
  .default-accordion .card-header {
    padding: 0;
    border: 0; }
    .default-accordion .card-header button {
      border-radius: 5px;
      background: #40189D;
      color: #fff;
      display: block;
      border: 0;
      width: 100%;
      text-align: left;
      padding-right: 40px; }
      .default-accordion .card-header button.collapsed {
        background: rgba(64, 24, 157, 0.15);
        color: #000; }
        .default-accordion .card-header button.collapsed:after {
          content: "\e61a"; }
      .default-accordion .card-header button:focus {
        box-shadow: none; }
      .default-accordion .card-header button:after {
        position: absolute;
        font-family: 'themify';
        top: 50%;
        content: "\e622";
        transform: translateY(-50%);
        right: 20px; }

.custom-header-accordion {
  border: 1px solid #EEEEEE;
  box-shadow: none;
  margin-bottom: 0;
  height: unset; }
  .custom-header-accordion .card-header button:focus {
    box-shadow: none; }

.prevent-accordion {
  box-shadow: none;
  margin-bottom: 1.25rem;
  height: unset;
  border-radius: 5px; }
  .prevent-accordion .card-header {
    padding: 0;
    border: 0; }
    .prevent-accordion .card-header button {
      background: #40189D;
      border-radius: 5px;
      color: #fff;
      display: block;
      border: 0;
      width: 100%;
      text-align: left;
      padding-right: 40px; }
      .prevent-accordion .card-header button.collapsed {
        background: rgba(64, 24, 157, 0.15);
        color: #000; }
        .prevent-accordion .card-header button.collapsed:after {
          content: "\e61a"; }
      .prevent-accordion .card-header button:focus {
        box-shadow: none; }
      .prevent-accordion .card-header button:after {
        position: absolute;
        font-family: 'themify';
        top: 50%;
        content: "\e622";
        transform: translateY(-50%);
        right: 20px; }

.default-nestable {
  /* .nestable-row{
  	display:flex;
  }
  .ngx-nestable{
  	width:50%;
  }*/ }
  .default-nestable .dd-dragel .ngx-nestable-hidden,
  .default-nestable .dd-dragel button {
    visibility: hidden; }
  .default-nestable .dd-list .dd-item .nestable-item-container {
    background: #e6defa;
    color: #000;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 32px;
    font-size: 16px;
    font-family: Roboto,sans-serif;
    cursor: pointer;
    outline: 0;
    border-radius: 5px;
    margin-bottom: 3px;
    padding: 10px 10px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
    .default-nestable .dd-list .dd-item .nestable-item-container:hover {
      background: #40189D;
      color: #fff; }
      .default-nestable .dd-list .dd-item .nestable-item-container:hover button {
        color: #fff; }
    .default-nestable .dd-list .dd-item .nestable-item-container button {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      outline: 0;
      border: 0;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      margin-right: 10px;
      background: transparent;
      color: #000;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased; }
    @media only screen and (max-width: 575px) {
      .default-nestable .dd-list .dd-item .nestable-item-container {
        padding: 0; } }
  .default-nestable .result-bx textarea {
    height: 100%;
    width: 100%; }
  @media only screen and (max-width: 991px) {
    .default-nestable .result-bx {
      margin-top: 30px; }
      .default-nestable .result-bx textarea {
        height: 600px;
        width: 100%; } }

.alert-dismissible .close {
  height: 100%;
  font-size: 30px; }
  .alert-dismissible .close span {
    font-weight: 400; }

.calendar-responsive {
  overflow: auto;
  display: block; }

.default-calendar ngb-datepicker {
  border: 0;
  background: #f3f3f3; }
.default-calendar .form-group .input-group .form-control {
  color: #000; }
.default-calendar .form-group .input-group .input-group-append button {
  background-image: none !important;
  padding: 0px;
  border-color: #40189D;
  background: #40189D;
  width: 45px;
  text-align: center; }
  .default-calendar .form-group .input-group .input-group-append button:after {
    color: #fff;
    content: "\f133";
    font-family: 'Line Awesome Free';
    padding: 0;
    font-size: 26px; }
  .default-calendar .form-group .input-group .input-group-append button:hover {
    background: #40189D; }
    .default-calendar .form-group .input-group .input-group-append button:hover:after {
      color: #fff; }
  .default-calendar .form-group .input-group .input-group-append button:focus {
    box-shadow: none; }
.default-calendar .weekend {
  background-color: #40189D; }
.default-calendar .ngb-dp-header {
  background: #40189D;
  padding: 8px 5px; }
  .default-calendar .ngb-dp-header .ngb-dp-navigation-chevron {
    border-color: #fff; }
  .default-calendar .ngb-dp-header .custom-select {
    color: #fff;
    background: #40189D;
    border-radius: 5px;
    margin: 0 5px;
    padding: 0 20px; }
.default-calendar .ngb-dp-weekdays {
  border: 1px solid rgba(64, 24, 157, 0.25);
  background: #fff; }
  .default-calendar .ngb-dp-weekdays .ngb-dp-weekday {
    color: #40189D;
    font-weight: 600;
    font-size: 15px;
    font-style: unset; }
.default-calendar .ngb-dp-day, .default-calendar .ngb-dp-week-number, .default-calendar .ngb-dp-weekday {
  max-height: 40px;
  max-width: 40px;
  height: 40px;
  width: 35px;
  line-height: 40px; }
.default-calendar [ngbDatepickerDayView] {
  max-height: 40px;
  max-width: 40px;
  width: 35px;
  height: 40px;
  line-height: 40px; }
  .default-calendar [ngbDatepickerDayView]:active {
    background-color: #40189D !important;
    color: white !important; }
.default-calendar .ngb-dp-navigation-select {
  flex: unset; }
.default-calendar .custom-day {
  height: 40px !important;
  line-height: 40px;
  padding: 0px !important;
  width: 100% !important; }
.default-calendar .custom-day.range, .default-calendar .custom-day:hover {
  height: 40px;
  background-color: #40189D !important; }
.default-calendar .ngb-dp-month-name {
  padding: 8px 0px;
  height: auto; }

.dashboard-full-calendar.fc .fc-button-primary {
  background-color: #40189D;
  color: #fff;
  border: 0; }
  .dashboard-full-calendar.fc .fc-button-primary:hover, .dashboard-full-calendar.fc .fc-button-primary.fc-button-active, .dashboard-full-calendar.fc .fc-button-primary:active {
    background-color: #1c0a45 !important; }
  .dashboard-full-calendar.fc .fc-button-primary:focus {
    box-shadow: none !important; }
.dashboard-full-calendar.fc-theme-standard td, .dashboard-full-calendar.fc-theme-standard th, .dashboard-full-calendar.fc-theme-standard .fc-scrollgrid, .dashboard-full-calendar.fc-theme-standard .fc-list {
  border-color: #ECF0F3; }
.dashboard-full-calendar .fc-daygrid-day.fc-day-today {
  background-color: #e6defa !important; }
.dashboard-full-calendar .fc-daygrid-dot-event {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.dashboard-full-calendar.fc-theme-standard th {
  padding: 0.75rem 0.5rem;
  font-size: 1rem;
  font-weight: 500; }
  .dashboard-full-calendar.fc-theme-standard th a {
    color: #B5B5C3; }
.dashboard-full-calendar .fc-h-event, .dashboard-full-calendar .fc-v-event {
  background-color: #40189D;
  border-color: #40189D; }
.dashboard-full-calendar .fc-daygrid-event-dot, .dashboard-full-calendar .fc-list-event-dot {
  border-color: #40189D !important; }
@media only screen and (max-width: 767px) {
  .dashboard-full-calendar.fc .fc-toolbar {
    display: block;
    text-align: center; }
    .dashboard-full-calendar.fc .fc-toolbar .fc-toolbar-title {
      margin: 10px; } }

.calendar-list {
  margin-bottom: 10px; }
  .calendar-list .list-group-item {
    background: #f4f6fa;
    color: #40189D;
    border: 0;
    margin-bottom: 5px;
    border-radius: 6px;
    position: relative;
    border-left: 4px solid #40189D; }

.calendar-checkbox {
  border-radius: 6px;
  background: #e6defa;
  padding: 10px 15px;
  margin-bottom: 5px;
  color: #000; }
  .calendar-checkbox label {
    margin-bottom: 0; }
  .calendar-checkbox input[type=checkbox], .calendar-checkbox input[type=radio] {
    margin-right: 6px; }

.calendar-description h2 {
  margin-top: 30px;
  font-size: 25px;
  font-weight: 600;
  color: #000; }
.calendar-description ul li {
  font-size: 15px;
  color: #000; }

.default-carousel .carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  bottom: 45px;
  padding: 15px 15px; }
  .default-carousel .carousel-caption h3 {
    color: #fff; }
  @media only screen and (max-width: 575px) {
    .default-carousel .carousel-caption {
      width: 90%;
      left: 50%;
      transform: translatex(-50%); } }
.default-carousel .carousel-indicators li {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  height: 13px;
  width: 13px;
  border: 0;
  border-radius: 13px;
  background: #40189D; }
  .default-carousel .carousel-indicators li.active {
    width: 30px; }
@media only screen and (max-width: 575px) {
  .default-carousel .carousel-item img {
    height: 280px; } }

.default-rating span {
  font-size: 35px; }

.pagination-responsive {
  overflow: auto; }

.pagination .page-item .page-link span {
  color: #B1B1B1; }

.pagination .page-item .page-link:hover span {
  color: #fff; }

.progress {
  height: 16px; }

.form-select.mat-form-field {
  display: block; }
.form-select .mat-form-field-infix {
  border-top: 0; }
.form-select .mat-form-field-underline {
  display: none; }
.form-select.mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: 1.25rem;
  padding: 15px 15px 8px;
  background: transparent;
  border: 1px solid #EEEEEE; }
.form-select.mat-form-field-appearance-fill .mat-select-arrow-wrapper {
  transform: translateY(0%); }

/** Material Scsss  start**/
/* auto compelete */
.default-autocomplete {
  /* .mat-autocomplete-trigger{
  	margin: 1px;
  	border:1px solid $border-color;
  	border-radius:5px;
  	width:100%;
  	padding: 15px 20px;
  } */
  /* .mat-form-field-appearance-legacy .mat-form-field-infix{
  	padding:0;
  	.mat-input-element{
  		margin: 1px;
  		border:1px solid $border-color;
  		border-radius:5px;
  		padding: 15px 20px;
  	}
  } */
  /* .mat-form-field-appearance-legacy .mat-form-field-label{
  	color:rgba($black,0.5);
  	left: 15px;
  	top: 30px;
  } */ }
  .default-autocomplete .mat-form-field {
    width: 100%; }
  .default-autocomplete .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,
  .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .default-autocomplete .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(-2rem) scale(0.85) perspective(100px) translateZ(0.001px);
    -ms-transform: translateY(-2rem) scale(0.85); */
    color: #40189D; }
  .default-autocomplete .mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #40189D; }

/* badge  */
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-badge-content {
  background-color: #40189D; }

.mat-badge-accent .mat-badge-content {
  background: #8BC740;
  color: #fff; }

/* Bottom Sheet  */
.mat-bottom-sheet-container {
  max-height: 80vh;
  overflow: auto; }
  .mat-bottom-sheet-container ul li a {
    padding: 15px 15px;
    display: block; }
    .mat-bottom-sheet-container ul li a:hover, .mat-bottom-sheet-container ul li a:focus {
      background: rgba(0, 0, 0, 0.04); }
    .mat-bottom-sheet-container ul li a span {
      color: #000;
      display: block;
      font-size: 16px; }
      .mat-bottom-sheet-container ul li a span:last-child {
        font-size: 14px; }

/* button  */
.default-mt-btn .mat-button.mat-primary,
.default-mt-btn .mat-icon-button.mat-primary,
.default-mt-btn .mat-stroked-button.mat-primary {
  color: #40189D; }
.default-mt-btn .example-label {
  font-size: 1rem !important;
  color: #000; }
.default-mt-btn .example-button-row {
  width: auto !important; }
  .default-mt-btn .example-button-row .mat-button-base {
    margin: 15px 15px 15px 0 !important; }
.default-mt-btn .mat-flat-button.mat-accent,
.default-mt-btn .mat-raised-button.mat-accent,
.default-mt-btn .mat-fab.mat-accent,
.default-mt-btn .mat-mini-fab.mat-accent {
  background-color: #8BC740; }
.default-mt-btn .mat-flat-button.mat-accent,
.default-mt-btn .mat-raised-button.mat-accent,
.default-mt-btn .mat-fab.mat-accent,
.default-mt-btn .mat-mini-fab.mat-accent {
  color: #fff; }
.default-mt-btn .mat-button.mat-accent,
.default-mt-btn .mat-icon-button.mat-accent,
.default-mt-btn .mat-stroked-button.mat-accent {
  color: #8BC740; }
.default-mt-btn .mat-button.mat-accent .mat-button-focus-overlay,
.default-mt-btn .mat-icon-button.mat-accent .mat-button-focus-overlay,
.default-mt-btn .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #8BC740; }
.default-mt-btn .mat-button,
.default-mt-btn .mat-raised-button,
.default-mt-btn .mat-stroked-button,
.default-mt-btn .mat-flat-button {
  padding: 0 25px;
  line-height: 55px;
  border-radius: 1.25rem;
  font-size: 1rem; }
@media only screen and (max-width: 1400px) {
  .default-mt-btn .example-button-row {
    width: auto !important; }
    .default-mt-btn .example-button-row .mat-button-base {
      margin: 10px 10px 10px 0 !important; }
  .default-mt-btn .mat-button,
  .default-mt-btn .mat-raised-button,
  .default-mt-btn .mat-stroked-button,
  .default-mt-btn .mat-flat-button {
    padding: 0 15px;
    line-height: 40px;
    font-size: 14px; } }
@media only screen and (max-width: 575px) {
  .default-mt-btn .btn-list-group {
    display: block !important;
    padding: 10px 0px; }
    .default-mt-btn .btn-list-group .example-label {
      display: block !important; }
  .default-mt-btn .example-button-row {
    width: auto !important; }
    .default-mt-btn .example-button-row .mat-button-base {
      margin: 5px 10px 5px 0 !important; }
  .default-mt-btn .example-button-container {
    width: 80px !important; } }

/* card  */
.default-mt-card .mat-card {
  border-radius: 1.25rem; }

/* checkbox  */
.default-mt-checkbox .example-section {
  margin: 0 !important; }

.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: #40189D; }

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #40189D; }

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #40189D; }

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #40189D; }

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #8BC740; }

.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: #8BC740; }

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #8BC740; }

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #8BC740; }

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #8BC740; }

/* chips  */
.default-mt-chips .mat-input-element {
  color: rgba(0, 0, 0, 0.6); }
.default-mt-chips .mat-chip.mat-standard-chip,
.default-mt-chips .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #40189D;
  color: #fff; }
.default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-label,
.default-mt-chips .mat-form-field-appearance-legacy .mat-hint,
.default-mt-chips input.mat-chip-input::placeholder {
  color: rgba(0, 0, 0, 0.54); }
.default-mt-chips .mat-form-field.mat-focused .mat-form-field-label {
  color: #40189D; }
.default-mt-chips .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #40189D; }
.default-mt-chips .mat-chip.mat-standard-chip .mat-chip-remove {
  opacity: 1;
  color: rgba(255, 255, 255, 0.8); }
.default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42); }
.default-mt-chips .mat-form-field-infix {
  width: 100%;
  color: #fff; }
.default-mt-chips .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #8BC740;
  color: #fff; }

/* datepicker  */
.default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(64, 24, 157, 0.1); }
.default-mt-datepicker .mat-form-field-label {
  color: rgba(0, 0, 0, 0.6); }
.default-mt-datepicker .mat-date-range-input-inner,
.default-mt-datepicker .mat-calendar-body-cell-content,
.default-mt-datepicker .mat-date-range-input-separator {
  color: #000; }
.default-mt-datepicker .mat-icon-button svg path {
  fill: rgba(0, 0, 0, 0.7); }
.default-mt-datepicker .mat-form-field.mat-focused .mat-form-field-ripple {
  background: #40189D; }
.default-mt-datepicker .mat-form-field.mat-focused .mat-form-field-label {
  color: #40189D; }
.default-mt-datepicker .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.5); }
.default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color: rgba(0, 0, 0, 0.42); }
.default-mt-datepicker .mat-input-element:disabled,
.default-mt-datepicker .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: #000; }

.mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range::before {
  background: rgba(139, 199, 64, 0.2); }

.mat-calendar-body-selected {
  background-color: #40189D; }

.mat-calendar-body-in-range::before {
  background: rgba(64, 24, 157, 0.1); }

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(64, 24, 157, 0.3); }

.mat-datepicker-content-container .example-header button {
  height: 35px;
  width: 35px;
  outline: none;
  border: 0;
  border-radius: 35px;
  font-size: 18px;
  margin: 0 2px; }

/* dialog  */
/* divider  */
/* expansion  */
.default-mt-expansion .mat-expansion-panel-header-description {
  justify-content: space-between;
  align-items: center; }
.default-mt-expansion .mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: 1.25rem;
  border-top-left-radius: 1.25rem; }
.default-mt-expansion .mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem; }
.default-mt-expansion .mat-expansion-panel-header {
  height: auto;
  padding: 15px 20px !important; }

/* form-field  */
.default-mt-formfield .mat-form-field {
  width: 100%; }
.default-mt-formfield .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #40189D; }
.default-mt-formfield .example-container .mat-form-field + .mat-form-field {
  margin-left: 0 !important; }

/* input  */
.default-mt-input .example-form {
  width: 100% !important;
  min-width: 150px;
  max-width: 100% !important; }

/* progress  */
.default-mt-progress .mat-progress-bar-buffer {
  background-color: #e6defa; }
.default-mt-progress .mat-progress-bar-fill::after {
  background-color: #40189D; }
.default-mt-progress .mat-progress-bar {
  height: 8px;
  border-radius: 8px; }
  .default-mt-progress .mat-progress-bar pattern circle {
    fill: #e6defa; }
.default-mt-progress .example-section {
  height: auto !important; }
.default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #8BC740; }
.default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #8BC740; }
.default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #8BC740; }

.mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label {
  background-color: #8BC740; }

/* spinner  */
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #8BC740; }

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #40189D; }

.default-mt-spinner .example-margin {
  margin: 0 10px; }

/* select  */
.default-mt-select .mat-form-field.mat-focused .mat-form-field-label {
  color: #40189D; }

/* sidenav */
.default-mt-sidenav .example-container {
  margin: 0 !important;
  width: 100% !important;
  height: 350px !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  border: 0 !important; }
.default-mt-sidenav .mat-drawer-content {
  padding: 25px !important; }

/* slidetoggle */
.default-mt-slidetoggle .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: #e6defa; }
.default-mt-slidetoggle .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #40189D; }
.default-mt-slidetoggle .example-section {
  height: auto !important; }

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(139, 199, 64, 0.5); }

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #8BC740; }

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #8BC740; }

/* slider */
.default-mt-slider .example-section {
  display: block !important;
  height: auto !important; }

/* sort */
/* stepper */
.default-mt-stepper .mat-step-header .mat-step-icon-selected,
.default-mt-stepper .mat-step-header .mat-step-icon-state-done,
.default-mt-stepper .mat-step-header .mat-step-icon-state-edit {
  background-color: #40189D; }
@media only screen and (max-width: 575px) {
  .default-mt-stepper .mat-horizontal-stepper-header-container {
    display: block; }
    .default-mt-stepper .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header {
      padding: 0;
      height: 60px;
      margin-bottom: 10px;
      margin-top: 10px; }
  .default-mt-stepper .mat-horizontal-content-container {
    padding: 0; }
  .default-mt-stepper .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, .default-mt-stepper [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before, .default-mt-stepper .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after, .default-mt-stepper [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after {
    content: none; }
  .default-mt-stepper .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 0; } }

/* table */
.default-mt-table .mat-elevation-z8 {
  box-shadow: none; }
.default-mt-table .table-responsive {
  border-radius: 1.25rem;
  position: relative;
  z-index: 1; }
.default-mt-table .mat-header-cell {
  color: #000;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 500; }
.default-mt-table .mat-footer-cell {
  padding: 0 10px; }
.default-mt-table .mat-cell {
  padding: 0 10px; }
.default-mt-table .example-element-diagram {
  min-width: 100px !important;
  font-weight: 400 !important;
  height: 130px !important; }
.default-mt-table mat-row,
.default-mt-table mat-header-row,
.default-mt-table mat-footer-row,
.default-mt-table th.mat-header-cell,
.default-mt-table td.mat-cell,
.default-mt-table td.mat-footer-cell {
  border-color: #EEEEEE; }
.default-mt-table .stickyColumns-table .mat-table-sticky {
  background: #40189D !important; }
  .default-mt-table .stickyColumns-table .mat-table-sticky .mat-header-cell {
    color: #fff; }
  .default-mt-table .stickyColumns-table .mat-table-sticky .mat-cell {
    color: #fff; }
  .default-mt-table .stickyColumns-table .mat-table-sticky .mat-footer-cell {
    color: #fff; }
.default-mt-table .stickyColumns-table .mat-table-sticky-border-elem-left,
.default-mt-table .stickyColumns-table .mat-table-sticky-border-elem-right,
.default-mt-table .stickyColumns-table .mat-table-sticky-border-elem-bottom,
.default-mt-table .stickyColumns-table .mat-table-sticky-border-elem-top {
  border-color: #fff;
  color: #fff; }
.default-mt-table .stickyColumns-table .mat-column-filler {
  font-size: 12px; }
.default-mt-table .stickyColumns-table mat-cell:first-of-type, .default-mt-table .stickyColumns-table mat-header-cell:first-of-type, .default-mt-table .stickyColumns-table mat-footer-cell:first-of-type {
  padding-right: 10px; }
.default-mt-table .stickyColumns-table mat-cell:last-of-type, .default-mt-table .stickyColumns-table mat-header-cell:last-of-type, .default-mt-table .stickyColumns-table mat-footer-cell:last-of-type {
  padding-left: 10px; }
.default-mt-table .stickyColumns-table .mat-header-cell,
.default-mt-table .stickyColumns-table .mat-footer-cell,
.default-mt-table .stickyColumns-table .mat-cell {
  min-width: 100px !important; }
.default-mt-table .stickyColumns-table .mat-header-row,
.default-mt-table .stickyColumns-table .mat-footer-row,
.default-mt-table .stickyColumns-table .mat-row {
  min-width: 2300px !important; }

/* tabs */
.default-mt-tabs .mat-tab-group.mat-primary .mat-ink-bar, .default-mt-tabs .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #40189D; }
.default-mt-tabs .mat-tab-body-content {
  padding: 10px 15px; }
.default-mt-tabs .mat-tab-group.mat-background-primary > .mat-tab-header, .default-mt-tabs .mat-tab-group.mat-background-primary > .mat-tab-link-container, .default-mt-tabs .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .default-mt-tabs .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .default-mt-tabs .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .default-mt-tabs .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #40189D; }
.default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-header, .default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-link-container, .default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #8BC740; }
.default-mt-tabs .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .default-mt-tabs .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .default-mt-tabs .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .default-mt-tabs .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: #fff; }
.default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 0.8); }

/* tree */
.default-mt-tree .mat-checkbox-layout {
  margin: 0; }
.default-mt-tree .mat-tree {
  background: rgba(0, 0, 0, 0.05);
  overflow: auto; }

/* toolbar */
.default-mt-toolbar .mat-toolbar.mat-primary {
  background: #40189D; }

/*# sourceMappingURL=dashboard.css.map */