.landing-block {
  height: 200px;
  font-size: 25px;
  margin: 10px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 200px;
  user-select: none;
  background-image: linear-gradient(to bottom right, #e7e7e7, #cecece); }
  .landing-block a {
    color: white; }

#landing-block-1 {
  background-image: url("../pictures/metadata_card_configuration_orange_comp_sliced.jpg"); }

#landing-block-2 {
  background-image: linear-gradient(to bottom right, #ec944c, #E7781E); }

#landing-block-3 {
  background-image: linear-gradient(to bottom right, #ec944c, #E7781E); }

#landing-block-4 {
  background-image: linear-gradient(to bottom right, #ec944c, #E7781E); }

.landing-block:hover {
  background-color: #d56c17; }

.landing-row {
  min-height: 45vh; }

.landing-container {
  min-height: 90vh; }

.mdc-preview-col {
  padding: 20px 0px 20px 0px; }

.mdc-item {
  width: 100%; }

.mdc-window {
  margin: auto;
  width: 500px;
  background-color: #F2F2F2;
  border: solid 1px #ced4da;
  font-family: "Open sans";
  color: #676767; }

@media screen and (max-width: 530px) {
  .mdc-window {
    width: 355px; } }

.mdc-header {
  height: 130px; }

.mdc-header-icon {
  height: 70px;
  width: 70px;
  margin: 20px 25px 20px 25px; }

.mdc-filename {
  margin-top: 40px;
  font-size: 23px; }

.mdc-ribbon {
  width: 100%;
  height: 40px;
  margin: 0px;
  background-color: #0074C6; }

.mdc-body {
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-size: 14px;
  min-height: 400px; }
  .mdc-body p {
    margin-bottom: 8px; }
  .mdc-body .col-4 {
    color: #999999;
    text-align: right; }
  .mdc-body .col-8 {
    color: #1A1A1A; }
  .mdc-body .mdc-item-title {
    color: #676767;
    font-size: 16px;
    padding: 0px 15px 0px 25px;
    background-color: #F2F2F2;
    z-index: 1000;
    position: relative;
    top: 25px;
    margin-top: -25px; }
  .mdc-body .mdc-item-title-line {
    width: 100%;
    height: 1px;
    margin: 15px 0px 15px 35px;
    background-color: #999999; }

.mdc-settings {
  height: 50px;
  margin: 0px;
  background-color: #FAFAFA; }

.mdc-footer {
  height: 50px;
  margin: 0px; }

.test {
  color: #999999; }

.hidden {
  display: none !important; }

.highlightList {
  border: 3px #E7781E solid;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }

.mdc-functions {
  padding: 20px 15px; }

#mdc-item-list {
  list-style-type: none;
  padding: 20px 0px 20px 0px;
  min-height: 50vh; }

.mdc-list-title {
  list-style-type: none;
  margin-top: 10px;
  padding: 15px 10px 10px;
  font-weight: bold;
  color: white;
  height: 49px;
  background-color: #0074C6; }
  .mdc-list-title i {
    float: right;
    padding: 5px 21px 5px 5px; }

.mdc-list-property {
  padding: 5px 25px 5px 25px;
  border-color: #ced4da;
  border-width: 1px;
  border-style: solid;
  margin-top: -1px;
  background-color: #FBFBFB; }
  .mdc-list-property i {
    float: right;
    padding: 5px; }

#copy-json, #show-results {
  margin-top: 10px; }

#copy-json {
  float: right; }

.add-items-form .row {
  width: 100%; }

.add-items-form .row {
  margin: 0px; }

.add-items-form .col-3, .add-items-form .col-6 {
  padding: 0px; }
  .add-items-form .col-3 select, .add-items-form .col-3 input, .add-items-form .col-3 button, .add-items-form .col-6 select, .add-items-form .col-6 input, .add-items-form .col-6 button {
    width: 100%; }

.add-items-form .col-6 {
  padding: 0px 10px; }

.btn-primary {
  background-color: #E7781E;
  border: none; }

.setting-btn {
  width: 100%; }

.btn-primary:hover {
  background-color: #d56c17; }

.add-items-row {
  margin: 15px 0px; }
  .add-items-row .col {
    padding: 0px; }

#mdc-add-item {
  float: right !important;
  margin-top: 1px; }

#reset-btn {
  width: 100%; }

#copy-state {
  margin-bottom: 20px !important; }

.alertify-notifier {
  color: white; }

.navbar {
  background-color: #007dc6 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  padding: 0px 16px; }

.navbar-brand {
  color: white !important;
  font-size: 30px;
  padding-right: 50px;
  font-family: "Jura", "Open Sans"; }

.nav-link {
  color: white !important; }

.nav-item a, .nav-item button {
  padding: 8px 16px !important;
  background-color: #007dc6 !important;
  border: none;
  color: white; }

.nav-item button:focus {
  outline: 0; }

.nav-item a:hover, .nav-item button:hover {
  background-color: white !important;
  color: #007dc6 !important; }

.propCounter-col {
  padding: 20px 15px; }

#propCounter-list li {
  font-size: 12px;
  line-height: 12px;
  padding: 7px;
  border-color: #ced4da;
  border-width: 1px;
  border-style: solid;
  margin-left: -1px;
  margin-bottom: -1px;
  list-style: none;
  background-color: #FBFBFB; }

.sideview-toggle-container {
  text-align: center;
  margin: 20px 0px 0px 0px; }

.chosenItem {
  background-color: red; }

#demo-btn {
  margin-top: 30px; }