.top-bar-wrapper .mud-picker.mud-picker-inline {
  width: 420px;
  display: inline-block;
  flex: none;
}
.top-bar-wrapper .mud-picker .mud-input-control {
  max-width: 420px;
  flex-grow: 0;
}
.top-bar-wrapper .mud-picker .mud-input-control-input-container {
  justify-content: end;
  flex-direction: initial;
}
.top-bar-wrapper .mud-picker .mud-input {
  width: fit-content;
}
.top-bar-wrapper .mud-picker .mud-input-root {
  max-width: 196px;
}
.top-bar-wrapper .mud-input-control.search-input {
  max-width: 196px;
}

.mud-input-slot.mud-input-root.mud-input-root-text.mud-select-input-extended > div {
  white-space: nowrap;
}

.mud-fab-size-small {
  width: 28px;
  height: 28px;
  min-height: 28px;
}
.mud-fab-size-small .mud-icon-root {
  font-size: 1rem;
}

.mud-checkbox-true {
  color: var(--mud-palette-primary) !important;
}
.mud-checkbox-true.mud-readonly {
  color: var(--mud-palette-action-disabled) !important;
}

.mud-table.mud-simple-table {
  height: unset;
}
.mud-table.mud-simple-table .mud-table-container {
  padding-bottom: 2rem;
}

.main-calendar .mud-drop-zone.mud-cal-drop-item {
  padding-top: 0.4rem;
}
.main-calendar .mud-drop-zone.mud-cal-drop-item:hover {
  overflow: visible !important;
}

.calendar-button {
  width: calc(100% - 0.5rem);
  margin-left: 0.25rem;
  padding: 0;
  padding-left: 5px;
  display: block;
  position: relative;
  --calendar-left-panel-color: transparent;
  transition: transform 0.3s ease, max-height 0.3s ease;
}
.calendar-button.week .calendar-item-header {
  max-height: 1.2rem;
  transition: max-height 0.3s ease;
}
.calendar-button.week .calendar-item-header .calendar-item-title {
  width: 100%;
  max-height: 1.2rem;
  padding-top: 0.1rem;
}
.calendar-button:hover {
  transform: scale(1.03);
}
.calendar-button:hover .calendar-item-header {
  max-height: 200px;
}
.calendar-button:hover .calendar-item-header .calendar-item-title {
  max-height: 200px;
}
.calendar-button .calendar-item-header {
  width: 100%;
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 35px;
}
.calendar-button .calendar-item-header .calendar-item-title {
  width: calc(100% - 49px);
  font-size: 0.9rem;
  line-height: 1rem;
  text-align: left;
  word-wrap: anywhere;
  font-weight: bold;
  max-height: 35px;
  text-overflow: ellipsis;
  overflow-y: hidden;
  display: inline-block;
}
.calendar-button .calendar-item-header .calendar-item-time {
  font-size: 0.6rem;
  width: 49px;
  text-align: right;
}
.calendar-button .calendar-item-description {
  width: 100%;
  display: flex;
  padding: 0.2rem;
  max-height: 63px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.calendar-button.Meeting {
  --calendar-left-panel-color: blue;
}
.calendar-button.Event {
  --calendar-left-panel-color: green;
}
.calendar-button.Task {
  --calendar-left-panel-color: yellow;
}
.calendar-button.Reminder {
  --calendar-left-panel-color: red;
}
.calendar-button.Appointment {
  --calendar-left-panel-color: lighblue;
}
.calendar-button.Payment {
  --calendar-left-panel-color: lime;
}
.calendar-button.Call {
  --calendar-left-panel-color: orange;
}
.calendar-button.Other {
  --calendar-left-panel-color: white;
}
.calendar-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: var(--calendar-left-panel-color);
}

