/*
$primaryColor: #3b3989;
$primaryColorDark: #262557;
$primaryColorLight: #4947ad;
*/
body.materialize {
  transition: all 0.2s linear;
  background-color: #eee; }
  body.materialize .primary-color {
    background-color: #009688; }
  body.materialize .primary-color-text {
    color: #009688; }
  body.materialize .primary-color-dark {
    background-color: #007d6e; }
  body.materialize .primary-color-dark-text {
    color: #007d6e; }
  body.materialize .primary-color-light {
    background-color: #00b0a2; }
  body.materialize .primary-color-light-text {
    color: #00b0a2; }
  body.materialize .bold-text {
    font-weight: 600; }
  body.materialize .pointer {
    cursor: pointer; }
  body.materialize .ignore-pointer-events {
    pointer-events: none; }
  body.materialize .accept-pointer-events {
    pointer-events: all; }
  body.materialize table thead {
    background-color: #009688;
    color: white;
    font-size: 16px; }
    body.materialize table thead tr {
      border-bottom-color: rgba(0, 0, 0, 0.05); }
    body.materialize table thead td .title {
      font-size: 22px;
      font-weight: 700; }
  body.materialize table th {
    border-radius: 0; }
  body.materialize table td {
    padding: 7px;
    border-radius: 0; }
    body.materialize table td.icon-column {
      width: 50px; }
  body.materialize table tr.result-row {
    background-color: rgba(0, 0, 0, 0.05); }
    body.materialize table tr.result-row td {
      padding: 10px;
      font-weight: 700; }
  body.materialize table.alternate-shaded > tbody > tr:nth-child(even) {
    background-color: #f2f2f2; }
  body.materialize .card {
    transition: all 0.2s linear; }
    body.materialize .card .header {
      background-color: #009688;
      color: white;
      padding: 20px 25px;
      border-radius: 2px; }
      body.materialize .card .header .title {
        font-size: 20px;
        font-weight: 700; }
    body.materialize .card .footer {
      padding-top: 20px; }
  body.materialize .carousel .carousel-item {
    width: 100%; }
  body.materialize .picker .picker__box .picker__calendar-container table {
    margin-top: 12px; }
    body.materialize .picker .picker__box .picker__calendar-container table thead {
      background-color: transparent; }
      body.materialize .picker .picker__box .picker__calendar-container table thead .picker__weekday {
        font-weight: 700; }
  body.materialize .picker .picker__box .picker__footer button {
    font-weight: 700; }
  body.materialize .side-nav {
    transition: background-color 0.2s; }
    body.materialize .side-nav li {
      width: 100%; }
  body.materialize .dropdown-content.select-dropdown {
    top: 0 !important; }
    body.materialize .dropdown-content.select-dropdown li {
      transition: all .3s ease-in; }
      body.materialize .dropdown-content.select-dropdown li span {
        font-weight: 700; }
  body.materialize .row {
    margin-bottom: 0; }
  body.materialize .toast {
    cursor: pointer;
    border-radius: 3px; }
  body.materialize #toast-container {
    top: auto;
    bottom: 10%;
    z-index: 999999;
    transition: all 0.3s; }
    body.materialize #toast-container:hover {
      opacity: 0.4; }
  body.materialize .material-tooltip {
    border-radius: 5px;
    padding: 0.8rem 1.5rem;
    z-index: 10000000; }
  body.materialize .input-field.primary-color .select-wrapper .caret {
    color: #ddd; }
  body.materialize .input-field.primary-color .select-wrapper input.select-dropdown {
    color: #ddd;
    border-bottom-color: #ddd; }
  body.materialize .input-field.primary-color .select-wrapper .dropdown-content.select-dropdown li {
    background-color: #009688; }
    body.materialize .input-field.primary-color .select-wrapper .dropdown-content.select-dropdown li span {
      color: #ddd; }
    body.materialize .input-field.primary-color .select-wrapper .dropdown-content.select-dropdown li:hover, body.materialize .input-field.primary-color .select-wrapper .dropdown-content.select-dropdown li.active, body.materialize .input-field.primary-color .select-wrapper .dropdown-content.select-dropdown li.selected {
      background-color: #007d6e; }
  body.materialize .input-field.primary-color label {
    color: #ccc; }
  body.materialize .input-field.card {
    padding: 0 45px; }
    body.materialize .input-field.card.primary-color {
      background-color: #007d6e; }
      body.materialize .input-field.card.primary-color input[type=search] {
        color: white; }
        body.materialize .input-field.card.primary-color input[type=search] ~ .search {
          color: #bbb; }
        body.materialize .input-field.card.primary-color input[type=search] ~ .close {
          color: #bbb; }
        body.materialize .input-field.card.primary-color input[type=search]:focus {
          background-color: transparent; }
          body.materialize .input-field.card.primary-color input[type=search]:focus ~ .search {
            color: white; }
          body.materialize .input-field.card.primary-color input[type=search]:focus ~ .close {
            color: white; }
  body.materialize .input-field .suffix {
    position: absolute;
    right: -20px;
    top: 0; }
    body.materialize .input-field .suffix.tooltipped {
      cursor: default;
      height: 70px; }
  body.materialize input[type=search] {
    border-bottom-color: transparent;
    margin-bottom: 0px; }
    body.materialize input[type=search] ~ .search {
      color: #aaa;
      position: absolute;
      left: 10px;
      padding-top: 10px;
      pointer-events: none; }
    body.materialize input[type=search] ~ .close {
      color: #aaa;
      padding-top: 10px; }
    body.materialize input[type=search]:not(.browser-default):focus:not([readonly]) {
      border-bottom-color: transparent;
      box-shadow: none; }
    body.materialize input[type=search]:focus ~ .search {
      color: deepskyblue; }
    body.materialize input[type=search]:focus ~ .close {
      color: indianred; }
  body.materialize input.timepicker {
    cursor: pointer; }
  body.materialize .material-tooltip .backdrop {
    background-color: #222; }
  body.materialize .side-nav::-webkit-scrollbar {
    width: 10px;
    border-radius: 0px; }
  body.materialize .side-nav::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 10px;
    background-color: #009688;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.8); }
  body.materialize ul.choice-selector {
    white-space: nowrap;
    position: relative;
    margin: 0 0 0 0;
    width: fit-content;
    border: solid #009688 1px;
    border-radius: 20px; }
    body.materialize ul.choice-selector > li {
      font-size: 14px;
      padding: 3px 10px;
      list-style-type: none;
      display: inline-block;
      cursor: pointer;
      transition: all 0.25s linear;
      color: #999; }
      body.materialize ul.choice-selector > li:first-child {
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px; }
      body.materialize ul.choice-selector > li:last-child {
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px; }
      body.materialize ul.choice-selector > li:not(:first-child) {
        border-left: solid #009688 1px; }
      body.materialize ul.choice-selector > li:hover {
        background-color: #007d6e;
        color: #eee; }
      body.materialize ul.choice-selector > li.active {
        background-color: #009688;
        color: #eee; }
  body.materialize.dark {
    background-color: #282828;
    color: #ddd; }
    body.materialize.dark table thead {
      border-bottom-color: transparent; }
    body.materialize.dark table.bordered tbody tr {
      border-bottom-color: #444; }
    body.materialize.dark table.alternate-shaded > tbody > tr:nth-child(even) {
      background-color: #2d2d2d; }
    body.materialize.dark .divider {
      background-color: #555; }
    body.materialize.dark .card {
      background-color: #333; }
    body.materialize.dark .modal .modal-footer {
      background-color: #363636; }
    body.materialize.dark .picker .picker__box {
      background-color: #2b2b2b; }
      body.materialize.dark .picker .picker__box .picker__calendar-container .picker__header select {
        background-color: #383838;
        color: #ddd;
        border: #333; }
      body.materialize.dark .picker .picker__box .picker__calendar-container table .picker__day {
        color: #ddd; }
        body.materialize.dark .picker .picker__box .picker__calendar-container table .picker__day.picker__day--today {
          color: #009688; }
          body.materialize.dark .picker .picker__box .picker__calendar-container table .picker__day.picker__day--today.picker__day--selected {
            color: #ddd; }
      body.materialize.dark .picker .picker__box .clockpicker-plate {
        background-color: #333; }
        body.materialize.dark .picker .picker__box .clockpicker-plate .clockpicker-tick {
          color: #ddd; }
    body.materialize.dark .side-nav {
      background-color: #333; }
      body.materialize.dark .side-nav li a {
        color: #ddd; }
        body.materialize.dark .side-nav li a i.material-icons {
          color: white; }
    body.materialize.dark .select-wrapper span.caret {
      color: #777; }
    body.materialize.dark .select-wrapper input.select-dropdown {
      border-bottom-color: #777;
      color: #ccc; }
    body.materialize.dark .select-wrapper .dropdown-content {
      background-color: #333; }
      body.materialize.dark .select-wrapper .dropdown-content.select-dropdown li {
        background-color: #222; }
        body.materialize.dark .select-wrapper .dropdown-content.select-dropdown li span {
          color: #ccc; }
        body.materialize.dark .select-wrapper .dropdown-content.select-dropdown li.active, body.materialize.dark .select-wrapper .dropdown-content.select-dropdown li.selected {
          background-color: #393939; }
        body.materialize.dark .select-wrapper .dropdown-content.select-dropdown li:hover {
          background-color: #303030; }
    body.materialize.dark .input-field.card {
      background-color: #2e2e2e; }
      body.materialize.dark .input-field.card.primary-color {
        background-color: #007d6e; }
    body.materialize.dark input {
      border-bottom-color: #444;
      color: #ddd; }
      body.materialize.dark input[type=search] {
        border-bottom-color: transparent; }
        body.materialize.dark input[type=search] ~ .close {
          color: #aaa; }
        body.materialize.dark input[type=search]:not(.browser-default):focus:not([readonly]) {
          border-bottom-color: transparent; }
        body.materialize.dark input[type=search]:focus {
          background-color: transparent;
          color: #ddd;
          /*~ i {
            color: deepskyblue;
          }*/ }
          body.materialize.dark input[type=search]:focus ~ .close {
            color: indianred; }

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 0; }

::-webkit-scrollbar-track {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #009688;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.8); }

::-webkit-scrollbar-corner {
  background-color: #000;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6); }