body {
  background-color: #f8f8f8;
  color: #5f5f5f; }

body.noscroll {
  position: fixed;
  overflow-y: hidden;
  width: 100%; }

hr {
  border: 1px solid #E6E6E6;
  width: 90%; }

.transparent-bg {
  background-color: rgba(255, 255, 255, 0) !important; }

.semi-transparent-bg {
  background-color: rgba(255, 0, 0, 0.1) !important; }

.transparent-hover:hover {
  background-color: rgba(255, 255, 255, 0.5) !important; }

.default-bg {
  background-color: #ef5350 !important; }

.warning-soft-bg {
  background-color: #fffae6 !important; }

.success-bg {
  background-color: #66BB6A !important; }

.warning-bg {
  background-color: #FDD835 !important; }

.info-bg {
  background-color: #2196f3 !important; }

.grey1-bg {
  background-color: #f8f8f8 !important; }

.grey2-bg {
  background-color: #E6E6E6 !important; }

.grey3-bg {
  background-color: #e0e0e0 !important; }

.grey4-bg {
  background-color: #a6a6a6 !important; }

.black-bg {
  background-color: #5f5f5f !important; }

.myblack-text {
  color: #5f5f5f !important; }

.default-text {
  color: #ef5350 !important; }

.success-text {
  color: #66BB6A !important; }

.warning-text {
  color: #FDD835 !important; }

.info-text {
  color: #2196f3 !important; }

.grey1-text {
  color: #f8f8f8 !important; }

.grey2-text {
  color: #E6E6E6 !important; }

.grey3-text {
  color: #e0e0e0 !important; }

.grey4-text {
  color: #a6a6a6 !important; }

.capitalize {
  text-transform: capitalize; }

.login-box {
  width: 30%;
  min-width: 25em;
  height: 35em;
  background-color: red;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: #ef5350 5px solid; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #e0e0e0 !important;
  padding: 0 0.5em !important;
  box-sizing: border-box !important; }

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-bottom: 1px solid #5f5f5f !important;
  box-shadow: 0 1px 0 0 #5f5f5f !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #E6E6E6 !important;
  color: #5f5f5f; }

.myform .input-field, .myform .my-input-field {
  margin-bottom: 0.3em; }
  .myform .input-field input, .myform .input-field select, .myform .input-field .select2-container, .myform .input-field textarea, .myform .my-input-field input, .myform .my-input-field select, .myform .my-input-field .select2-container, .myform .my-input-field textarea {
    border: 1px solid #e0e0e0 !important;
    padding: 0 0.5em !important;
    box-sizing: border-box !important; }
  .myform .input-field textarea, .myform .my-input-field textarea {
    height: 8em;
    max-height: 8em !important;
    padding-top: 0.5em !important; }
  .myform .input-field .select-search, .myform .my-input-field .select-search {
    margin-bottom: 1em; }
  .myform .input-field .select2-selection, .myform .my-input-field .select2-selection {
    border-bottom: none !important; }
  .myform .input-field input:focus, .myform .input-field textarea:focus, .myform .my-input-field input:focus, .myform .my-input-field textarea:focus {
    border-bottom: 1px solid #5f5f5f !important;
    box-shadow: 0 1px 0 0 #5f5f5f !important; }
  .myform .input-field input:focus + label, .myform .my-input-field input:focus + label {
    color: #5f5f5f !important;
    top: -0.3em !important; }
  .myform .input-field textarea:focus + label, .myform .my-input-field textarea:focus + label {
    color: #5f5f5f !important;
    top: 0.5em !important; }
  .myform .input-field .select2-search__field:focus, .myform .my-input-field .select2-search__field:focus {
    border: none !important; }
  .myform .input-field input.select2-search__field, .myform .my-input-field input.select2-search__field {
    border: none !important;
    margin-bottom: 0.5em !important;
    width: 100% !important; }
  .myform .input-field input.valid, .myform .input-field textarea.valid, .myform .my-input-field input.valid, .myform .my-input-field textarea.valid {
    border: 1px solid #e0e0e0 !important;
    box-shadow: none !important; }
  .myform .input-field input.invalid, .myform .input-field textarea.invalid, .myform .my-input-field input.invalid, .myform .my-input-field textarea.invalid {
    border-bottom: 1px solid #ef5350 !important;
    box-shadow: 0 1px 0 0 #ef5350 !important; }
  .myform .input-field input.invalid + label, .myform .input-field textarea.invalid + label, .myform .my-input-field input.invalid + label, .myform .my-input-field textarea.invalid + label {
    color: #ef5350 !important; }
  .myform .input-field label, .myform .my-input-field label {
    top: -0.3em !important; }
  .myform .input-field label.forselect, .myform .my-input-field label.forselect {
    top: -2.7em !important; }
  .myform .input-field label.fortextarea, .myform .my-input-field label.fortextarea {
    top: 0.5em !important;
    font-size: 0.85em; }
  .myform .input-field label::after, .myform .my-input-field label::after {
    top: 5em !important; }
  .myform .input-field label.fortextarea::after, .myform .my-input-field label.fortextarea::after {
    top: 10.5em !important; }
  .myform .input-field .prefix.active, .myform .my-input-field .prefix.active {
    color: #ef5350; }

ul.autocomplete-content.dropdown-content {
  position: relative;
  width: 100%;
  z-index: 1000 !important; }

.solid {
  opacity: 1 !important; }

.full-screen {
  position: fixed;
  overflow: hidden !important;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10000;
  transition: all 0.3s ease !important; }
  .full-screen .loader-object {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%); }

.gravity-bottom {
  position: absolute;
  bottom: 10;
  width: 100%; }

.mycard {
  background-color: #f8f8f8;
  margin-bottom: 0em; }

.mycard:hover {
  background-color: #eeeeee;
  transition: all 0.3s ease !important; }

.mybadge {
  background-color: #ef5350;
  color: white;
  padding: 0.2em 0.5em;
  border-radius: 0.5em;
  margin: 0.5em; }

.my-toast-action {
  font-weight: 500;
  margin-right: 0px;
  margin-left: 3rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 100%; }

.transparent {
  opacity: 0.5; }

.modal-fixed-footer {
  overflow-y: hidden; }
  .modal-fixed-footer .modal-content {
    overflow-y: auto !important; }

.modal-title {
  background-color: #a6a6a6;
  color: white;
  width: 100%;
  padding: 0.3em 0.7em;
  font-size: 2em; }
  .modal-title h4 {
    margin-top: 0.4em; }

.top-nav-menu {
  position: relative;
  padding: 0em !important;
  width: 3em;
  height: 3em;
  margin-top: 0.5em;
  border-radius: 100%; }
  .top-nav-menu i {
    position: absolute;
    top: -0.4em;
    left: 0.4em; }

.breadcrumb:before {
  color: #e0e0e0; }

.breadcrumb, .breadcrumb:last-child {
  color: #a6a6a6; }

.bold {
  font-weight: bold; }

.breadcrumb-wrapper {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

ul.profile-expand {
  width: 18em; }
  ul.profile-expand .profile-header {
    background-color: #f8f8f8;
    padding: 1em 0.5em; }
    ul.profile-expand .profile-header .profile-picture {
      width: 3.5em; }
    ul.profile-expand .profile-header .profile-detail {
      padding-left: 1em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      ul.profile-expand .profile-header .profile-detail .position-detail {
        font-size: 0.8em; }
  ul.profile-expand a {
    color: #5f5f5f; }

.main-content {
  width: 100%; }
  .main-content .sidebar {
    z-index: 1000;
    position: fixed;
    font-size: 0.9em;
    background-color: #f0f0f0;
    height: calc(100% - 56px);
    padding: 0;
    transition: all 0.3s ease !important;
    overflow-y: auto; }

.slide-out {
  -ms-transform: translate(-100%, 0) !important;
  /* IE 9 */
  -webkit-transform: translate(-100%, 0) !important;
  /* Safari */
  transform: translate(-100%, 0) !important;
  transition: all 0.3s ease !important; }

.sidebar-menu {
  box-shadow: none;
  width: 100%;
  border: none; }
  .sidebar-menu li {
    border: none; }
    .sidebar-menu li a {
      color: #5f5f5f; }
    .sidebar-menu li .collapsible-header {
      background-color: #f0f0f0;
      border: none; }
    .sidebar-menu li .collapsible-header.active {
      background-color: #E6E6E6;
      color: #ef5350; }
    .sidebar-menu li .collapsible-header.active-nochild {
      border-right: 5px solid #ef5350; }
    .sidebar-menu li .collapsible-header:hover {
      background-color: #E6E6E6;
      transition: all 0.3s ease !important; }
    .sidebar-menu li .collapsible-body {
      border: none;
      background-color: #E6E6E6;
      padding: 0; }
  .sidebar-menu .sidebar-submenu {
    box-shadow: none;
    width: 100%;
    border: none; }
    .sidebar-menu .sidebar-submenu a.collection-item {
      background-color: #E6E6E6;
      border: none;
      padding-left: 3em;
      color: #5f5f5f; }
    .sidebar-menu .sidebar-submenu a.active {
      color: #ef5350;
      background-color: #d8d8d8;
      border-right: 5px solid #ef5350; }

.main-view {
  transition: all 0.3s ease !important;
  padding: 1em !important; }
  .main-view .content {
    padding: 1em;
    border-bottom: 5px #ef5350 solid; }
    .main-view .content .content-title h3 {
      color: #ef5350; }

.overlay-layer {
  background-color: black;
  margin-top: -1em;
  opacity: 0.8;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  overflow: hidden;
  transition: all 0.3s ease !important; }

ul.tabs .indicator {
  background-color: #ef5350; }
ul.tabs li.tab a {
  color: #ef5350; }
ul.tabs li.tab a.active {
  font-weight: bold; }

.my-collection {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  overflow: visible; }
  .my-collection .collection-item:hover, .my-collection a.collection-item:hover {
    background-color: #f8f8f8 !important; }
  .my-collection a.collection-item {
    color: #5f5f5f; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.my-switch label input[type=checkbox]:checked + .lever {
  background-color: #9bd39e; }
.my-switch label input[type=checkbox]:checked + .lever:after {
  background-color: #66BB6A; }

@media only screen and (min-width: 601px) {
  .right-on-medium-and-up {
    text-align: right !important; } }
ul.mydropdown {
  color: #5f5f5f;
  min-width: 10em; }
  ul.mydropdown li a {
    font-size: 90% !important;
    color: #5f5f5f; }

.my-checkbox[type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #ef5350;
  background-color: #ef5350; }

span.caret {
  right: 1em !important; }

.picker__date-display, .picker__weekday-display {
  background-color: #5f5f5f; }

.picker__day--selected {
  background-color: #ef5350 !important;
  color: white !important; }

.picker__day--today {
  color: #ef5350 !important; }

.picker__day--today.picker__day--selected {
  color: white !important; }

.picker__close, .picker__today, .picker__clear {
  color: #ef5350; }

.sign-section {
  border-top: solid 1px #5f5f5f; }

@media print {
  body {
    font-size: 80%; }

  table {
    font-size: 90%; }
    table td, table th {
      padding-top: 0.5em !important;
      padding-bottom: 0.5em !important;
      -webkit-print-color-adjust: exact; } }
.full-width {
  width: 100% !important; }

.soft-grey2-border {
  border: 1px #E6E6E6 solid; }

.my-select ul li > span {
  color: #5f5f5f !important; }

.materialboxed.active {
  z-index: 10000 !important; }

#materialbox-overlay {
  z-index: 9999 !important; }

.bottom-sheet.open {
  max-height: 100% !important;
  overflow: visible;
  z-index: 2000 !important; }

@media only screen and (max-width: 600px) {
  .bottom-sheet.open {
    overflow: auto;
    height: 100% !important; } }
.material-icons.icon {
  font-size: 1.2em !important;
  padding-top: 0.1em; }

.item-description, .text-nowrap {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

ol.custom {
  list-style-type: none;
  margin-left: -2.5em; }

ol.custom > li {
  counter-increment: customlistcounter; }

ol.custom > li:before {
  content: counter(customlistcounter,lower-alpha) ")";
  float: left;
  width: 1.2em; }

ol.custom:first-child {
  counter-reset: customlistcounter; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5; }

::-webkit-scrollbar {
  height: 0.5em;
  width: 0.5em;
  background-color: none; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ef5350; }

.border-left-grey4 {
  border-left: solid 3px #a6a6a6; }

.border-left-default {
  border-left: solid 3px #ef5350; }

.dynamic-input {
  transition: all 0.3s ease !important; }

.select2-container-move-to-top {
  margin-top: -21rem !important; }

table.full-border th, table.full-border td {
  border-right: 1px solid #a6a6a6;
  border-left: 1px solid #a6a6a6;
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6; }

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