﻿.mud-main-content {
  padding: 0 !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.mud-main-content .page.page-stretch {
  height: 100%;
  width: 100%;
}

.mud-dialog {
  -webkit-animation-fill-mode: initial;
          animation-fill-mode: initial;
}
.mud-dialog .mud-dialog-title {
  padding: 0 !important;
}

.rounded-lg-xl {
  border-radius: 12px;
}

.no-mp-mud-list {
  padding: 0px !important;
}
.no-mp-mud-list .mud-list-item {
  padding: 0px !important;
}
.no-mp-mud-list .mud-list-item .mud-list-item-text {
  margin: 0px !important;
}
.no-mp-mud-list .mud-list-item-clickable:hover {
  background-color: transparent !important;
}

.no-margin-text-field .mud-input-control, .no-mp-text-field .mud-input-control, .no-margin-text-field.mud-input-control, .mud-input-control.no-mp-text-field {
  margin: 0px !important;
}
.no-margin-text-field .mud-input-control .mud-input, .no-mp-text-field .mud-input-control .mud-input, .no-margin-text-field.mud-input-control .mud-input, .mud-input-control.no-mp-text-field .mud-input {
  margin-top: 0 !important;
}

.no-padding-text-field .mud-input-control .mud-input .mud-input-root, .no-mp-text-field .mud-input-control .mud-input .mud-input-root, .no-padding-text-field.mud-input-control .mud-input .mud-input-root, .mud-input-control.no-mp-text-field .mud-input .mud-input-root {
  padding: 0px !important;
}

.mud-divider-fullwidth {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.mud-picker-color-picker {
  -ms-flex-item-align: center !important;
      align-self: center !important;
  /* width: auto !important;*/
}

.mud-picker-color-controls {
  width: auto !important;
}

.mud-picker-calendar-container {
  justify-self: center !important;
}

.mud-button-filled-default {
  background-color: #E9EAED !important;
  color: #4F4F50 !important;
}
.mud-button-filled-default:hover {
  background-color: #E0E1E4 !important;
  color: #4F4F50 !important;
}
.mud-button-filled-default:focus {
  -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 151, 160, 0.16), 0px 0px 0px 1px #FFF !important;
          box-shadow: 0px 0px 0px 3px rgba(118, 151, 160, 0.16), 0px 0px 0px 1px #FFF !important;
}
.mud-button-filled-default:active {
  background-color: #C9CACD !important;
  color: #262526 !important;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 151, 160, 0.16), 0px 0px 0px 1px #FFF !important;
          box-shadow: 0px 0px 0px 3px rgba(118, 151, 160, 0.16), 0px 0px 0px 1px #FFF !important;
}
.mud-button-filled-default:disabled, .mud-button-filled-default[disabled] {
  background-color: #F4F5F9 !important;
  border-color: rgba(118, 151, 160, 0.16) !important;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04), 0px 2px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04), 0px 2px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.08) !important;
}
.mud-button-filled-primary:hover {
  background-color: var(--mud-palette-primary-lighten) !important;
}
.mud-button-filled-primary:focus {
  -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 151, 160, 0.16), 0px 0px 0px 1px #FFF !important;
          box-shadow: 0px 0px 0px 3px rgba(118, 151, 160, 0.16), 0px 0px 0px 1px #FFF !important;
}
.mud-button-filled-primary:active {
  background-color: var(--mud-palette-primary-darken) !important;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 151, 160, 0.16), 0px 0px 0px 1px #FFF !important;
          box-shadow: 0px 0px 0px 3px rgba(118, 151, 160, 0.16), 0px 0px 0px 1px #FFF !important;
}
.mud-button-filled-primary:disabled, .mud-button-filled-primary[disabled] {
  background-color: var(--mud-palette-primary) !important;
  opacity: 0.5;
  color: var(--mud-palette-white) !important;
}
.mud-button-outlined-default {
  background-color: var(--mud-palette-white) !important;
  color: #4F4F50 !important;
  border-color: #E0E1E4 !important;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04), 0px 2px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04), 0px 2px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.08) !important;
}
.mud-button-outlined-default:hover {
  background-color: #E0E1E4 !important;
  color: #4F4F50 !important;
  border-color: #E0E1E4 !important;
}
.mud-button-outlined-default:focus {
  background-color: #E9EAED !important;
  color: #4F4F50 !important;
  border-color: #E0E1E4 !important;
}
.mud-button-outlined-default:active {
  background-color: #C9CACD !important;
  color: #262526 !important;
  border-color: #C9CACD !important;
}
.mud-button-outlined-default:disabled, .mud-button-outlined-default[disabled] {
  background-color: #F4F5F9 !important;
  border-color: rgba(118, 151, 160, 0.16) !important;
}
.mud-button-outlined-primary {
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04), 0px 2px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04), 0px 2px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.08) !important;
  background-color: var(--mud-palette-white);
}
.mud-button-outlined-primary:hover {
  background-color: #E0E1E4 !important;
}
.mud-button-outlined-primary:focus {
  background-color: var(--mud-palette-primary) !important;
  color: var(--mud-palette-white);
}
.mud-button-outlined-primary:active {
  background-color: var(--mud-palette-primary-darken) !important;
  color: var(--mud-palette-white);
}
.mud-button-outlined-primary:disabled, .mud-button-outlined-primary[disabled] {
  background-color: #F4F5F9 !important;
  border-color: rgba(118, 151, 160, 0.16) !important;
}