.swimlane {
  overflow: hidden;
}
.swimlane .mud-card-content {
  height: 100%;
  overflow-y: auto;
}
.swimlane .lane-title {
  text-overflow: ellipsis;
  height: 28px;
  overflow: hidden;
  width: 224px;
  white-space: nowrap;
}
.swimlane.collapsed .mud-toolbar {
  height: unset;
}
.swimlane.collapsed .lane-title {
  width: unset;
  height: unset;
  text-orientation: mixed;
  writing-mode: sideways-rl;
}
.swimlane .kanbard-drop-lane {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.swimlane .kanbard-drop-lane.can-drop {
  box-shadow: 0px 0px 3px springgreen, inset 0px 0px 3px springgreen;
}
.swimlane .kanbard-drop-lane.cant-drop {
  box-shadow: 0px 0px 3px orangered, inset 0px 0px 3px orangered;
}

:root {
  --mud-drawer-width-calced: var(--mud-drawer-width-mini-left);
  --transition-timing: 225ms cubic-bezier(0, 0, 0.2, 1);
}

html.body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.mud-drawer.mud-drawer-fixed {
  height: calc(100vh - var(--mud-appbar-height));
  overflow: hidden;
}

.mud-select-extended {
  max-width: 280px;
}

i.bi {
  cursor: pointer;
}

.fullscreen-tab {
  height: calc(100vh - 210px);
}

.mud-picker .mud-picker-actions {
  justify-content: center;
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed {
  --mud-drawer-width-calced: var(--mud-drawer-width-mini-left);
}
.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open {
  --mud-drawer-width-calced: var(--mud-drawer-width-left);
}

.mud-drawer-close-mini-md-left {
  --mud-drawer-width-calced: var(--mud-drawer-width-mini-left);
}

.mud-drawer-open-mini-md-left {
  --mud-drawer-width-calced: var(--mud-drawer-width-left);
}

.mud-main-content {
  position: fixed;
  top: var(--mud-appbar-height);
  height: calc(100vh - var(--mud-appbar-height));
  left: 0;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 !important;
  padding: 0.5rem !important;
  transition: width var(--transition-timing), left var(--transition-timing);
}

.mud-appbar .mud-toolbar-gutters {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tnc-pdf-wrapper {
  width: 100%;
  height: 90vh;
}

.tier-menu {
  position: relative;
  width: 36px;
  height: 35px;
}
.tier-menu .mud-menu-activator {
  width: 100%;
  height: 100%;
  display: block;
}

.tier-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(var(--in), -50%);
  filter: drop-shadow(0px 2px 3px black);
}

w-100 {
  width: 100% !important;
}

.dark-mode-switch {
  position: fixed;
  top: calc(100vh - 2rem);
  transform: translate(-7px, -100%);
  z-index: 10;
}

.disabled-checked .mud-disabled .mud-icon-root {
  fill: var(--mud-palette-success-darken);
}

.form-control {
  background-color: transparent;
  color: white;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
}

.mud-icon-root.mud-svg-icon {
  cursor: pointer;
}

.callback {
  background-color: rgb(47, 96, 47);
}

.callback-group {
  background-color: rgb(47, 96, 47);
  color: white !important;
}

.tox-promotion {
  display: none !important;
}

.tox-menubar {
  display: none !important;
}

.nav-logo {
  width: 100px;
}

.sidebar {
  background: linear-gradient(180deg, rgb(17, 17, 17) 0%, rgb(17, 17, 17) 60%, rgb(255, 0, 0) 100%);
  color: white;
}
.sidebar .mud-nav-link-text {
  color: white;
}

.logout-nav {
  display: inline;
}

.dashboard-card {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
}

.dashboard-tile {
  width: 100%;
  height: 100%;
}

.dashboard-button-badge {
  margin: 0.35rem 0.7rem;
  aspect-ratio: 1/1;
  max-width: 280px;
  min-width: 245px;
  width: 11vmin;
  display: inline-block;
}
.dashboard-button-badge .mud-badge.mud-badge-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.dashboard-button-badge .mud-badge.mud-badge-icon .mud-icon-badge {
  font-size: 1.7rem;
}
.dashboard-button-badge .mud-badge.mud-badge-top.right {
  left: 100% !important;
  top: 0%;
  transform: translate(-50%, -50%);
  inset: unset;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
}
.dashboard-button-badge .mud-badge.mud-badge-top.right:hover {
  background-color: var(--mud-palette-info) !important;
}
.dashboard-button-badge .mud-badge.mud-badge-top.right:focus, .dashboard-button-badge .mud-badge.mud-badge-top.right:active {
  background-color: var(--mud-palette-primary) !important;
}

.dashboard-drop-container.mud-drop-container {
  width: 100%;
}
.dashboard-drop-container .mud-drop-item {
  aspect-ratio: 1/1;
  max-width: 280px;
  min-width: 245px;
  width: 20%;
}

.dashboard-title {
  writing-mode: vertical-rl;
  width: 35px;
  transform: rotate(180deg);
}

.mud-data-grid .mud-drop-container {
  min-width: 100%;
  margin: 0;
}
.mud-data-grid .mud-select-extended {
  max-width: unset;
}

.mud-drop-container {
  margin: 1rem;
  width: fit-content;
  display: inline-block;
}

.mud-tabs {
  height: 100%;
}
.mud-tabs .mud-tabs-panels {
  height: calc(100% - 48px);
}

.mud-dialog {
  overflow-y: visible;
}

.fixed-header-table {
  height: calc(100vh - 210px);
}

.mud-table {
  height: 100%;
}
.mud-table .depth-1 {
  border: none;
}

.mud-table-container {
  padding-bottom: 10rem;
}

.mud-table-sticky-header .mud-table-container {
  height: 100%;
}

.mud-table-sticky-footer .mud-table-container {
  height: calc(100% - 52px);
}

.mud-table-cell .mud-table-cell-checkbox {
  margin-left: 21px !important;
}

.mud-toolbar .mud-select {
  max-width: 280px;
}
.mud-toolbar .mud-input-control {
  max-width: 280px;
}
.mud-toolbar .mud-picker .mud-input-control {
  max-width: unset;
}

.table-header hr {
  margin-bottom: 0;
}

.table-row {
  padding: 0.1rem 0;
}
.table-row:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.1);
}

