@media only screen and (max-width: 600px) {
  html {
    font-size: 0.6em !important;
  }
  #home > img {
    padding: 17px 0 !important;
    height: 56px !important;
  }
  #header {
    width: 100vw !important;
    height: 50px !important;
  }
  main {
    padding-right: 0 !important;
    height: calc(100vh - 56px) !important;
  }
  .main_content {
    height: calc(100% - 50px) !important;
  }
  .main_content .row {
    width: 100vw !important;
  }
  #user_dropdown_cover {
    height: 56px !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  main {
    padding-right: 0 !important;
  }
  html {
    font-size: 0.7em !important;
  }
  .nav_text {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  html {
    font-size: 0.8em !important;
  }
  img {
    height: 60px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1500px) {
  main:not(#home) {
    padding-right: 400px !important;
  }
}
html,
body,
main,
.main_content {
  font-size: 0.9em;
  height: 100%;
  overflow: hidden;
}
.main_content {
  top: 0 !important;
  overflow-y: auto !important;
}
:focus-visible,
img {
  outline: none !important;
}
.unselectable,
img,
label,
legend,
i,
.select-dropdown > li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
nav {
  background-color: var(--md-sys-color-nav);
}
nav a,
nav i,
nav span {
  color: var(--md-sys-color-nav-text);
}
nav a.active {
  background-color: var(--md-sys-color-nav-active) !important;
}
nav a:hover,
nav a:focus {
  background-color: var(--md-sys-color-nav-hover) !important;
}
nav ul {
  padding-left: 0;
}
nav #user_dropdown {
  min-width: 200px;
  overflow: hidden;
  background-color: var(--md-sys-color-nav) !important;
  z-index: 1000 !important;
}
nav #user_dropdown li,
nav #user_dropdown a {
  color: var(--md-sys-color-nav-text) !important;
}
nav #user_dropdown #user_dropdown_cover {
  height: 64px;
}
nav #user_dropdown #user_dropdown_cover a {
  padding-top: 20px;
  padding-bottom: 8px;
  height: 100%;
}
nav #user_dropdown i {
  margin-left: 15px;
  margin-right: 0;
}
main {
  height: calc(100vh - 64px);
}
main:not(#home) {
  padding-right: 25vw;
}
#header {
  height: 71px;
  color: var(--md-sys-color-primary);
  border-bottom: 1px solid var(--md-sys-color-outline-variant);
  padding: 0 15px;
}
#header h6 {
  font-weight: 500;
  width: 100%;
}
.row {
  padding: 15px;
}
label {
  border-radius: 4px !important;
}
.input-field input:focus:not([readonly]) + label,
.input-field input:not([placeholder=" "]) + label,
.input-field input:not(:placeholder-shown) + label,
.input-field textarea:focus:not([readonly]) + label,
.input-field textarea:not([placeholder=" "]) + label,
.input-field textarea:not(:placeholder-shown) + label {
  transform: none !important;
}
.input-field.outlined input:focus:not([readonly]) + label,
.input-field.outlined input:not([placeholder=" "]) + label,
.input-field.outlined input:not(:placeholder-shown) + label,
.input-field.outlined textarea:focus:not([readonly]) + label,
.input-field.outlined textarea:not([placeholder=" "]) + label,
.input-field.outlined textarea:not(:placeholder-shown) + label {
  top: -11px;
  left: 14px;
}
label.active,
label.outlined,
.select-wrapper > label > .outlined {
  top: -11px !important;
  font-size: 16px !important;
  color: var(--md-sys-color-outline);
}
.select-wrapper > label {
  top: -11px !important;
  left: 14px !important;
  font-size: 16px !important;
  color: var(--md-sys-color-outline);
  background-color: var(--md-sys-color-background);
  padding: 0 3px !important;
}
input:disabled {
  color: var(--md-sys-color-outline) !important;
  border-color: var(--md-sys-color-outline-variant) !important;
}
input:disabled ~ label {
  font-size: 16px !important;
  color: var(--md-sys-color-outline) !important;
  border-color: var(--md-sys-color-outline-variant) !important;
}
.input-field input.invalid ~ label,
.input-field input:focus.invalid ~ label,
.input-field textarea.invalid ~ label,
.input-field textarea:focus.invalid ~ label {
  color: var(--md-ref-palette-error60);
}
.input-field input.invalid,
.input-field textarea.invalid {
  border-bottom: 2px solid var(--md-ref-palette-error60);
  box-shadow: none;
}
.input-field > label {
  margin-top: 2px !important;
}
input::placeholder {
  color: var(--md-sys-color-outline-variant) !important;
}
.input-field.outlined input,
.input-field.outlined textarea {
  /*  background-color: transparent !important;*/
}
.caret {
  margin-right: 10px !important;
}
.dropdown-content {
  background-color: var(--md-sys-color-inverse-on-surface);
}
select {
  margin-top: 3px !important;
  padding: 5px 10px !important;
  font-size: 0.9rem !important;
  color: var(--md-sys-color-on-background) !important;
}
select:has(option[value=""]:checked) {
  color: var(--md-sys-color-outline) !important;
}
.btn {
  font-size: 16px;
  height: 56px;
  width: 100%;
}
.btn[disabled],
.btn.disabled {
  color: var(--md-sys-color-outline) !important;
}
.btn,
input,
input.dropdown-trigger {
  font-weight: 500 !important;
}
.outlined input:focus {
  border: 2px solid var(--md-sys-color-primary) !important;
}
.outlined input:focus ~ label {
  color: var(--md-sys-color-primary) !important;
}
.input-field.outlined input,
.input-field.outlined textarea {
  border-color: var(--md-sys-color-outline-variant);
}
.sidenav-fixed {
  z-index: 100 !important;
  min-width: 400px;
  width: calc(100vw / 4);
  top: 64px;
  height: calc(100% - 64px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.sidenav-fixed .main_row .btn,
.sidenav-fixed .main_row input,
.sidenav-fixed .main_row input.dropdown-trigger {
  color: var(--md-sys-color-primary);
  font-size: 1.2rem !important;
}
.sidenav-fixed .dropdown-content {
  margin-right: 0 !important;
  max-height: 100vh !important;
  overflow-x: hidden;
}
.sidenav-fixed abbr {
  font-weight: 400;
  color: var(--md-sys-color-primary);
}
.datepicker-date-display {
  width: 0 !important;
  display: none !important;
}
.datepicker-footer {
  display: none !important;
}
.datepicker-row > td.is-disabled {
  color: var(--md-sys-color-outline-variant) !important;
}
.select-month {
  margin-right: 17px !important;
}
.select-year {
  margin-right: 7px !important;
}
.main_content {
  background-color: var(--md-sys-color-background) !important;
}
.main_content .row {
  cursor: pointer;
  border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
.main_content .row img {
  border-radius: 4px;
  width: 160px;
  height: 90px;
  border-style: none !important;
}
.main_content .row:hover {
  border-bottom: 1px solid var(--md-sys-color-outline);
}
.main_content .row h6 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.main_content .row.active {
  background-color: var(--md-sys-color-inverse-on-surface) !important;
}
fieldset {
  margin: 0;
  border-radius: 4px;
  border: 1px solid var(--md-sys-color-outline-variant);
}
fieldset legend {
  color: var(--md-sys-color-outline);
  padding: 0 3px;
  font-size: 16px !important;
  background-color: var(--md-sys-color-background);
}
.autocomplete-content {
  display: none;
}
.autocomplete-content li {
  font-size: 16px;
  color: var(--md-sys-color-primary);
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}
.autocomplete-content li .highlight {
  font-weight: 500;
}
/*# sourceMappingURL=new.css.map */