.mud-svg-icon {
  fill-rule: evenodd;
}

.ck-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ck-editor .ck-editor__main {
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ck-editor .ck-editor__main .ck-content {
  overflow-y: scroll;
  overflow-x: hidden;
}
.ck-editor .ck-editor__main .ck-content .ck-widget {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  margin: 0 4px;
}
.ck-editor .ck-editor__main .ck-content:not(.ck-read-only).ck-blurred .ck-widget, .ck-editor .ck-editor__main .ck-content:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) {
  cursor: revert;
}
.ck-editor .ck-editor__main .ck-content:not(.ck-read-only).ck-blurred .ck-widget > img, .ck-editor .ck-editor__main .ck-content:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) > img {
  pointer-events: none;
}

.ck-content * {
  -webkit-box-sizing: revert;
          box-sizing: revert;
  margin: revert;
  padding: revert;
  border-width: revert;
  border-style: revert;
  -webkit-text-decoration: revert;
          text-decoration: revert;
  color: revert;
}
.ck-content a:not(:hover) {
  text-decoration: none;
}
.ck-content > :last-child {
  margin-bottom: 0 !important;
}
.ck-content table td, .ck-content table th {
  overflow-wrap: anywhere !important;
}

.ck-powered-by-balloon {
  display: none !important;
}

.ck-balloon-panel {
  z-index: 2000 !important;
}

@media (max-width: 960px) {
  h1 {
    font-size: var(--mud-typography-h2-size) !important;
    font-family: var(--mud-typography-h2-family) !important;
    font-weight: var(--mud-typography-h2-weight) !important;
    line-height: var(--mud-typography-h2-lineheight) !important;
    letter-spacing: var(--mud-typography-h2-letterspacing) !important;
    text-transform: var(--mud-typography-h2-text-transform) !important;
  }
  h2 {
    font-size: var(--mud-typography-h3-size) !important;
    font-family: var(--mud-typography-h3-family) !important;
    font-weight: var(--mud-typography-h3-weight) !important;
    line-height: var(--mud-typography-h3-lineheight) !important;
    letter-spacing: var(--mud-typography-h3-letterspacing) !important;
    text-transform: var(--mud-typography-h3-text-transform) !important;
  }
  h3 {
    font-size: var(--mud-typography-h4-size) !important;
    font-family: var(--mud-typography-h4-family) !important;
    font-weight: var(--mud-typography-h4-weight) !important;
    line-height: var(--mud-typography-h4-lineheight) !important;
    letter-spacing: var(--mud-typography-h4-letterspacing) !important;
    text-transform: var(--mud-typography-h4-text-transform) !important;
  }
  h4 {
    font-size: var(--mud-typography-h5-size) !important;
    font-family: var(--mud-typography-h5-family) !important;
    font-weight: var(--mud-typography-h5-weight) !important;
    line-height: var(--mud-typography-h5-lineheight) !important;
    letter-spacing: var(--mud-typography-h5-letterspacing) !important;
    text-transform: var(--mud-typography-h5-text-transform) !important;
  }
  h5 {
    font-size: var(--mud-typography-h6-size) !important;
    font-family: var(--mud-typography-h6-family) !important;
    font-weight: var(--mud-typography-h6-weight) !important;
    line-height: var(--mud-typography-h6-lineheight) !important;
    letter-spacing: var(--mud-typography-h6-letterspacing) !important;
    text-transform: var(--mud-typography-h6-text-transform) !important;
  }
  h6.mud-typography-subtitle1 {
    font-size: var(--mud-typography-subtitle2-size) !important;
    font-family: var(--mud-typography-subtitle2-family) !important;
    font-weight: var(--mud-typography-subtitle2-weight) !important;
    line-height: var(--mud-typography-subtitle2-lineheight) !important;
    letter-spacing: var(--mud-typography-subtitle2-letterspacing) !important;
    text-transform: var(--mud-typography-subtitle2-text-transform) !important;
  }
  p.mud-typography-body1 {
    font-size: var(--mud-typography-body2-size) !important;
    font-family: var(--mud-typography-body2-family) !important;
    font-weight: var(--mud-typography-body2-weight) !important;
    line-height: var(--mud-typography-body2-lineheight) !important;
    letter-spacing: var(--mud-typography-body2-letterspacing) !important;
    text-transform: var(--mud-typography-body2-text-transform) !important;
  }
  .mud-dialog-container {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important;
    padding-bottom: 0px !important;
  }
  .mud-dialog.mud-dialog-width-full {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 599px) {
  .mud-main-content .page {
    padding-top: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .mud-main-content .page {
    padding-top: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .mud-main-content .page {
    padding-top: 32px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .mud-main-content .page {
    padding-top: 32px !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  .mud-main-content .page {
    padding-top: 32px !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media (min-width: 2560px) {
  .mud-main-content .page {
    padding-top: 32px !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}