.mud-table-cell-custom-group {
  font-weight: 500;
}

.mud-table-cell-custom-group-footer {
  padding-bottom: 50px;
  text-align: right;
}

.mud-table-row-group-indented-1:nth-child(odd) {
  backdrop-filter: brightness(90%);
}

.no-expand-table.mud-table-row:nth-of-type(odd) {
  backdrop-filter: brightness(90%);
}

.no-expand-table mud-table-row.mud-table-row-group-indented-1:nth-of-type(odd) {
  backdrop-filter: brightness(90%);
}
.no-expand-table .mud-table-row .mud-paper {
  margin-top: 1rem;
}
.no-expand-table .mud-table-row.mud-table-row-group-indented-1 .mud-paper {
  margin-top: 0rem;
}
.no-expand-table .mud-table-row-group-indented-1 .mud-table-cell {
  border-bottom: none;
}
.no-expand-table .mud-table-row-group-indented-1 .mud-table-row-expander {
  border-bottom: none !important;
  display: none !important;
}
.no-expand-table .depth-1 .mud-table-cell {
  border-bottom: none;
}

#sales-dashboard-table .mud-table-container {
  max-height: calc(100vh - 200px);
}
#sales-dashboard-table .mud-table-cell:first-child {
  border-bottom: none !important;
  padding-right: 1px;
}
#sales-dashboard-table .mud-table-cell:has(.row-group-footer) {
  display: none;
}

.mud-table-foot .mud-table-cell:first-child {
  display: none !important;
}

.row-group-footer {
  backdrop-filter: brightness(70%);
}

.stat-count {
  font-weight: 600;
}

.stat-card {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 9px 7px;
  border-radius: 2rem;
  background-color: white;
  margin: 1.4rem 0.5rem;
  padding: 1rem;
  text-align: center;
  border: solid 1px rgba(0, 0, 0, 0.3);
}

.stat-card.gold {
  border-color: gold;
}

.stat-card.silver {
  border-color: silver;
}

.stat-card.platinum {
  border-color: black;
}

.stat-card.vip {
  border-color: red;
}

.lead-pill {
  margin: 3px;
  padding: 7px;
  display: inline-block;
  background-color: white;
  border-radius: 0.4rem;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 3px;
}

.lead-row {
  padding: 7px 3px;
}
.lead-row:nth-of-type(even) {
  background-color: lightgrey;
}

.lead-status {
  margin-left: 13px;
  padding: 3px 7px;
  border-radius: 10px;
}

.lead-status.ready {
  background-color: azure;
}

.lead-status.failed {
  background-color: orangered;
}

.lead-status.success {
  background-color: springgreen;
}

.lead-status.in-progress {
  background-color: dodgerblue;
}

.lead-status.waiting {
  background-color: transparent;
}

.form-check.form-switch {
  display: inline-block !important;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

.card-header {
  font-size: 2rem;
  font-weight: 600;
}

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