body {
  overflow-y: scroll;
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

main {
  flex: 1 1 auto; }

.page-footer .footer-copyright {
  background-color: #212121; }

.page-footer .footer-copyright a {
  color: #26c6da; }

.ng-animate {
  --webkit-transition: none !important;
  transition: none !important; }

.ng-animate.preloader-wrapper {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none; }

.accent, .accent:hover {
  background-color: #ff8a80 !important; }

.btn-multiply {
  background-color: #e0e0e0;
  color: #9F9F9F; }

.btn-multiply:hover {
  background-color: #00bcd4;
  color: white; }

.btn-delete {
  background-color: #e0e0e0;
  color: #9F9F9F; }

.btn-delete:hover {
  background-color: #e53935;
  color: white; }

.btn-delete i {
  color: #9F9F9F;
  font-size: 1.2rem; }

.btn-delete i:hover {
  color: white; }

.btn-remove {
  background-color: #e0e0e0;
  color: #9F9F9F; }

.btn-remove:hover {
  background-color: #e53935;
  color: white; }

.btn-add {
  background-color: #0097a7; }

.btn-save {
  background-color: #00e5ff; }

.btn-export {
  background-color: #29b6f6; }

.btn-save:hover {
  background-color: #00e5ff; }

.select-wrapper input.select-dropdown {
  z-index: 2; }

input:not([type]).invalid + label:after,
input:not([type]):focus.invalid + label:after,
input[type=text].invalid + label:after,
input[type=text]:focus.invalid + label:after,
input[type=password].invalid + label:after,
input[type=password]:focus.invalid + label:after,
input[type=email].invalid + label:after,
input[type=email]:focus.invalid + label:after,
input[type=url].invalid + label:after,
input[type=url]:focus.invalid + label:after,
input[type=time].invalid + label:after,
input[type=time]:focus.invalid + label:after,
input[type=date].invalid + label:after,
input[type=date]:focus.invalid + label:after,
input[type=datetime].invalid + label:after,
input[type=datetime]:focus.invalid + label:after,
input[type=datetime-local].invalid + label:after,
input[type=datetime-local]:focus.invalid + label:after,
input[type=tel].invalid + label:after,
input[type=tel]:focus.invalid + label:after,
input[type=number].invalid + label:after,
input[type=number]:focus.invalid + label:after,
input[type=search].invalid + label:after,
input[type=search]:focus.invalid + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea:focus.invalid + label:after {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%; }

footer.page-footer {
  margin-top: 0;
  padding-top: 0; }
  footer.page-footer > .container {
    padding-top: 20px; }

nav .nav-wrapper {
  padding-left: 30px;
  background-color: black; }

nav .brand-logo .material-icons.large {
  font-size: 4rem; }

@media (max-width: 600px) {
  .reverse {
    display: flex;
    flex-direction: column-reverse; } }

table.highlight > tbody > tr:hover {
  background-color: #e0e0e0; }

:focus {
  outline: -webkit-focus-ring-color auto 0; }

.arrow-visible {
  color: black; }

.arrow-invisible {
  color: #fafafa; }

th > a {
  color: black;
  cursor: pointer; }

.fixed-action-button.kind-directive {
  position: absolute;
  right: 10px;
  top: 10px; }

.input-field div.error {
  position: relative;
  top: -1rem;
  left: 0rem;
  font-size: 0.8rem;
  color: #ff8a80;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

textarea.materialize-textarea {
  padding-bottom: 0.8rem; }

div.accent > input[type=text].valid {
  border-bottom: 1px solid #00c853;
  box-shadow: 0 1px 0 0 #00c853; }

div.noPadding > div.select-wrapper {
  padding-left: 0; }

div.white-caret > span.caret {
  color: white; }

.btn.disabled {
  pointer-events: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important; }

.dropdown-content li > span {
  display: flex; }

@media (max-width: 992px) {
  .left-space {
    padding-left: 0 !important; }
  .add-top {
    margin-top: 5px; } }

@media (min-width: 991px) {
  .flex {
    display: flex;
    flex: 1 1 auto; }
  .flex-content {
    flex: 1 0 auto; }
  .flex-content2 {
    flex: 1 1 auto; }
  .card-footer {
    bottom: 0;
    position: absolute !important;
    width: 100%; }
  .upload-footer {
    bottom: 77px;
    position: absolute !important;
    width: 100%; }
  .padd-right {
    padding-right: 0 !important; }
  main {
    display: flex; }
  .card-width {
    max-width: 66%;
    margin-left: auto;
    margin-right: auto; }
  .without-offset {
    margin-left: 0 !important; } }

@media (max-width: 347px) {
  .add-top {
    margin-top: 5px; } }

.custom-snackbar {
  min-width: 250px;
  margin-left: -125px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 10000;
  left: 50%;
  top: 30px;
  bottom: auto;
  cursor: pointer; }

.custom-snackbar.error {
  background-color: #e53935; }

.custom-snackbar.success {
  background-color: #00bcd4; }

.custom-snackbar.ng-enter,
.custom-snackbar.ng-leave {
  -webkit-transition: opacity ease-in-out 0.5s !important;
  -moz-transition: opacity ease-in-out 0.5s !important;
  -ms-transition: opacity ease-in-out 0.5s !important;
  -o-transition: opacity ease-in-out 0.5s !important;
  transition: opacity ease-in-out 0.5s !important; }

.custom-snackbar.ng-enter,
.custom-snackbar.ng-leave.ng-leave-active {
  opacity: 0 !important; }

.custom-snackbar.ng-leave,
.custom-snackbar.ng-enter.ng-enter-active {
  opacity: 1 !important; }

.progress {
  background-color: #fce4ec; }
  .progress .determinate {
    background-color: #f8bbd0; }

.account-view .flex-card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }

.account-view .flex-card-content {
  justify-content: space-between; }
  .account-view .flex-card-content .btn-reset {
    background-color: #26c6da; }

.account-view .card-action.card-action-top {
  border-top: 0; }
  .account-view .card-action.card-action-top .card-title {
    font-weight: 400; }

.account-view .not-coll {
  border: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  height: 86vh; }
  .account-view .not-coll .avatar {
    min-height: 0;
    display: flex;
    justify-content: space-between; }
  .account-view .not-coll .not-delete {
    align-self: center;
    margin-left: 0.5rem; }

.account-view .collection .collection-item.avatar .circle {
  position: initial; }

.account-view .collection.with-header .collection-item.avatar {
  padding-left: 20px; }

.clips-view {
  opacity: 0; }

.clips-view.ready {
  opacity: 1;
  transition: opacity .1s ease-in-out; }
  .clips-view.ready custom-pagination[use-simple-view="true"] .pageCount {
    padding-left: 10px; }
    .clips-view.ready custom-pagination[use-simple-view="true"] .pageCount a {
      cursor: default; }
  .clips-view.ready custom-pagination[use-simple-view="true"] .pagination li a {
    padding: 0; }

.clips-view .fa-fw {
  width: auto; }

.autocomplete-selected-item {
  background-color: #DFDFDF; }

.custom-table {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.max-width {
  max-width: 0; }

.pagination li {
  width: auto !important; }

.pagination li.active {
  background-color: black !important; }

custom-table div.preloader-wrapper.smaller {
  width: 20px;
  height: 20px;
  top: 5px; }

.custom-table .line-clamp {
  position: relative;
  max-height: 3em;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.custom-table.name-wrap {
  white-space: normal;
  word-break: break-word; }

.big .line-clamp {
  max-height: 5.8em; }

.sort-icon {
  display: none; }

.sorted .sort-icon {
  display: inline-block; }

#preview-modal .centered {
  position: fixed;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 56px;
  right: 0; }

custom-pagination div.input-field {
  margin-top: 0;
  border: 1px solid #d0d0d0; }
  custom-pagination div.input-field i, custom-pagination div.input-field i.prefix.active {
    color: #039be5; }
  custom-pagination div.input-field input {
    width: 50px !important;
    height: 2rem;
    margin: 0;
    border-bottom: 0; }
  custom-pagination div.input-field input[type=number]:focus:not([readonly]) {
    border-bottom: 0;
    box-shadow: none; }

@supports (-webkit-line-clamp: 3) {
  .custom-table .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
    max-height: 3em;
    overflow: hidden;
    word-break: break-word; }
  .big .line-clamp {
    -webkit-line-clamp: 4;
    max-height: 5.8em; }
  .custom-table .line-clamp:after {
    display: none; } }

input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid {
  border-bottom: 1px solid #00bcd4;
  box-shadow: 0 1px 0 0 #00bcd4; }

input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]) {
  border-bottom: 1px solid #0097a7;
  box-shadow: 0 1px 0 0 #0097a7; }

input[type=email].invalid, input[type=email]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid {
  border-bottom: 1px solid #ff8a80;
  box-shadow: 0 1px 0 0 #ff8a80; }

.my-tabs .tab a.active {
  background-color: transparent;
  color: #e53935; }

.my-tabs .tab a {
  color: #ff8a80; }

.my-tabs .indicator {
  background-color: #e53935; }

.snackbar {
  visibility: hidden;
  /* Hidden by default. Visible on click */
  min-width: 250px;
  /* Set a default minimum width */
  margin-left: -125px;
  /* Divide value of min-width by 2 */
  background-color: #00bcd4;
  /* Black background color */
  color: #fff;
  /* White text color */
  text-align: center;
  /* Centered text */
  border-radius: 2px;
  /* Rounded borders */
  padding: 16px;
  /* Padding */
  position: fixed;
  /* Sit on top of the screen */
  z-index: 1;
  /* Add a z-index if needed */
  left: 50%;
  /* Center the snackbar */
  bottom: 30px;
  /* 30px from the bottom */ }

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.snackbar-show {
  visibility: visible;
  /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s; }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 30px;
    opacity: 1; } }

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 30px;
    opacity: 1; } }

input.validate:not([type]) + label, input.validate[type="text"] + label, input.validate[type="password"] + label, input.validate[type="email"] + label, input.validate[type="url"] + label, input.validate[type="time"] + label, input.validate[type="date"] + label, input.validate[type="datetime"] + label, input.validate[type="datetime-local"] + label, input.validate[type="tel"] + label, input.validate[type="number"] + label, input.validate[type="search"] + label, textarea.materialize-textarea.validate + label {
  width: 100%;
  pointer-events: none;
  left: 0; }

.conectionInfo {
  left: 50%;
  top: 25%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  border-radius: 0;
  background-color: #f9edbe; }

.custom-nav {
  background-color: black; }

.custom-nav ul li.active {
  background-color: #212121;
  cursor: pointer; }

.custom-nav ul li.active a {
  color: #26c6da;
  pointer-events: none; }

#dropdown1 .new.badge {
  float: right; }

.project-selector {
  height: 64px !important;
  background-color: #212121;
  padding: 0 10px 0 10px; }
  .project-selector .select-wrapper span.caret {
    top: -10px;
    color: white; }
  .project-selector .select-wrapper input.select-dropdown {
    display: inline-block;
    border-bottom: 0; }

.project-management {
  opacity: 0; }

.project-management-add {
  opacity: 1;
  transition: opacity .1s ease-in-out;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  width: 100vw; }

.project-management.ready {
  opacity: 1;
  transition: opacity .1s ease-in-out; }

.project-edit .centered {
  margin-left: auto;
  margin-right: auto;
  align-self: center; }

.button-small {
  width: 27px;
  height: 27px;
  line-height: 27px; }

.icon-small {
  font-size: 1.2rem !important;
  line-height: 27px !important; }

.btn .switch {
  float: left;
  margin-left: -20px;
  margin-top: -1px;
  pointer-events: all;
  cursor: pointer; }

.downloadProject-icon-circle {
  padding-top: 8px;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  z-index: 1; }

#project input[type=text].valid {
  border-bottom: 1px solid #9e9e9e;
  box-shadow: none; }

#project input[type=text]:focus.valid {
  border-bottom: 1px solid #00bcd4;
  box-shadow: 0 1px 0 0 #00bcd4; }

#project input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #0097a7;
  box-shadow: 0 1px 0 0 #0097a7; }

#project input[type=text].invalid {
  border-bottom: 1px solid #ff8a80 !important;
  box-shadow: 0 1px 0 0 #ff8a80 !important; }

#kind .flex-item.ui-sortable-helper {
  background-color: #eeeeee; }

#kind .ui-sortable-placeholder {
  visibility: visible !important;
  border: 2px solid #26c6da !important; }

#kind .flex-disp {
  display: flex;
  flex-direction: column; }

#kind .flex-item {
  display: flex;
  cursor: move;
  align-items: center; }

#kind div.flex-item > div:first-child {
  flex: 1 1 auto; }

#kind .btn-smaller {
  width: 20px;
  height: 20px;
  position: relative; }

#kind .sort-icon {
  line-height: 20px;
  font-size: 1.3rem;
  position: absolute;
  left: -1px; }

#users .material-icons.right {
  padding-left: 10px; }

#users .user-email-flex {
  display: flex;
  align-items: center; }

#users .material-icons.confirmed {
  color: #00838f; }

#users .material-icons.invited {
  color: #4dd0e1; }

#users .material-icons.failed {
  color: #e53935; }

#users .select-with-label label.active {
  top: 0.8rem; }

#users .select-wrapper.invalid + label:after {
  content: attr(data-error);
  color: #F44336;
  opacity: 1;
  display: block;
  position: absolute;
  top: 60px;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%; }

#users .select-wrapper.invalid .select-dropdown {
  border-bottom: 1px solid #ff8a80 !important;
  box-shadow: 0 1px 0 0 #ff8a80 !important; }

#attribute tr.active, #users tr.active, #kind tr.active {
  border: 2px solid #00bcd4; }

#attribute .add-new, #users .add-new, #kind .add-new {
  background-color: #00e5ff; }

#attribute .clear-btn, #users .clear-btn, #kind .clear-btn {
  background-color: #212121; }

#attribute .main-loader, #users .main-loader, #kind .main-loader {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1000; }

.project-import {
  display: flex; }
  .project-import .btn-close {
    margin-top: 2px;
    margin-right: 5px;
    background-color: #e53935; }
  .project-import div.preloader-wrapper.smaller {
    width: 20px;
    height: 20px; }
  .project-import .flex-import {
    display: flex;
    flex-wrap: wrap; }
    .project-import .flex-import .flex-item {
      align-self: center;
      margin-left: 10px;
      margin-right: 20px; }
  .project-import .info {
    padding-left: 0;
    padding-right: 20px; }

.project-export div.preloader-wrapper.centered, .project-export div.preloader-wrapper.centered {
  left: 0;
  right: 0; }

.project-export div.preloader-wrapper, .project-export div.preloader-wrapper.centered {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0; }

.col .no-left-padding {
  padding-left: 0;
  margin-top: 1rem;
  position: relative; }

[import-view] .import-button {
  height: 3rem;
  line-height: 3rem;
  float: right;
  background-color: #00e5ff; }

[import-view] .import-button:hover {
  background-color: #00e5ff; }

.switch-disabled {
  pointer-events: none !important; }

.my-tabs .tab a.active {
  background-color: transparent;
  color: #e53935; }

.my-tabs .tab a {
  color: #ff8a80; }

.my-tabs .tab.disabled a {
  pointer-events: none; }

.my-tabs .indicator {
  background-color: #e53935; }

#export-toast {
  display: none;
  /* Hidden by default. Visible on click */
  min-width: 250px;
  /* Set a default minimum width */
  margin-left: -125px;
  /* Divide value of min-width by 2 */
  background-color: #00bcd4;
  /* Black background color */
  color: #fff;
  /* White text color */
  text-align: center;
  /* Centered text */
  border-radius: 2px;
  /* Rounded borders */
  padding: 16px;
  /* Padding */
  position: fixed;
  /* Sit on top of the screen */
  z-index: 1;
  /* Add a z-index if needed */
  left: 50%;
  /* Center the snackbar */
  bottom: 30px;
  /* 30px from the bottom */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s; }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 30px;
    opacity: 1; } }

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 30px;
    opacity: 1; } }

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }

.grow {
  transition: all .2s ease-in-out; }

.grow-export {
  transform: scale(1.2); }

.resource-edit {
  opacity: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  width: 100vw;
  flex-direction: column; }

.resource-edit.ready {
  opacity: 1;
  transition: opacity .1s ease-in-out; }

.select-dropdown li img.select-image {
  max-height: 64px;
  max-width: 64px;
  height: auto;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none; }

.span-centre .input-field .select-wrapper .dropdown-content li > span {
  height: 80px;
  vertical-align: middle;
  display: flex;
  align-items: center; }

.flex-gallery {
  padding-left: 0 !important; }

@media only screen and (max-width: 992px) {
  .flex-gallery {
    padding-left: 0.75rem !important; } }

*[resource-form] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column; }
  *[resource-form] .card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column; }
    *[resource-form] .card .card-action.card-action-top {
      border-top: 0;
      padding: 0; }
    *[resource-form] .card .card-content {
      display: flex;
      flex-direction: column;
      flex: 1 0 auto; }
      *[resource-form] .card .card-content input[type=text].valid {
        border-bottom: 1px solid #9e9e9e;
        box-shadow: none; }
      *[resource-form] .card .card-content input[type=text]:focus.valid {
        border-bottom: 1px solid #00bcd4;
        box-shadow: 0 1px 0 0 #00bcd4; }
      *[resource-form] .card .card-content input[type=text]:focus:not([readonly]) {
        border-bottom: 1px solid #0097a7;
        box-shadow: 0 1px 0 0 #0097a7; }
      *[resource-form] .card .card-content input[type=text].invalid {
        border-bottom: 1px solid #ff8a80 !important;
        box-shadow: 0 1px 0 0 #ff8a80 !important; }
      *[resource-form] .card .card-content .input-name {
        font-weight: bold;
        font-size: 1.5rem; }
      *[resource-form] .card .card-content .divider {
        margin: 3px 0 3px 0; }
      *[resource-form] .card .card-content .btn-floating {
        margin: 2px 0 2px 0; }
      *[resource-form] .card .card-content .label-error {
        width: 100%;
        pointer-events: none;
        left: 0; }
      *[resource-form] .card .card-content .select-with-label label.active {
        top: 0.8rem; }
      *[resource-form] .card .card-content .select-wrapper.invalid + label:after {
        content: attr(data-error);
        color: #F44336;
        opacity: 1;
        display: block;
        position: absolute;
        top: 60px;
        transition: 0.2s opacity ease-out, 0.2s color ease-out;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%; }
      *[resource-form] .card .card-content .select-wrapper.invalid .select-dropdown {
        border-bottom: 1px solid #F44336 !important;
        box-shadow: 0 1px 0 0 #F44336 !important; }
      *[resource-form] .card .card-content .thumbnail {
        max-height: 64px;
        max-width: 64px;
        height: auto;
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto; }
      *[resource-form] .card .card-content .relation {
        padding-left: 10px;
        padding-right: 10px; }
      *[resource-form] .card .card-content .relation-title {
        padding: 0.75rem;
        color: #9e9e9e;
        font-size: 0.8rem; }
      *[resource-form] .card .card-content .relation-name {
        flex: 1;
        word-break: break-word; }
      *[resource-form] .card .card-content .relation-item {
        align-self: stretch;
        display: flex; }
      *[resource-form] .card .card-content .relation-container {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-column-gap: 4%;
        align-items: end;
        grid-auto-rows: 1fr;
        grid-row-gap: 10px; }
      @media only screen and (max-width: 600px) {
        *[resource-form] .card .card-content .relation-container {
          display: grid;
          grid-template-columns: 100%;
          grid-column-gap: 0;
          align-items: end;
          grid-auto-rows: 1fr;
          grid-row-gap: 10px; } }
      *[resource-form] .card .card-content .flex-parent {
        display: flex;
        flex: 1 1 auto; }
      *[resource-form] .card .card-content .flex-parent .input-field, *[resource-form] .card .card-content .flex-relation {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        margin-top: 0; }
      *[resource-form] .card .card-content .crossed {
        position: relative; }
      *[resource-form] .card .card-content .btn.disabled {
        background: #DFDFDF !important; }
      *[resource-form] .card .card-content .crossed:before, *[resource-form] .card .card-content .crossed:after {
        position: absolute;
        content: '';
        background: #9F9F9F;
        display: block;
        width: 100%;
        height: 2px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 10; }
      *[resource-form] .card .card-content .flex-prop {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        flex: 1 1 auto; }
      *[resource-form] .card .card-content .flex-prop-item {
        flex-grow: 3;
        display: flex; }
      *[resource-form] .card .card-content div.flex-prop-item > div:first-child {
        flex: 1 1 auto; }
      *[resource-form] .card .card-content .padding-rel {
        padding: 0 0.75rem; }
      *[resource-form] .card .card-content .flex-small {
        flex-grow: 1;
        display: flex;
        flex-direction: row;
        justify-content: flex-end; }
        *[resource-form] .card .card-content .flex-small a {
          margin-left: 5px; }
      *[resource-form] .card .card-content .flex-sort {
        display: flex;
        flex-direction: column; }
        *[resource-form] .card .card-content .flex-sort .handle {
          cursor: move; }
        *[resource-form] .card .card-content .flex-sort .flex-multi {
          display: flex;
          flex-direction: row;
          align-items: center;
          padding: 0 0 0 0.75rem; }
      *[resource-form] .card .card-content .item-multiple {
        display: flex;
        cursor: move; }
      *[resource-form] .card .card-content .ui-sortable-helper {
        background-color: #eeeeee; }
      *[resource-form] .card .card-content .ui-sortable-placeholder {
        visibility: visible !important;
        border: 2px solid #26c6da !important; }
      *[resource-form] .card .card-content .btn-smaller {
        width: 20px;
        height: 20px;
        position: relative; }
      *[resource-form] .card .card-content .sort-icon {
        line-height: 20px;
        font-size: 1.3rem;
        position: absolute;
        left: -1px; }
      *[resource-form] .card .card-content .rel-icon {
        width: 74px; }
      *[resource-form] .card .card-content .last-modified {
        margin-top: auto;
        padding-top: 1rem; }
    *[resource-form] .card .card-action.form-action {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end; }
      *[resource-form] .card .card-action.form-action .prop-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: -23px 0;
        align-self: center; }
      *[resource-form] .card .card-action.form-action .prop-select {
        display: inline-block;
        width: 220px;
        margin-right: 10px;
        position: relative;
        top: 5px; }
  *[resource-form] .switch-disabled {
    pointer-events: none !important; }
  *[resource-form] .row {
    margin: 0; }
  *[resource-form] .btn .switch {
    float: left;
    margin-left: -20px;
    margin-top: -1px;
    pointer-events: all;
    cursor: pointer; }
  *[resource-form] ul.dropdown-content {
    max-height: 80vh; }

.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.red {
  background-color: #F44336 !important; }

.red-text {
  color: #F44336 !important; }

.red.lighten-5 {
  background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
  color: #FFEBEE !important; }

.red.lighten-4 {
  background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
  color: #FFCDD2 !important; }

.red.lighten-3 {
  background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
  color: #EF9A9A !important; }

.red.lighten-2 {
  background-color: #E57373 !important; }

.red-text.text-lighten-2 {
  color: #E57373 !important; }

.red.lighten-1 {
  background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
  color: #EF5350 !important; }

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

.red-text.text-darken-2 {
  color: #D32F2F !important; }

.red.darken-3 {
  background-color: #C62828 !important; }

.red-text.text-darken-3 {
  color: #C62828 !important; }

.red.darken-4 {
  background-color: #B71C1C !important; }

.red-text.text-darken-4 {
  color: #B71C1C !important; }

.red.accent-1 {
  background-color: #FF8A80 !important; }

.red-text.text-accent-1 {
  color: #FF8A80 !important; }

.red.accent-2 {
  background-color: #FF5252 !important; }

.red-text.text-accent-2 {
  color: #FF5252 !important; }

.red.accent-3 {
  background-color: #FF1744 !important; }

.red-text.text-accent-3 {
  color: #FF1744 !important; }

.red.accent-4 {
  background-color: #D50000 !important; }

.red-text.text-accent-4 {
  color: #D50000 !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink-text.text-lighten-5 {
  color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 {
  color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink-text.text-lighten-2 {
  color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink-text.text-lighten-1 {
  color: #ec407a !important; }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink-text.text-darken-1 {
  color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink-text.text-darken-2 {
  color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink-text.text-darken-3 {
  color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink-text.text-darken-4 {
  color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink-text.text-accent-1 {
  color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink-text.text-accent-2 {
  color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink-text.text-accent-3 {
  color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.pink-text.text-accent-4 {
  color: #c51162 !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 {
  color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 {
  color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 {
  color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple-text.text-lighten-1 {
  color: #ab47bc !important; }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple-text.text-darken-1 {
  color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 {
  color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple-text.text-darken-3 {
  color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple-text.text-darken-4 {
  color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple-text.text-accent-1 {
  color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple-text.text-accent-2 {
  color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple-text.text-accent-3 {
  color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important; }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 {
  color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 {
  color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 {
  color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple-text.text-accent-3 {
  color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 {
  color: #6200ea !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 {
  color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo-text.text-lighten-2 {
  color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important; }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo-text.text-darken-1 {
  color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo-text.text-darken-2 {
  color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo-text.text-darken-3 {
  color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo-text.text-darken-4 {
  color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo-text.text-accent-1 {
  color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo-text.text-accent-2 {
  color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo-text.text-accent-3 {
  color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.indigo-text.text-accent-4 {
  color: #304ffe !important; }

.blue {
  background-color: #2196F3 !important; }

.blue-text {
  color: #2196F3 !important; }

.blue.lighten-5 {
  background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 {
  color: #E3F2FD !important; }

.blue.lighten-4 {
  background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 {
  color: #BBDEFB !important; }

.blue.lighten-3 {
  background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 {
  color: #90CAF9 !important; }

.blue.lighten-2 {
  background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 {
  color: #64B5F6 !important; }

.blue.lighten-1 {
  background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 {
  color: #42A5F5 !important; }

.blue.darken-1 {
  background-color: #1E88E5 !important; }

.blue-text.text-darken-1 {
  color: #1E88E5 !important; }

.blue.darken-2 {
  background-color: #1976D2 !important; }

.blue-text.text-darken-2 {
  color: #1976D2 !important; }

.blue.darken-3 {
  background-color: #1565C0 !important; }

.blue-text.text-darken-3 {
  color: #1565C0 !important; }

.blue.darken-4 {
  background-color: #0D47A1 !important; }

.blue-text.text-darken-4 {
  color: #0D47A1 !important; }

.blue.accent-1 {
  background-color: #82B1FF !important; }

.blue-text.text-accent-1 {
  color: #82B1FF !important; }

.blue.accent-2 {
  background-color: #448AFF !important; }

.blue-text.text-accent-2 {
  color: #448AFF !important; }

.blue.accent-3 {
  background-color: #2979FF !important; }

.blue-text.text-accent-3 {
  color: #2979FF !important; }

.blue.accent-4 {
  background-color: #2962FF !important; }

.blue-text.text-accent-4 {
  color: #2962FF !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important; }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue-text.text-darken-1 {
  color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 {
  color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue-text.text-darken-3 {
  color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue-text.text-darken-4 {
  color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 {
  color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 {
  color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 {
  color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.light-blue-text.text-accent-4 {
  color: #0091ea !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan-text.text-lighten-3 {
  color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan-text.text-lighten-1 {
  color: #26c6da !important; }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan-text.text-darken-1 {
  color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan-text.text-darken-2 {
  color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan-text.text-darken-3 {
  color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan-text.text-darken-4 {
  color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan-text.text-accent-1 {
  color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan-text.text-accent-2 {
  color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan-text.text-accent-3 {
  color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 {
  color: #00b8d4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 {
  color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 {
  color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal-text.text-lighten-2 {
  color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal-text.text-lighten-1 {
  color: #26a69a !important; }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal-text.text-darken-1 {
  color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal-text.text-darken-3 {
  color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal-text.text-darken-4 {
  color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal-text.text-accent-1 {
  color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal-text.text-accent-2 {
  color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal-text.text-accent-3 {
  color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.teal-text.text-accent-4 {
  color: #00bfa5 !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.lighten-5 {
  background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
  color: #E8F5E9 !important; }

.green.lighten-4 {
  background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
  color: #C8E6C9 !important; }

.green.lighten-3 {
  background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
  color: #A5D6A7 !important; }

.green.lighten-2 {
  background-color: #81C784 !important; }

.green-text.text-lighten-2 {
  color: #81C784 !important; }

.green.lighten-1 {
  background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
  color: #66BB6A !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
  color: #2E7D32 !important; }

.green.darken-4 {
  background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
  color: #1B5E20 !important; }

.green.accent-1 {
  background-color: #B9F6CA !important; }

.green-text.text-accent-1 {
  color: #B9F6CA !important; }

.green.accent-2 {
  background-color: #69F0AE !important; }

.green-text.text-accent-2 {
  color: #69F0AE !important; }

.green.accent-3 {
  background-color: #00E676 !important; }

.green-text.text-accent-3 {
  color: #00E676 !important; }

.green.accent-4 {
  background-color: #00C853 !important; }

.green-text.text-accent-4 {
  color: #00C853 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green-text.text-lighten-2 {
  color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important; }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green-text.text-darken-1 {
  color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green-text.text-darken-2 {
  color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green-text.text-darken-3 {
  color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green-text.text-darken-4 {
  color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green-text.text-accent-1 {
  color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 {
  color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green-text.text-accent-3 {
  color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.light-green-text.text-accent-4 {
  color: #64dd17 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 {
  color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime-text.text-lighten-2 {
  color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime-text.text-lighten-1 {
  color: #d4e157 !important; }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime-text.text-darken-1 {
  color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime-text.text-darken-2 {
  color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime-text.text-darken-3 {
  color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime-text.text-darken-4 {
  color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime-text.text-accent-1 {
  color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime-text.text-accent-2 {
  color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime-text.text-accent-3 {
  color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.lime-text.text-accent-4 {
  color: #aeea00 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 {
  color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow-text.text-lighten-3 {
  color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow-text.text-lighten-2 {
  color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 {
  color: #ffee58 !important; }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow-text.text-darken-1 {
  color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow-text.text-darken-2 {
  color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow-text.text-darken-3 {
  color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow-text.text-darken-4 {
  color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow-text.text-accent-1 {
  color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow-text.text-accent-3 {
  color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.yellow-text.text-accent-4 {
  color: #ffd600 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 {
  color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 {
  color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber-text.text-lighten-3 {
  color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber-text.text-lighten-2 {
  color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber-text.text-lighten-1 {
  color: #ffca28 !important; }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber-text.text-darken-1 {
  color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber-text.text-darken-2 {
  color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber-text.text-darken-3 {
  color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber-text.text-darken-4 {
  color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber-text.text-accent-1 {
  color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber-text.text-accent-2 {
  color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber-text.text-accent-3 {
  color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.amber-text.text-accent-4 {
  color: #ffab00 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 {
  color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 {
  color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange-text.text-lighten-2 {
  color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange-text.text-lighten-1 {
  color: #ffa726 !important; }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange-text.text-darken-1 {
  color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange-text.text-darken-2 {
  color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange-text.text-darken-3 {
  color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange-text.text-darken-4 {
  color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange-text.text-accent-1 {
  color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange-text.text-accent-2 {
  color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange-text.text-accent-3 {
  color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.orange-text.text-accent-4 {
  color: #ff6d00 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important; }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 {
  color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 {
  color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 {
  color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown-text.text-lighten-5 {
  color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown-text.text-lighten-2 {
  color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 {
  color: #8d6e63 !important; }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown-text.text-darken-1 {
  color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown-text.text-darken-2 {
  color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown-text.text-darken-3 {
  color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.brown-text.text-darken-4 {
  color: #3e2723 !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 {
  color: #78909c !important; }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 {
  color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 {
  color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey-text.text-darken-3 {
  color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.blue-grey-text.text-darken-4 {
  color: #263238 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

*[resource-gallery] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column; }
  *[resource-gallery] .card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column; }
    *[resource-gallery] .card .drag-panel {
      flex: 1 1 auto;
      padding-top: 0  !important; }
    *[resource-gallery] .card .drop-box {
      color: black;
      width: 100%;
      padding-top: 18px;
      margin-bottom: 5px; }
    *[resource-gallery] .card .dragover {
      border: 3px dashed lightgrey; }
    *[resource-gallery] .card .gallery-file {
      position: relative;
      border-bottom: 1px solid black;
      left: 5px;
      padding-left: 0; }
    *[resource-gallery] .card .error-list {
      list-style-type: initial;
      padding-left: 24px;
      word-break: break-word;
      margin-top: 0;
      margin-bottom: 0; }
    *[resource-gallery] .card .error-list li {
      list-style-type: initial; }
    *[resource-gallery] .card .card-content {
      display: flex;
      flex-direction: column;
      flex: 1 0 auto;
      padding-top: 9px; }
      *[resource-gallery] .card .card-content .row:last-child {
        margin-bottom: 0; }
      *[resource-gallery] .card .card-content tr.item-error {
        border: 2px solid #e57373;
        border-left: 0;
        border-right: 0; }
      *[resource-gallery] .card .card-content .gallery {
        display: grid;
        margin-right: -10px;
        grid-template-columns: 33% 33% 33%;
        grid-template-rows: auto;
        overflow: auto; }
        *[resource-gallery] .card .card-content .gallery .gallery-item {
          position: relative;
          margin: 10px;
          border: 2px solid rgba(160, 160, 160, 0.2);
          border-radius: 3px;
          flex-grow: 0;
          flex-basis: 30%;
          background-color: white;
          display: flex;
          flex-direction: column; }
          *[resource-gallery] .card .card-content .gallery .gallery-item.selected {
            border-color: #26a69a; }
          *[resource-gallery] .card .card-content .gallery .gallery-item.item-error {
            border-color: #e57373; }
          *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-img {
            height: 10vw;
            padding: 10px;
            display: flex; }
            *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-img .material-placeholder {
              display: flex;
              width: 100%;
              height: 100%; }
            *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-img img {
              width: 100%;
              height: auto;
              object-fit: contain; }
          *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-caption {
            display: flex;
            flex-direction: column;
            position: relative;
            margin-top: -5%;
            margin-bottom: 10px;
            flex: 1 1 auto;
            justify-content: space-between; }
            *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-caption .input-field input {
              height: 2.5rem; }
            *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-caption .date {
              text-align: left;
              white-space: nowrap; }
            *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-caption .size {
              white-space: nowrap; }
            *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-caption .data {
              margin-left: 30px;
              text-align: right;
              margin-right: 10px;
              text-overflow: ellipsis;
              overflow: hidden;
              margin-top: 10px;
              font-size: 14px; }
            *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-caption .selector-detailed {
              padding-left: 5%;
              position: absolute;
              left: 2px;
              bottom: -10px; }
              *[resource-gallery] .card .card-content .gallery .gallery-item .gallery-caption .selector-detailed [type="checkbox"].filled-in:not(:checked) + label:after {
                background-color: white; }
      @media only screen and (max-width: 600px) {
        *[resource-gallery] .card .card-content .gallery {
          grid-template-columns: 100%; } }
      *[resource-gallery] .card .card-content table > tbody {
        overflow: auto; }
    *[resource-gallery] .card .card-action-top {
      border-top: 0;
      border-bottom: 1px solid rgba(160, 160, 160, 0.2);
      padding: 10px 24px 5px 24px; }
  *[resource-gallery] .autosize-textarea {
    resize: none;
    overflow: hidden !important;
    border: none;
    height: auto;
    flex: 1 1 auto;
    box-sizing: content-box; }
  *[resource-gallery] .name-input {
    display: flex;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 0; }
    *[resource-gallery] .name-input input {
      width: 90%;
      margin-bottom: 10px; }
  *[resource-gallery] .download-icon-circle {
    position: absolute;
    top: 5px;
    left: 5px;
    padding-top: 8px;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    display: none; }
  *[resource-gallery] .input-field input[renamed="true"], *[resource-gallery] .input-field textarea[renamed="true"] {
    border-bottom: 1px solid orange !important;
    box-shadow: 0 1px 0 0 orange !important; }

@keyframes blink {
  from {
    background-color: #607d8b; }
  to {
    background-color: rgba(96, 125, 139, 0.7); } }

.upload-form.active {
  animation-name: blink;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate; }

.thumb {
  width: 24px;
  height: 24px;
  float: none;
  position: relative;
  top: 7px; }

.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.red {
  background-color: #F44336 !important; }

.red-text {
  color: #F44336 !important; }

.red.lighten-5 {
  background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
  color: #FFEBEE !important; }

.red.lighten-4 {
  background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
  color: #FFCDD2 !important; }

.red.lighten-3 {
  background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
  color: #EF9A9A !important; }

.red.lighten-2 {
  background-color: #E57373 !important; }

.red-text.text-lighten-2 {
  color: #E57373 !important; }

.red.lighten-1 {
  background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
  color: #EF5350 !important; }

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

.red-text.text-darken-2 {
  color: #D32F2F !important; }

.red.darken-3 {
  background-color: #C62828 !important; }

.red-text.text-darken-3 {
  color: #C62828 !important; }

.red.darken-4 {
  background-color: #B71C1C !important; }

.red-text.text-darken-4 {
  color: #B71C1C !important; }

.red.accent-1 {
  background-color: #FF8A80 !important; }

.red-text.text-accent-1 {
  color: #FF8A80 !important; }

.red.accent-2 {
  background-color: #FF5252 !important; }

.red-text.text-accent-2 {
  color: #FF5252 !important; }

.red.accent-3 {
  background-color: #FF1744 !important; }

.red-text.text-accent-3 {
  color: #FF1744 !important; }

.red.accent-4 {
  background-color: #D50000 !important; }

.red-text.text-accent-4 {
  color: #D50000 !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink-text.text-lighten-5 {
  color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 {
  color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink-text.text-lighten-2 {
  color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink-text.text-lighten-1 {
  color: #ec407a !important; }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink-text.text-darken-1 {
  color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink-text.text-darken-2 {
  color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink-text.text-darken-3 {
  color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink-text.text-darken-4 {
  color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink-text.text-accent-1 {
  color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink-text.text-accent-2 {
  color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink-text.text-accent-3 {
  color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.pink-text.text-accent-4 {
  color: #c51162 !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 {
  color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 {
  color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 {
  color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple-text.text-lighten-1 {
  color: #ab47bc !important; }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple-text.text-darken-1 {
  color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 {
  color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple-text.text-darken-3 {
  color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple-text.text-darken-4 {
  color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple-text.text-accent-1 {
  color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple-text.text-accent-2 {
  color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple-text.text-accent-3 {
  color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important; }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 {
  color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 {
  color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 {
  color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple-text.text-accent-3 {
  color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 {
  color: #6200ea !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 {
  color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo-text.text-lighten-2 {
  color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important; }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo-text.text-darken-1 {
  color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo-text.text-darken-2 {
  color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo-text.text-darken-3 {
  color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo-text.text-darken-4 {
  color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo-text.text-accent-1 {
  color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo-text.text-accent-2 {
  color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo-text.text-accent-3 {
  color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.indigo-text.text-accent-4 {
  color: #304ffe !important; }

.blue {
  background-color: #2196F3 !important; }

.blue-text {
  color: #2196F3 !important; }

.blue.lighten-5 {
  background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 {
  color: #E3F2FD !important; }

.blue.lighten-4 {
  background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 {
  color: #BBDEFB !important; }

.blue.lighten-3 {
  background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 {
  color: #90CAF9 !important; }

.blue.lighten-2 {
  background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 {
  color: #64B5F6 !important; }

.blue.lighten-1 {
  background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 {
  color: #42A5F5 !important; }

.blue.darken-1 {
  background-color: #1E88E5 !important; }

.blue-text.text-darken-1 {
  color: #1E88E5 !important; }

.blue.darken-2 {
  background-color: #1976D2 !important; }

.blue-text.text-darken-2 {
  color: #1976D2 !important; }

.blue.darken-3 {
  background-color: #1565C0 !important; }

.blue-text.text-darken-3 {
  color: #1565C0 !important; }

.blue.darken-4 {
  background-color: #0D47A1 !important; }

.blue-text.text-darken-4 {
  color: #0D47A1 !important; }

.blue.accent-1 {
  background-color: #82B1FF !important; }

.blue-text.text-accent-1 {
  color: #82B1FF !important; }

.blue.accent-2 {
  background-color: #448AFF !important; }

.blue-text.text-accent-2 {
  color: #448AFF !important; }

.blue.accent-3 {
  background-color: #2979FF !important; }

.blue-text.text-accent-3 {
  color: #2979FF !important; }

.blue.accent-4 {
  background-color: #2962FF !important; }

.blue-text.text-accent-4 {
  color: #2962FF !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important; }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue-text.text-darken-1 {
  color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 {
  color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue-text.text-darken-3 {
  color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue-text.text-darken-4 {
  color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 {
  color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 {
  color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 {
  color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.light-blue-text.text-accent-4 {
  color: #0091ea !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan-text.text-lighten-3 {
  color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan-text.text-lighten-1 {
  color: #26c6da !important; }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan-text.text-darken-1 {
  color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan-text.text-darken-2 {
  color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan-text.text-darken-3 {
  color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan-text.text-darken-4 {
  color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan-text.text-accent-1 {
  color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan-text.text-accent-2 {
  color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan-text.text-accent-3 {
  color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 {
  color: #00b8d4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 {
  color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 {
  color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal-text.text-lighten-2 {
  color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal-text.text-lighten-1 {
  color: #26a69a !important; }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal-text.text-darken-1 {
  color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal-text.text-darken-3 {
  color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal-text.text-darken-4 {
  color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal-text.text-accent-1 {
  color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal-text.text-accent-2 {
  color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal-text.text-accent-3 {
  color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.teal-text.text-accent-4 {
  color: #00bfa5 !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.lighten-5 {
  background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
  color: #E8F5E9 !important; }

.green.lighten-4 {
  background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
  color: #C8E6C9 !important; }

.green.lighten-3 {
  background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
  color: #A5D6A7 !important; }

.green.lighten-2 {
  background-color: #81C784 !important; }

.green-text.text-lighten-2 {
  color: #81C784 !important; }

.green.lighten-1 {
  background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
  color: #66BB6A !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
  color: #2E7D32 !important; }

.green.darken-4 {
  background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
  color: #1B5E20 !important; }

.green.accent-1 {
  background-color: #B9F6CA !important; }

.green-text.text-accent-1 {
  color: #B9F6CA !important; }

.green.accent-2 {
  background-color: #69F0AE !important; }

.green-text.text-accent-2 {
  color: #69F0AE !important; }

.green.accent-3 {
  background-color: #00E676 !important; }

.green-text.text-accent-3 {
  color: #00E676 !important; }

.green.accent-4 {
  background-color: #00C853 !important; }

.green-text.text-accent-4 {
  color: #00C853 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green-text.text-lighten-2 {
  color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important; }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green-text.text-darken-1 {
  color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green-text.text-darken-2 {
  color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green-text.text-darken-3 {
  color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green-text.text-darken-4 {
  color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green-text.text-accent-1 {
  color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 {
  color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green-text.text-accent-3 {
  color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.light-green-text.text-accent-4 {
  color: #64dd17 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 {
  color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime-text.text-lighten-2 {
  color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime-text.text-lighten-1 {
  color: #d4e157 !important; }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime-text.text-darken-1 {
  color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime-text.text-darken-2 {
  color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime-text.text-darken-3 {
  color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime-text.text-darken-4 {
  color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime-text.text-accent-1 {
  color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime-text.text-accent-2 {
  color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime-text.text-accent-3 {
  color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.lime-text.text-accent-4 {
  color: #aeea00 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 {
  color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow-text.text-lighten-3 {
  color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow-text.text-lighten-2 {
  color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 {
  color: #ffee58 !important; }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow-text.text-darken-1 {
  color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow-text.text-darken-2 {
  color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow-text.text-darken-3 {
  color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow-text.text-darken-4 {
  color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow-text.text-accent-1 {
  color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow-text.text-accent-3 {
  color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.yellow-text.text-accent-4 {
  color: #ffd600 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 {
  color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 {
  color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber-text.text-lighten-3 {
  color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber-text.text-lighten-2 {
  color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber-text.text-lighten-1 {
  color: #ffca28 !important; }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber-text.text-darken-1 {
  color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber-text.text-darken-2 {
  color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber-text.text-darken-3 {
  color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber-text.text-darken-4 {
  color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber-text.text-accent-1 {
  color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber-text.text-accent-2 {
  color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber-text.text-accent-3 {
  color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.amber-text.text-accent-4 {
  color: #ffab00 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 {
  color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 {
  color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange-text.text-lighten-2 {
  color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange-text.text-lighten-1 {
  color: #ffa726 !important; }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange-text.text-darken-1 {
  color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange-text.text-darken-2 {
  color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange-text.text-darken-3 {
  color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange-text.text-darken-4 {
  color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange-text.text-accent-1 {
  color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange-text.text-accent-2 {
  color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange-text.text-accent-3 {
  color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.orange-text.text-accent-4 {
  color: #ff6d00 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important; }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 {
  color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 {
  color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 {
  color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown-text.text-lighten-5 {
  color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown-text.text-lighten-2 {
  color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 {
  color: #8d6e63 !important; }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown-text.text-darken-1 {
  color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown-text.text-darken-2 {
  color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown-text.text-darken-3 {
  color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.brown-text.text-darken-4 {
  color: #3e2723 !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 {
  color: #78909c !important; }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 {
  color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 {
  color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey-text.text-darken-3 {
  color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.blue-grey-text.text-darken-4 {
  color: #263238 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

table.resource-list th.sortable, table.resource-list .thumb-icon {
  cursor: pointer;
  color: #039be5; }

table.resource-list .thumbnail {
  max-height: 64px;
  max-width: 64px;
  height: auto;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

table.resource-list .big-thumbnail {
  max-height: 128px;
  max-width: 128px; }

table.resource-list .fa-fw {
  width: auto; }

table.resource-list td.td-thumbnail {
  padding: 5px 5px; }

resource-list .colName {
  width: 25%; }

#editor-modal.modal {
  cursor: auto;
  width: 30%;
  height: 35%; }

resource-list .main-loader {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1000;
  flex-direction: column; }
  resource-list .main-loader .spinner-blue-only {
    border-color: #03a9f4; }

.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.red {
  background-color: #F44336 !important; }

.red-text {
  color: #F44336 !important; }

.red.lighten-5 {
  background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
  color: #FFEBEE !important; }

.red.lighten-4 {
  background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
  color: #FFCDD2 !important; }

.red.lighten-3 {
  background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
  color: #EF9A9A !important; }

.red.lighten-2 {
  background-color: #E57373 !important; }

.red-text.text-lighten-2 {
  color: #E57373 !important; }

.red.lighten-1 {
  background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
  color: #EF5350 !important; }

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

.red-text.text-darken-2 {
  color: #D32F2F !important; }

.red.darken-3 {
  background-color: #C62828 !important; }

.red-text.text-darken-3 {
  color: #C62828 !important; }

.red.darken-4 {
  background-color: #B71C1C !important; }

.red-text.text-darken-4 {
  color: #B71C1C !important; }

.red.accent-1 {
  background-color: #FF8A80 !important; }

.red-text.text-accent-1 {
  color: #FF8A80 !important; }

.red.accent-2 {
  background-color: #FF5252 !important; }

.red-text.text-accent-2 {
  color: #FF5252 !important; }

.red.accent-3 {
  background-color: #FF1744 !important; }

.red-text.text-accent-3 {
  color: #FF1744 !important; }

.red.accent-4 {
  background-color: #D50000 !important; }

.red-text.text-accent-4 {
  color: #D50000 !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink-text.text-lighten-5 {
  color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 {
  color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink-text.text-lighten-2 {
  color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink-text.text-lighten-1 {
  color: #ec407a !important; }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink-text.text-darken-1 {
  color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink-text.text-darken-2 {
  color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink-text.text-darken-3 {
  color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink-text.text-darken-4 {
  color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink-text.text-accent-1 {
  color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink-text.text-accent-2 {
  color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink-text.text-accent-3 {
  color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.pink-text.text-accent-4 {
  color: #c51162 !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 {
  color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 {
  color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 {
  color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple-text.text-lighten-1 {
  color: #ab47bc !important; }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple-text.text-darken-1 {
  color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 {
  color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple-text.text-darken-3 {
  color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple-text.text-darken-4 {
  color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple-text.text-accent-1 {
  color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple-text.text-accent-2 {
  color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple-text.text-accent-3 {
  color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important; }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 {
  color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 {
  color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 {
  color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple-text.text-accent-3 {
  color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 {
  color: #6200ea !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 {
  color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo-text.text-lighten-2 {
  color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important; }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo-text.text-darken-1 {
  color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo-text.text-darken-2 {
  color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo-text.text-darken-3 {
  color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo-text.text-darken-4 {
  color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo-text.text-accent-1 {
  color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo-text.text-accent-2 {
  color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo-text.text-accent-3 {
  color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.indigo-text.text-accent-4 {
  color: #304ffe !important; }

.blue {
  background-color: #2196F3 !important; }

.blue-text {
  color: #2196F3 !important; }

.blue.lighten-5 {
  background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 {
  color: #E3F2FD !important; }

.blue.lighten-4 {
  background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 {
  color: #BBDEFB !important; }

.blue.lighten-3 {
  background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 {
  color: #90CAF9 !important; }

.blue.lighten-2 {
  background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 {
  color: #64B5F6 !important; }

.blue.lighten-1 {
  background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 {
  color: #42A5F5 !important; }

.blue.darken-1 {
  background-color: #1E88E5 !important; }

.blue-text.text-darken-1 {
  color: #1E88E5 !important; }

.blue.darken-2 {
  background-color: #1976D2 !important; }

.blue-text.text-darken-2 {
  color: #1976D2 !important; }

.blue.darken-3 {
  background-color: #1565C0 !important; }

.blue-text.text-darken-3 {
  color: #1565C0 !important; }

.blue.darken-4 {
  background-color: #0D47A1 !important; }

.blue-text.text-darken-4 {
  color: #0D47A1 !important; }

.blue.accent-1 {
  background-color: #82B1FF !important; }

.blue-text.text-accent-1 {
  color: #82B1FF !important; }

.blue.accent-2 {
  background-color: #448AFF !important; }

.blue-text.text-accent-2 {
  color: #448AFF !important; }

.blue.accent-3 {
  background-color: #2979FF !important; }

.blue-text.text-accent-3 {
  color: #2979FF !important; }

.blue.accent-4 {
  background-color: #2962FF !important; }

.blue-text.text-accent-4 {
  color: #2962FF !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important; }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue-text.text-darken-1 {
  color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 {
  color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue-text.text-darken-3 {
  color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue-text.text-darken-4 {
  color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 {
  color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 {
  color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 {
  color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.light-blue-text.text-accent-4 {
  color: #0091ea !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan-text.text-lighten-3 {
  color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan-text.text-lighten-1 {
  color: #26c6da !important; }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan-text.text-darken-1 {
  color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan-text.text-darken-2 {
  color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan-text.text-darken-3 {
  color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan-text.text-darken-4 {
  color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan-text.text-accent-1 {
  color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan-text.text-accent-2 {
  color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan-text.text-accent-3 {
  color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 {
  color: #00b8d4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 {
  color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 {
  color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal-text.text-lighten-2 {
  color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal-text.text-lighten-1 {
  color: #26a69a !important; }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal-text.text-darken-1 {
  color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal-text.text-darken-3 {
  color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal-text.text-darken-4 {
  color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal-text.text-accent-1 {
  color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal-text.text-accent-2 {
  color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal-text.text-accent-3 {
  color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.teal-text.text-accent-4 {
  color: #00bfa5 !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.lighten-5 {
  background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
  color: #E8F5E9 !important; }

.green.lighten-4 {
  background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
  color: #C8E6C9 !important; }

.green.lighten-3 {
  background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
  color: #A5D6A7 !important; }

.green.lighten-2 {
  background-color: #81C784 !important; }

.green-text.text-lighten-2 {
  color: #81C784 !important; }

.green.lighten-1 {
  background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
  color: #66BB6A !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
  color: #2E7D32 !important; }

.green.darken-4 {
  background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
  color: #1B5E20 !important; }

.green.accent-1 {
  background-color: #B9F6CA !important; }

.green-text.text-accent-1 {
  color: #B9F6CA !important; }

.green.accent-2 {
  background-color: #69F0AE !important; }

.green-text.text-accent-2 {
  color: #69F0AE !important; }

.green.accent-3 {
  background-color: #00E676 !important; }

.green-text.text-accent-3 {
  color: #00E676 !important; }

.green.accent-4 {
  background-color: #00C853 !important; }

.green-text.text-accent-4 {
  color: #00C853 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green-text.text-lighten-2 {
  color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important; }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green-text.text-darken-1 {
  color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green-text.text-darken-2 {
  color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green-text.text-darken-3 {
  color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green-text.text-darken-4 {
  color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green-text.text-accent-1 {
  color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 {
  color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green-text.text-accent-3 {
  color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.light-green-text.text-accent-4 {
  color: #64dd17 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 {
  color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime-text.text-lighten-2 {
  color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime-text.text-lighten-1 {
  color: #d4e157 !important; }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime-text.text-darken-1 {
  color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime-text.text-darken-2 {
  color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime-text.text-darken-3 {
  color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime-text.text-darken-4 {
  color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime-text.text-accent-1 {
  color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime-text.text-accent-2 {
  color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime-text.text-accent-3 {
  color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.lime-text.text-accent-4 {
  color: #aeea00 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 {
  color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow-text.text-lighten-3 {
  color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow-text.text-lighten-2 {
  color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 {
  color: #ffee58 !important; }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow-text.text-darken-1 {
  color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow-text.text-darken-2 {
  color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow-text.text-darken-3 {
  color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow-text.text-darken-4 {
  color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow-text.text-accent-1 {
  color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow-text.text-accent-3 {
  color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.yellow-text.text-accent-4 {
  color: #ffd600 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 {
  color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 {
  color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber-text.text-lighten-3 {
  color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber-text.text-lighten-2 {
  color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber-text.text-lighten-1 {
  color: #ffca28 !important; }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber-text.text-darken-1 {
  color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber-text.text-darken-2 {
  color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber-text.text-darken-3 {
  color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber-text.text-darken-4 {
  color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber-text.text-accent-1 {
  color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber-text.text-accent-2 {
  color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber-text.text-accent-3 {
  color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.amber-text.text-accent-4 {
  color: #ffab00 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 {
  color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 {
  color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange-text.text-lighten-2 {
  color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange-text.text-lighten-1 {
  color: #ffa726 !important; }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange-text.text-darken-1 {
  color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange-text.text-darken-2 {
  color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange-text.text-darken-3 {
  color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange-text.text-darken-4 {
  color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange-text.text-accent-1 {
  color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange-text.text-accent-2 {
  color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange-text.text-accent-3 {
  color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.orange-text.text-accent-4 {
  color: #ff6d00 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important; }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 {
  color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 {
  color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 {
  color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown-text.text-lighten-5 {
  color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown-text.text-lighten-2 {
  color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 {
  color: #8d6e63 !important; }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown-text.text-darken-1 {
  color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown-text.text-darken-2 {
  color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown-text.text-darken-3 {
  color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.brown-text.text-darken-4 {
  color: #3e2723 !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 {
  color: #78909c !important; }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 {
  color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 {
  color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey-text.text-darken-3 {
  color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.blue-grey-text.text-darken-4 {
  color: #263238 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

*[resource-merge] .section {
  padding: 1rem; }

*[resource-merge] .grid-container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-column-gap: 10px; }
  *[resource-merge] .grid-container .item {
    display: flex; }
    *[resource-merge] .grid-container .item .card {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto; }
      *[resource-merge] .grid-container .item .card .card-content {
        flex: 1 1 auto; }
        *[resource-merge] .grid-container .item .card .card-content .image-container {
          text-align: center; }
          *[resource-merge] .grid-container .item .card .card-content .image-container img.preview-image {
            max-height: 256px;
            max-width: 100%; }
        *[resource-merge] .grid-container .item .card .card-content .zoom-btn {
          position: absolute;
          right: 2rem; }
  *[resource-merge] .grid-container .item-button {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    align-self: center; }
    *[resource-merge] .grid-container .item-button .btn-x-large {
      width: 100px;
      height: 100px; }
      *[resource-merge] .grid-container .item-button .btn-x-large i {
        line-height: 100px;
        font-size: 3.6rem; }
    @media only screen and (max-width: 600px) {
      *[resource-merge] .grid-container .item-button .btn-x-large {
        width: 56px;
        height: 56px; }
        *[resource-merge] .grid-container .item-button .btn-x-large i {
          line-height: 56px;
          font-size: 1.6rem; } }

*[resource-merge] ul .flex-body {
  display: flex;
  padding: 0; }
  *[resource-merge] ul .flex-body .merged-res {
    flex: 1 1 auto;
    padding: 0;
    opacity: 0.8; }
    *[resource-merge] ul .flex-body .merged-res .res-edit-btn {
      display: none; }
    *[resource-merge] ul .flex-body .merged-res .btn-floating {
      pointer-events: none;
      background-color: #DFDFDF !important;
      box-shadow: none;
      color: #9F9F9F !important;
      cursor: default; }
  *[resource-merge] ul .flex-body .merged-err {
    padding: 2rem;
    flex: 1 1 auto; }

.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto; }

.materialboxed.thumbnail.active {
  max-height: initial;
  max-width: initial; }

.resource-show {
  opacity: 0; }

.resource-show.ready {
  opacity: 1;
  transition: opacity .1s ease-in-out; }

*[resource-page] .preview-image {
  max-height: 256px;
  max-width: 100%; }

*[resource-page] .elem-name {
  overflow: hidden;
  text-overflow: ellipsis; }

*[resource-page] .thumbnail {
  max-height: 64px;
  max-width: 64px;
  height: auto;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

*[resource-page] .grey-text.margin {
  margin: 20px 10px -10px 10px; }

*[resource-page] .relation {
  padding-left: 0;
  margin-top: 10px;
  padding-right: 10px; }

*[resource-page] .relation-img {
  width: 140px;
  text-align: center; }

*[resource-page] .relation-name {
  flex: 1;
  word-break: break-word;
  white-space: normal; }

*[resource-page] .relation-item {
  align-self: stretch;
  display: flex; }

*[resource-page] .relation-container {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-column-gap: 4%;
  align-items: center;
  grid-row-gap: 10px; }

*[resource-page] .props-container {
  display: grid;
  align-items: end;
  grid-row-gap: 10px;
  grid-template-columns: 48% 48%;
  grid-column-gap: 4%; }
  *[resource-page] .props-container .props-item {
    align-self: stretch;
    border-bottom: 1px dashed #e0e0e0; }

*[resource-page] .multiple-rel {
  grid-column-start: 1;
  grid-column-end: 3; }

*[resource-page] .single-prop {
  grid-column-start: 1;
  grid-column-end: 2; }

*[resource-page] .res-btn {
  position: fixed;
  right: 2rem;
  display: flex;
  z-index: 1000; }

*[resource-page] .modal-header-image {
  display: flex;
  justify-content: center;
  align-items: flex-start; }

@media only screen and (max-width: 600px) {
  *[resource-page] .relation-container {
    grid-template-columns: 100%;
    grid-column-gap: 0; }
  *[resource-page] .props-container {
    grid-template-columns: 100%;
    grid-column-gap: 0; }
  *[resource-page] .multiple-rel {
    grid-column-start: 1;
    grid-column-end: 2; } }

*[resource-page] .flex-parent {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding-bottom: 2px; }

*[resource-page] .flex-parent .input-field, *[resource-page] .flex-relation {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  margin-top: 0; }

*[resource-page] .gallery {
  display: grid;
  margin-right: -10px;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto; }
  *[resource-page] .gallery .gallery-item {
    position: relative;
    margin: 10px;
    border: 2px solid rgba(160, 160, 160, 0.2);
    border-radius: 3px; }
    *[resource-page] .gallery .gallery-item .gallery-img {
      height: 10vw;
      padding: 10px;
      display: flex; }
      *[resource-page] .gallery .gallery-item .gallery-img .material-placeholder {
        display: flex;
        width: 100%;
        height: 100%; }
      *[resource-page] .gallery .gallery-item .gallery-img img {
        width: 100%;
        height: auto;
        object-fit: contain; }
    *[resource-page] .gallery .gallery-item .gallery-caption {
      position: relative;
      margin-bottom: 10px; }
      *[resource-page] .gallery .gallery-item .gallery-caption .name {
        margin: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis; }
      *[resource-page] .gallery .gallery-item .gallery-caption .date {
        padding-right: 10px; }
      *[resource-page] .gallery .gallery-item .gallery-caption .size {
        white-space: nowrap; }
      *[resource-page] .gallery .gallery-item .gallery-caption .data {
        margin-right: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 5%; }

@media only screen and (max-width: 600px) {
  *[resource-page] .gallery {
    grid-template-columns: 100%; } }

*[resource-page] .name-input {
  display: flex;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 0; }
  *[resource-page] .name-input input {
    width: 90%;
    margin-bottom: 10px; }

*[resource-page] .autosize-textarea {
  resize: none;
  overflow: hidden !important;
  border: none;
  height: auto;
  flex: 1 1 auto;
  box-sizing: content-box; }

.download-icon-circle {
  position: absolute;
  top: 5px;
  left: 5px;
  padding-top: 8px;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
  display: none; }

.modal-details {
  word-wrap: break-word;
  font-weight: bold; }

.modal-header {
  display: flex;
  flex-wrap: wrap;
  padding: 24px; }

.resource-permission {
  flex: 1 1 auto;
  display: flex;
  margin-bottom: 0;
  padding-bottom: 0; }
  .resource-permission .flex {
    flex-direction: column; }
  .resource-permission .add-user {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .resource-permission .add-user .user-select {
      width: 100%; }
    .resource-permission .add-user .add-btn-container {
      margin-left: 10px;
      min-width: 60px; }
  .resource-permission .permission-content {
    margin-bottom: 77px;
    padding-left: 0;
    padding-right: 0; }

table.report-container {
  page-break-after: always; }

thead.report-header {
  display: table-header-group; }

tfoot.report-footer {
  display: table-footer-group; }
  tfoot.report-footer .footer-info {
    font-size: small; }

.print-options {
  margin-top: 1rem; }
  .print-options .print-sections {
    flex-grow: 3;
    margin-left: 1em; }
  .print-options .print-description {
    flex-direction: column;
    flex-grow: 2; }
  .print-options .print-btn {
    align-items: center;
    flex-grow: 1;
    justify-content: flex-end; }
    .print-options .print-btn a {
      z-index: 1000; }
  .print-options p, .print-options a {
    margin-left: 1em; }

table.report-container {
  table-layout: fixed; }
  table.report-container .modal-btn, table.report-container .res-btn {
    display: none; }
  table.report-container .flex-parent {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    padding-bottom: 2px;
    page-break-inside: avoid !important; }
    table.report-container .flex-parent .relation {
      padding-left: 0;
      margin-top: 10px;
      padding-right: 10px; }
    table.report-container .flex-parent .relation-img {
      width: 140px;
      text-align: center; }
    table.report-container .flex-parent .relation-name {
      word-break: break-word;
      white-space: normal; }
  table.report-container .bottom .flex-parent {
    flex-direction: column;
    align-items: normal; }
  table.report-container .modal-header {
    display: flex;
    flex-wrap: nowrap;
    padding: 24px;
    align-items: center; }
    table.report-container .modal-header .elem-name {
      word-break: break-word;
      white-space: normal; }
    table.report-container .modal-header .modal-header-image {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding-right: 1rem; }
  table.report-container .gallery-tr td {
    border-bottom: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle; }
    table.report-container .gallery-tr td img {
      width: 100%;
      max-height: 256px;
      height: auto;
      object-fit: contain; }
    table.report-container .gallery-tr td .data {
      white-space: normal; }
      table.report-container .gallery-tr td .data div {
        word-break: break-word; }
  table.report-container .attachment-tr td {
    border-bottom: 1px solid #d0d0d0;
    word-break: break-word;
    white-space: normal; }
  table.report-container tr.rel-tr, table.report-container tr.props-tr {
    border-bottom: 1px solid #d0d0d0; }
  table.report-container tr, table.report-container .no-break {
    page-break-inside: avoid !important;
    white-space: nowrap; }

@page {
  size: A4;
  margin: 11mm 17mm 17mm 17mm; }

@media print {
  * {
    transition: none !important; }
  * {
    box-shadow: none; }
  marquee {
    -moz-binding: none; }
  body {
    overflow: visible !important;
    display: block !important;
    position: relative;
    height: auto; }
  .no-print {
    display: none; }
  tr, .no-break {
    page-break-inside: avoid !important; }
  footer, navbar {
    display: none; } }

.resource-tree a.collection-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.resource-tree .no-animate {
  -webkit-transition: none !important;
  transition: none !important; }

.resource-tree .my-badge {
  min-width: 2rem;
  margin-left: 5px;
  padding: 0;
  margin-top: 0 !important; }

.resource-tree .tree-item {
  cursor: pointer;
  padding: 10px 5px; }

.resource-tree .tree-item.active {
  background-color: #0097a7;
  color: #eafaf9; }

.resource-tree .cyan-arrow {
  color: #11b7e6 !important; }

.resource-tree .flex-tree {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.resource-tree .flex-span {
  display: inline-flex;
  align-items: center;
  overflow: hidden; }

.resource-tree .toggle {
  vertical-align: middle;
  display: inline-block;
  line-height: 100%; }
  .resource-tree .toggle i.material-icons {
    font-size: 20px;
    line-height: 100%;
    color: #CCCCCC; }

.resource-tree .label {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  line-height: 120%;
  padding-left: 5px; }
  .resource-tree .label .label-name {
    overflow: hidden;
    flex-wrap: wrap;
    text-overflow: ellipsis;
    white-space: nowrap; }

.resource-tree .hovered-item {
  background: darkgrey; }

.resource-tree .active.hovered-item {
  opacity: 0.5; }

.resource-tree .ui-sortable-helper {
  background: rgba(255, 255, 255, 0.5) !important; }

.resource-tree .index {
  color: red;
  font-size: small; }

.resource-tree .ui-sortable-placeholder {
  visibility: visible !important;
  border: 2px solid #26c6da !important; }

.resource-tree .cssSlideUp {
  transition: .25s !important;
  overflow: hidden !important; }

.resource-tree .cssSlideUp.ng-hide {
  height: 0;
  padding: 0; }

.resource-tree .btn-smaller {
  width: 20px;
  height: 20px;
  position: relative; }

.resource-tree .sort-icon {
  line-height: 20px;
  font-size: 1rem;
  position: absolute;
  left: 0; }

.resource-view {
  opacity: 0; }

.resource-view.ready {
  opacity: 1;
  transition: opacity .1s ease-in-out; }
  .resource-view.ready .structure-btn {
    text-overflow: ellipsis;
    white-space: nowrap; }
  .resource-view.ready custom-pagination[use-simple-view="true"] .pageCount {
    padding-left: 10px; }
    .resource-view.ready custom-pagination[use-simple-view="true"] .pageCount a {
      cursor: default; }
  .resource-view.ready custom-pagination[use-simple-view="true"] .pagination li a {
    padding: 0; }

.scenes-view {
  opacity: 0; }

.scenes-view.ready {
  opacity: 1;
  transition: opacity .1s ease-in-out; }
  .scenes-view.ready scene-list .colName {
    width: 25%; }
  .scenes-view.ready custom-pagination[use-simple-view="true"] .pageCount {
    padding-left: 10px; }
    .scenes-view.ready custom-pagination[use-simple-view="true"] .pageCount a {
      cursor: default; }
  .scenes-view.ready custom-pagination[use-simple-view="true"] .pagination li a {
    padding: 0; }

.screenplays-view {
  opacity: 0; }

.screenplays-view.ready {
  opacity: 1;
  transition: opacity .1s ease-in-out; }
  .screenplays-view.ready custom-pagination[use-simple-view="true"] .pageCount {
    padding-left: 10px; }
    .screenplays-view.ready custom-pagination[use-simple-view="true"] .pageCount a {
      cursor: default; }
  .screenplays-view.ready custom-pagination[use-simple-view="true"] .pagination li a {
    padding: 0; }

.screenplays-view .fa-fw {
  width: auto; }

/*!
 * Viewer.js v1.0.0
 * https://github.com/fengyuanchen/viewerjs
 *
 * Copyright (c) 2015-2018 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-04-01T05:32:30.097Z
 */
.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px; }

.viewer-zoom-in:before {
  background-position: 0 0;
  content: "Zoom In"; }

.viewer-zoom-out:before {
  background-position: -20px 0;
  content: "Zoom Out"; }

.viewer-one-to-one:before {
  background-position: -40px 0;
  content: "One to One"; }

.viewer-reset:before {
  background-position: -60px 0;
  content: "Reset"; }

.viewer-prev:before {
  background-position: -80px 0;
  content: "Previous"; }

.viewer-play:before {
  background-position: -100px 0;
  content: "Play"; }

.viewer-next:before {
  background-position: -120px 0;
  content: "Next"; }

.viewer-rotate-left:before {
  background-position: -140px 0;
  content: "Rotate Left"; }

.viewer-rotate-right:before {
  background-position: -160px 0;
  content: "Rotate Right"; }

.viewer-flip-horizontal:before {
  background-position: -180px 0;
  content: "Flip Horizontal"; }

.viewer-flip-vertical:before {
  background-position: -200px 0;
  content: "Flip Vertical"; }

.viewer-fullscreen:before {
  background-position: -220px 0;
  content: "Enter Full Screen"; }

.viewer-fullscreen-exit:before {
  background-position: -240px 0;
  content: "Exit Full Screen"; }

.viewer-close:before {
  background-position: -260px 0;
  content: "Close"; }

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.viewer-container::-moz-selection, .viewer-container ::-moz-selection {
  background-color: transparent; }

.viewer-container::selection, .viewer-container ::selection {
  background-color: transparent; }

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%; }

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0; }

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto; }

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center; }

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden; }

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0; }

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: .5;
  overflow: hidden;
  transition: opacity .15s;
  width: 30px; }

.viewer-list > li:hover {
  opacity: .75; }

.viewer-list > li + li {
  margin-left: 1px; }

.viewer-list > .viewer-loading {
  position: relative; }

.viewer-list > .viewer-loading:after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px; }

.viewer-list > .viewer-active, .viewer-list > .viewer-active:hover {
  opacity: 1; }

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  right: 0; }

.viewer-player, .viewer-player > img {
  left: 0;
  position: absolute;
  top: 0; }

.viewer-toolbar ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 3px 0; }

.viewer-toolbar li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  transition: background-color .15s;
  width: 24px; }

.viewer-toolbar li:hover {
  background-color: rgba(0, 0, 0, 0.8); }

.viewer-toolbar li:before {
  margin: 2px; }

.viewer-toolbar li + li {
  margin-left: 1px; }

.viewer-toolbar .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px; }

.viewer-toolbar .viewer-small:before {
  margin: -1px; }

.viewer-toolbar .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px; }

.viewer-toolbar .viewer-large:before {
  margin: 5px; }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px; }

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: .8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .15s;
  white-space: nowrap; }

.viewer-title:hover {
  opacity: 1; }

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color .15s;
  width: 80px; }

.viewer-button:focus, .viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8); }

.viewer-button:before {
  bottom: 15px;
  left: 15px;
  position: absolute; }

.viewer-fixed {
  position: fixed; }

.viewer-open {
  overflow: hidden; }

.viewer-show {
  display: block; }

.viewer-hide {
  display: none; }

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5); }

.viewer-invisible {
  visibility: hidden; }

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.viewer-fade {
  opacity: 0; }

.viewer-in {
  opacity: 1; }

.viewer-transition {
  transition: all .3s; }

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

.viewer-loading:after {
  -webkit-animation: a 1s linear infinite;
  animation: a 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1; }

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none; } }

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none; } }

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none; } }

project-invitation .proj-inv-flex {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  project-invitation .proj-inv-flex .title {
    font-weight: 500; }
  project-invitation .proj-inv-flex .disabled {
    background-color: #DFDFDF !important; }
  project-invitation .proj-inv-flex .flex-desc {
    display: flex;
    flex: 1 1 auto;
    align-items: center; }

.resource-import {
  margin-bottom: 0;
  padding-bottom: 0; }
  .resource-import *[metadata-import], .resource-import *[attachment-import], .resource-import *[resources-zip-import] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row; }
    .resource-import *[metadata-import] .collaps-content, .resource-import *[attachment-import] .collaps-content, .resource-import *[resources-zip-import] .collaps-content {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column; }
      .resource-import *[metadata-import] .collaps-content .input-field label, .resource-import *[attachment-import] .collaps-content .input-field label, .resource-import *[resources-zip-import] .collaps-content .input-field label {
        height: auto; }
      .resource-import *[metadata-import] .collaps-content .select-with-label label.active, .resource-import *[attachment-import] .collaps-content .select-with-label label.active, .resource-import *[resources-zip-import] .collaps-content .select-with-label label.active {
        top: 0.8rem; }
      .resource-import *[metadata-import] .collaps-content .att-import-btn, .resource-import *[attachment-import] .collaps-content .att-import-btn, .resource-import *[resources-zip-import] .collaps-content .att-import-btn {
        background-color: #212122;
        height: 3rem;
        line-height: 3rem; }
      .resource-import *[metadata-import] .collaps-content .file-field input[type=file]::-webkit-file-upload-button, .resource-import *[attachment-import] .collaps-content .file-field input[type=file]::-webkit-file-upload-button, .resource-import *[resources-zip-import] .collaps-content .file-field input[type=file]::-webkit-file-upload-button {
        display: none; }
      .resource-import *[metadata-import] .collaps-content .select-wrapper input.select-dropdown, .resource-import *[attachment-import] .collaps-content .select-wrapper input.select-dropdown, .resource-import *[resources-zip-import] .collaps-content .select-wrapper input.select-dropdown {
        border-bottom: 1px solid black; }
      .resource-import *[metadata-import] .collaps-content ::-webkit-input-placeholder, .resource-import *[attachment-import] .collaps-content ::-webkit-input-placeholder, .resource-import *[resources-zip-import] .collaps-content ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: black; }
      .resource-import *[metadata-import] .collaps-content ::-moz-placeholder, .resource-import *[attachment-import] .collaps-content ::-moz-placeholder, .resource-import *[resources-zip-import] .collaps-content ::-moz-placeholder {
        /* Firefox 19+ */
        color: black; }
      .resource-import *[metadata-import] .collaps-content :-ms-input-placeholder, .resource-import *[attachment-import] .collaps-content :-ms-input-placeholder, .resource-import *[resources-zip-import] .collaps-content :-ms-input-placeholder {
        /* IE 10+ */
        color: black; }
      .resource-import *[metadata-import] .collaps-content :-moz-placeholder, .resource-import *[attachment-import] .collaps-content :-moz-placeholder, .resource-import *[resources-zip-import] .collaps-content :-moz-placeholder {
        /* Firefox 18- */
        color: black; }
      .resource-import *[metadata-import] .collaps-content .import-button, .resource-import *[attachment-import] .collaps-content .import-button, .resource-import *[resources-zip-import] .collaps-content .import-button {
        background-color: #00e5ff; }
      .resource-import *[metadata-import] .collaps-content textarea.materialize-textarea:focus:not([readonly]), .resource-import *[attachment-import] .collaps-content textarea.materialize-textarea:focus:not([readonly]), .resource-import *[resources-zip-import] .collaps-content textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #0097a7;
        box-shadow: 0 1px 0 0 #0097a7; }
      .resource-import *[metadata-import] .collaps-content .attachment-file, .resource-import *[attachment-import] .collaps-content .attachment-file, .resource-import *[resources-zip-import] .collaps-content .attachment-file {
        border-bottom: 1px solid black;
        color: black; }
      .resource-import *[metadata-import] .collaps-content .submit-flex, .resource-import *[attachment-import] .collaps-content .submit-flex, .resource-import *[resources-zip-import] .collaps-content .submit-flex {
        display: flex;
        align-items: center; }
        .resource-import *[metadata-import] .collaps-content .submit-flex .preloader-wrapper, .resource-import *[attachment-import] .collaps-content .submit-flex .preloader-wrapper, .resource-import *[resources-zip-import] .collaps-content .submit-flex .preloader-wrapper {
          margin-left: 10px; }
        .resource-import *[metadata-import] .collaps-content .submit-flex .metadata-import-report, .resource-import *[attachment-import] .collaps-content .submit-flex .metadata-import-report, .resource-import *[resources-zip-import] .collaps-content .submit-flex .metadata-import-report {
          padding-left: 10px;
          cursor: pointer; }
      .resource-import *[metadata-import] .collaps-content .progress-flex, .resource-import *[attachment-import] .collaps-content .progress-flex, .resource-import *[resources-zip-import] .collaps-content .progress-flex {
        flex: 1 1 auto;
        margin-left: 10px;
        color: black; }
      .resource-import *[metadata-import] .collaps-content .dragover, .resource-import *[attachment-import] .collaps-content .dragover, .resource-import *[resources-zip-import] .collaps-content .dragover {
        border: 3px dashed lightgrey; }
    .resource-import *[metadata-import] .row, .resource-import *[attachment-import] .row, .resource-import *[resources-zip-import] .row {
      margin-left: 0;
      margin-right: 0; }
      .resource-import *[metadata-import] .row .row, .resource-import *[attachment-import] .row .row, .resource-import *[resources-zip-import] .row .row {
        margin-left: -0.75em;
        margin-right: -0.75em; }
    .resource-import *[metadata-import] ul.dropdown-content, .resource-import *[attachment-import] ul.dropdown-content, .resource-import *[resources-zip-import] ul.dropdown-content {
      max-height: 80vh; }
    .resource-import *[metadata-import] .select-wrapper.invalid + label:after, .resource-import *[attachment-import] .select-wrapper.invalid + label:after, .resource-import *[resources-zip-import] .select-wrapper.invalid + label:after {
      content: attr(data-error);
      color: #F44336;
      opacity: 1;
      display: block;
      position: absolute;
      top: 60px;
      transition: 0.2s opacity ease-out, 0.2s color ease-out;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 100%; }
    .resource-import *[metadata-import] .select-wrapper.invalid .select-dropdown, .resource-import *[attachment-import] .select-wrapper.invalid .select-dropdown, .resource-import *[resources-zip-import] .select-wrapper.invalid .select-dropdown {
      border-bottom: 1px solid #ff8a80 !important;
      box-shadow: 0 1px 0 0 #ff8a80 !important; }
    .resource-import *[metadata-import] #importModal .material-icons.added, .resource-import *[attachment-import] #importModal .material-icons.added, .resource-import *[resources-zip-import] #importModal .material-icons.added {
      color: #00838f; }
    .resource-import *[metadata-import] #importModal .material-icons.updated, .resource-import *[attachment-import] #importModal .material-icons.updated, .resource-import *[resources-zip-import] #importModal .material-icons.updated {
      color: #4dd0e1; }
    .resource-import *[metadata-import] #importModal .material-icons.skipped, .resource-import *[attachment-import] #importModal .material-icons.skipped, .resource-import *[resources-zip-import] #importModal .material-icons.skipped {
      color: #e53935; }

editor-select li > .input-field label.active {
  font-size: 0.8rem;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

editor-select .custom-selected-item {
  background-color: #DFDFDF; }

editor-select .custom-select {
  width: 100%;
  position: absolute;
  top: 45px;
  left: 0px;
  opacity: 1;
  display: block; }

editor-select .pagination li a {
  color: #444; }

editor-select .pagination li.disabled a {
  cursor: default;
  color: #999; }

editor-select .select-wrapper i {
  color: inherit; }

editor-select .select-li-flex {
  display: flex;
  flex-direction: row;
  align-items: stretch; }

editor-select .select-li-flex div {
  width: 100px;
  display: flex;
  align-items: center; }

relation-select li > .input-field label.active {
  font-size: 0.8rem;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

relation-select .input-field input[type=search] ~ .material-icons {
  color: rgba(0, 0, 0, 0.3);
  top: 0.6rem;
  cursor: text; }

relation-select .no-hover:hover {
  background-color: transparent; }

relation-select .input-field input[type=search]:focus ~ .material-icons {
  cursor: pointer; }

relation-select .custom-selected-item {
  background-color: #DFDFDF; }

relation-select .input-field input[type=search]:focus {
  border-bottom: 1px solid #26a69a;
  box-shadow: 0 1px 0 0 #26a69a; }

relation-select .custom-select {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  display: block; }

relation-select .pagination li a {
  color: #444; }

relation-select .pagination li.disabled a {
  cursor: default;
  color: #999; }

relation-select .select-wrapper i {
  color: inherit; }

relation-select .search-div {
  display: flex; }

relation-select .search-div i {
  padding: 9px; }

relation-select .search-input {
  display: flex;
  flex: 1 1 auto;
  margin-left: 0;
  padding-left: 0 !important; }

relation-select .search-label {
  z-index: -1;
  margin-left: 0 !important; }

relation-select .close-icon {
  cursor: pointer; }

relation-select .select-li-flex {
  display: flex;
  flex-direction: row;
  align-items: stretch; }

relation-select .select-li-flex div {
  width: 100px;
  display: flex;
  align-items: center; }
