@charset "UTF-8";
/* -- abstracts -- */
/* -- /abstracts -- */
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
html {
  box-sizing: border-box;
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media (max-width: 500px) {
  html {
    font-size: 50%;
  }
}

* {
  font-family: "Roboto", sans-serif !important;
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  font-style: normal;
  color: #000000;
  margin: 0;
  padding: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px;
  background-color: #fbfaf5;
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
}
body.undernavigation {
  padding-top: 0 !important;
}

a:focus, a:hover, a:focus-visible {
  outline: none;
}

textarea {
  border-color: #ccc;
}

input[type=image] {
  background: transparent;
  width: 11%;
  cursor: pointer;
  position: relative;
  top: 3px;
}

.fa {
  font-family: FontAwesome !important;
}

/* -- Containers -- */
.ic-container {
  width: 100%;
  max-width: 1600px;
  margin: auto;
}

.container {
  max-width: 100%;
  /* -- /Containers -- */
}

@media (max-width: 1300px) {
  #content {
    min-height: 1000px;
    padding-bottom: 0px;
  }
}
img {
  border: none;
}

.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

.glyphicon-ban-circle:before {
  content: "\e090";
  position: relative;
  top: 2px;
}

.glyphicon-upload {
  color: #62b1ab;
  padding-top: 50px;
}

/* -- icRepo Typography -- */
h1 {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.9rem;
  font-weight: bold;
  font-style: normal;
  color: #2b3e42;
}

h2 {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.6rem;
  font-style: normal;
  color: #2b3e42;
}

h3 {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #2b3e42;
}

p {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.7rem;
}

a {
  color: #2b3e42;
}

::placeholder {
  color: #345870;
  font-size: 2.4rem;
  letter-spacing: 0px;
  font-weight: 300;
  position: relative;
  top: 5px;
  opacity: 1; /* Firefox */
  font-weight: 300;
}
@media (max-width: 800px) {
  ::placeholder {
    font-size: 1.8rem;
    letter-spacing: 0px;
    font-weight: 300;
    padding-left: 10px;
  }
}
@media (max-width: 500px) {
  ::placeholder {
    font-size: 1.8rem;
    letter-spacing: 0px;
    font-weight: 300;
    padding-left: 5px;
  }
}

.userSub {
  max-width: 1600px;
}

.right-Pos {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 20px;
  float: right;
}
.right-Pos .btn {
  margin-left: 20px;
}

#content {
  min-height: 100vh;
  padding: 0;
  background: #fbfaf5;
}

.main-title {
  font-size: 3.5rem;
  color: #345870;
  text-align: center;
  margin-top: 40px;
}

.perigrafi {
  margin-top: 40px;
  text-align: center;
}

/* -- buttons -- */
.btn {
  font-size: 1.7rem;
  font-weight: 600;
}
.btn:focus, .btn:hover, .btn:focus-visible {
  outline: none;
}

input.mybutton, button.mybutton {
  margin-top: 30px;
  border: 0;
  width: 300px;
  background-color: #e4572e;
  border-radius: 10px;
  color: #fff;
  font-size: 1.8rem;
  padding: 12px;
  transition: background 0.3s ease;
}
input.mybutton:hover, button.mybutton:hover {
  background-color: #c5401a;
}
input.mybutton:focus, button.mybutton:focus {
  color: #fff;
  background-color: #c5401a;
}

input.btn-success,
button.btn-success {
  background: #fff;
  border-color: #a8c686;
  font-size: 1.7rem;
  color: #a8c686;
  border-radius: 10px !important;
  border: 2px solid #a8c686;
  margin-left: 20px !important;
  min-width: fit-content;
  background-image: none !important;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
input.btn-success:hover,
button.btn-success:hover {
  color: #419641 !important;
  border-color: #419641 !important;
  background: #fff !important;
  outline: none;
  background-image: none;
}

.btn-primary {
  border-color: #345870;
  background: #345870;
  color: #fff !important;
  font-size: 1.7rem;
  border-radius: 10px !important;
  margin-left: 20px !important;
  min-width: fit-content !important;
  background-image: none !important;
  white-space: pre-wrap;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:focus-visible {
  border-color: #62869e;
  background: #62869e;
  background-image: none;
  outline: none;
}
.btn-primary a {
  color: #fff !important;
}

.btn.btn-default {
  background: #fff;
  color: #6f6f6f;
  font-size: 1.7rem;
  border-radius: 10px;
  min-width: fit-content;
  border: 2px solid #6f6f6f;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:focus-visible {
  border-color: #62869e;
  color: #62869e;
  background-image: none;
  outline: none;
}

.btn.btn-open {
  background: #fff;
  color: #a8c686;
  font-size: 1.7rem;
  border-radius: 10px;
  margin-left: 20px;
  max-width: fit-content;
  border: 2px solid #a8c686;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn.btn-open:hover, .btn.btn-open:focus {
  color: green;
  border-color: green;
  outline: none;
  background-image: none;
}

.btn.btn-edit {
  background: #fff;
  color: #eca929;
  font-size: 1.7rem;
  border-radius: 10px;
  margin-left: 20px;
  min-width: fit-content;
  border: 2px solid #eca929;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn.btn-edit:hover {
  color: #fe6e00;
  border-color: #fe6e00;
  outline: none;
  background-image: none;
}

.btn.btn-unpublish {
  background: #fff;
  color: #999999;
  font-size: 1.7rem;
  border-radius: 10px;
  margin-left: 20px;
  min-width: fit-content;
  border: 2px solid #999999;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn.btn-warning {
  background: #fff !important;
  color: #eca929;
  font-size: 1.7rem;
  border-radius: 10px !important;
  margin-left: 20px !important;
  min-width: fit-content !important;
  border: 2px solid #eca929;
}

.btn.btn-delete {
  background: #fff;
  color: #e4572e;
  font-size: 1.7rem;
  border-radius: 10px;
  margin-left: 20px;
  min-width: fit-content;
  border: 2px solid #e4572e;
  border-color: #e4572e;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn.btn-delete:hover {
  color: red;
  border-color: red;
  outline: none;
  background-image: none;
}

.btn-filter {
  border-color: #8fb7e9;
  background: #8fb7e9;
  min-width: 300px;
  background-image: none;
  padding: 10px 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  white-space: normal;
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 5px;
  margin-left: 0px;
  color: #ffffff;
}
.btn-filter:hover, .btn-filter:active, .btn-filter:focus, .btn-filter:target {
  background-color: #6286b2;
  border-color: #6286b2;
  color: #fff;
}
@media (max-width: 1161px) {
  .btn-filter {
    margin-top: 10px;
  }
}

/* -- /buttons -- */
/* -- tables -- */
.upload-table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 10px;
  line-height: 1.428571;
  vertical-align: middle;
  border-top: none;
}

.table > tbody > tr > td {
  border: none !important;
}

.oddRowOddCol {
  font-size: 1.7rem;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
}

.oddRowEvenCol {
  font-size: 1.7rem;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
}

.evenRowOddCol {
  font-size: 1.7rem;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
}

.evenRowEvenCol {
  font-size: 1.7rem;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
}

/* -- /tables -- */
/* -- Panels -- */
.panel {
  background: transparent;
  box-shadow: none !important;
  margin-bottom: 0;
}
.panel a {
  text-decoration: none;
  color: #000;
  font-size: 1.7rem;
}

.panel-body {
  padding: 0;
}

.panel-primary {
  border: none !important;
}

.panel-success {
  border: none !important;
}

.panel-info {
  border-color: #dcdcdc;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.panel-heading {
  background: #fbfaf5 !important;
  color: #345870 !important;
  text-align: center !important;
  border: none !important;
  font-size: 2rem !important;
  font-weight: 600 !important;
}

.paginationRow {
  float: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#resultSearch {
  background-image: url(../../../custom-images/searchIconBlue.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 95% 3px;
  background-size: 25px;
  height: 40px;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  max-width: 345px;
  min-width: 345px;
  flex-wrap: nowrap;
  border: 3px solid #345870;
  border-radius: 20px;
  padding: 0px 24px;
  font-size: 1.7rem;
  color: #345870;
  box-shadow: 0px 2px 4px 1px #345870;
  -o-box-shadow: 0px 2px 4px 1px #345870;
  -moz-box-shadow: 0px 2px 4px 1px #345870;
  -ms-box-shadow: 0px 2px 4px 1px #345870;
  -webkit-box-shadow: 0px 2px 4px 1px #345870;
  position: absolute;
  right: 0;
}
#resultSearch:hover {
  background-image: url(../../../custom-images/searchIcon.svg);
  background-color: #345870;
  color: #fff;
}

/* -- Panels -- */
/* -- Browse Results - Box -- */
.item_box {
  max-width: 400px;
}
@media (min-width: 769px) and (max-width: 1350px) {
  .item_box.col-md-4 {
    width: 50%;
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .item_box {
    max-width: 500px;
    margin: 0 auto;
  }
}

/* -- /Browse Results - Box -- */
/* -- Items Styles -- */
.item_thumbnail {
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  background-color: #fff !important;
  border-radius: 40px 40px 0px 0px;
  box-shadow: -1px -3px 4px 1px rgba(181, 153, 153, 0.2901960784);
  -webkit-box-shadow: -1px -3px 4px 1px rgba(181, 153, 153, 0.2901960784);
  -moz-box-shadow: -1px -3px 4px 1px rgba(181, 153, 153, 0.2901960784);
  -ms-box-shadow: -1px -3px 4px 1px rgba(181, 153, 153, 0.2901960784);
  -o-box-shadow: -1px -3px 4px 1px rgba(181, 153, 153, 0.2901960784);
}
.item_thumbnail img {
  max-width: 100%;
  max-height: 250px;
  min-height: 250px;
}
.item_thumbnail img {
  /* border: 1px solid dimgrey; */
  max-width: 375px;
  object-fit: scale-down;
  width: 100% !important;
  padding: 15px;
}

.item_metadata {
  padding-top: 0 !important;
  padding-bottom: 15px;
  border-radius: 0 0 40px 40px;
  text-align: center;
  box-shadow: -1px 4px 4px 1px rgba(181, 153, 153, 0.2901960784);
  -webkit-box-shadow: -1px 4px 4px 1px rgba(181, 153, 153, 0.2901960784);
  -moz-box-shadow: -1px 4px 4px 1px rgba(181, 153, 153, 0.2901960784);
  -ms-box-shadow: -1px 4px 4px 1px rgba(181, 153, 153, 0.2901960784);
  -o-box-shadow: -1px 4px 4px 1px rgba(181, 153, 153, 0.2901960784);
  min-height: 167px;
  background-color: #fff !important;
  margin-bottom: 35px;
  margin-top: -7px;
}

.itemListMetaInfoArea {
  min-height: 167px;
  padding: 10px 0 5px 0;
  max-width: 382px;
  margin: 0 auto;
}

.itemListTitleMatrix {
  font-size: 1.7rem;
  padding-bottom: 10px;
  line-height: 19px;
}
.itemListTitleMatrix em {
  border-bottom: solid #669bbc;
  font-style: initial;
  color: #669bbc;
}

/* -- /Items Styles -- */
.calendarIco {
  float: left;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  margin-top: 1px;
  text-align: left;
  background-position: left;
}

/* -- HEADER -- */
header#header {
  background: linear-gradient(90deg, #fffcf5 0%, #eca929 100%);
  background: -webkit-linear-gradient(left, #fffcf5 0%, #eca929 100%);
  height: 148px;
  border-radius: 0;
  margin-bottom: 0;
  border: none;
  box-shadow: 1px 5px 5px #888888;
  transition: height 0.3s ease;
}
@media (max-width: 992px) {
  header#header {
    height: 120px;
  }
}
@media (max-width: 768px) {
  header#header {
    height: 100px;
  }
}
@media (max-width: 500px) {
  header#header {
    height: 80px !important;
  }
}

/* -- Header media -- */
@media (max-width: 992px) {
  .navbar-header {
    float: none;
  }
}
/* -- /Header media -- */
/* -- Header Logo -- */
.navbar-brand {
  padding: 5px;
}
@media (max-width: 768px) {
  .navbar-brand {
    padding: 4px 5px;
  }
}
@media (max-width: 500px) {
  .navbar-brand {
    padding: 4px 0px;
  }
}
.navbar-brand .main-logo {
  margin-left: 32px;
  margin-top: 12px;
  height: 120px;
  width: auto;
  transition: all 0.3s ease;
}
@media (max-width: 992px) {
  .navbar-brand .main-logo {
    height: 90px;
    margin-left: 20px;
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .navbar-brand .main-logo {
    height: 70px;
    margin-left: 15px;
    margin-top: 10px;
  }
}
@media (max-width: 500px) {
  .navbar-brand .main-logo {
    max-width: 130px;
    height: 60px;
    margin-top: 8px;
    margin-left: 10px;
    min-height: 0;
  }
}
@media (max-width: 400px) {
  .navbar-brand .main-logo {
    max-width: 100px;
    height: 50px;
    margin-top: 10px;
    margin-left: 5px;
  }
}
@media (max-width: 360px) {
  .navbar-brand .main-logo {
    max-width: 80px;
    height: 45px;
    margin-top: 12px;
    margin-left: 5px;
  }
}

.logo {
  height: 100px;
  float: right;
  margin-top: 25px;
  margin-right: 12px;
  transition: all 0.3s ease;
}
@media (max-width: 992px) {
  .logo {
    height: 80px;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .logo {
    height: 60px;
    margin-top: 20px;
    margin-right: 8px;
  }
}
@media (max-width: 500px) {
  .logo {
    height: 50px;
    margin-top: 15px;
    margin-right: 50px;
  }
}
@media (max-width: 400px) {
  .logo {
    height: 40px;
    margin-top: 18px;
    margin-right: 45px;
  }
}
@media (max-width: 360px) {
  .logo {
    height: 35px;
    margin-top: 20px;
    margin-right: 45px;
  }
}

/* -- /Header Logo -- */
/* -- header language buttons -- */
/* -- Language Buttons position -- */
.deskDrop {
  margin-right: 32px;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .deskDrop {
    margin-right: 15px;
    margin-top: 15px;
  }
}
@media (max-width: 992px) {
  .deskDrop {
    display: none;
  }
}

.lang-buttons {
  font-size: 1.8rem;
  margin-right: 7px;
  color: #8b4027;
  padding: 6px 6px;
  line-height: 80px;
  text-decoration: none;
  border-radius: 10px;
  border: solid #eed0c3 2px;
  transition: all 0.3s ease;
}
.lang-buttons:nth-child(2) {
  padding: 6px 11px;
}
.lang-buttons:hover {
  background-color: #eec2b4;
  cursor: pointer;
  text-decoration: none;
  color: #8b4027;
}
@media (max-width: 1200px) {
  .lang-buttons {
    font-size: 1.6rem;
    line-height: 60px;
    padding: 5px 5px;
  }
}

/* -- /header language buttons -- */
/* -- hamburger button -- */
.navbar-inverse {
  /* -- /hamburger button -- */
  /* -- dropdown menu -- */
  /* -- Account Dropdown Menu -- */
}
.navbar-inverse .navbar-toggle {
  position: absolute;
  top: 50px;
  right: 5px;
  margin-right: 0px;
  background-color: #345870;
  border-color: #345870;
  transition: all 0.3s ease;
  z-index: 1000;
}
@media (min-width: 993px) {
  .navbar-inverse .navbar-toggle {
    display: none;
  }
}
@media (max-width: 992px) {
  .navbar-inverse .navbar-toggle {
    display: block;
  }
}
@media (max-width: 768px) {
  .navbar-inverse .navbar-toggle {
    top: 57px;
  }
}
@media (max-width: 500px) {
  .navbar-inverse .navbar-toggle {
    top: 43px;
    margin-top: 0 !important;
  }
}
@media (max-width: 400px) {
  .navbar-inverse .navbar-toggle {
    transform: scale(0.9);
  }
}
@media (max-width: 360px) {
  .navbar-inverse .navbar-toggle {
    transform: scale(0.85);
  }
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #8fb7e9;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar:hover, .navbar-inverse .navbar-toggle .icon-bar:focus {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse {
  border: none !important;
}
@media (max-width: 1200px) {
  .navbar-inverse .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 992px) {
  .navbar-inverse .navbar-collapse {
    max-height: 400px;
    overflow-y: auto;
  }
}
@media (max-width: 992px) {
  .navbar-inverse .navbar-collapse.collapse {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .navbar-inverse .navbar-collapse.collapse.in {
    display: block !important;
  }
}
.navbar-inverse .navbar-nav > li > a {
  color: #345870 !important;
  background: none;
  display: block !important;
  /* -- /Account Dropdown Menu -- */
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #8fb7e9;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
  /* -- Dropdown Caret -- */
  border-top-color: #345870 !important;
  border-bottom-color: #345870 !important;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret:hover, .navbar-inverse .navbar-nav > .dropdown > a .caret:focus {
  border-top-color: #345870 !important;
  border-bottom-color: #345870 !important;
  /* -- /Dropdown Caret -- */
}

@media (max-width: 992px) {
  .navbar-nav {
    margin: 0 !important;
  }
  .navbar-nav > li {
    text-align: center;
    padding: 14px;
    float: none;
  }
}
@media (max-width: 992px) and (max-width: 500px) {
  .navbar-nav > li {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .navbar-nav.navbar-right.userArea {
    top: unset !important;
    right: 0 !important;
    background-color: #f3f1e5;
    width: 100% !important;
    position: relative;
  }
}
/* -- /dropdown menu  -- */
/* -- toggle dropdown menu -- */
.navbar-right .dropdown-toggle {
  background-color: transparent !important;
  font-size: 2.2rem;
  font-weight: 600;
  color: #46797a;
  text-decoration: none !important;
  letter-spacing: 0.1em;
  padding: 11px;
  transition: color 0.3s ease;
}
.navbar-right .dropdown-toggle:hover, .navbar-right .dropdown-toggle:focus {
  background-color: transparent !important;
  color: #8fb7e9;
}
@media (max-width: 1200px) {
  .navbar-right .dropdown-toggle {
    font-size: 2rem;
  }
}
@media (max-width: 992px) {
  .navbar-right .dropdown-toggle {
    font-size: 2.2rem;
  }
}
@media (max-width: 500px) {
  .navbar-right .dropdown-toggle {
    font-size: 1.8rem;
  }
}

/* -- /toggle dropdown menu -- */
@media (max-width: 992px) {
  .navbar-nav {
    /* -- Dropdown Language menu styling -- */
  }
  .navbar-nav .dropdown.respDrop {
    padding: 11px;
    display: block !important;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .manual-button {
    display: grid;
    float: none;
    text-align: center;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    padding: 10px;
  }
  .manual-button > a {
    border: none;
    padding: 8px 16px;
    display: inline-block;
  }
}
/* -- /Dropdown Language menu styling -- */
/* -- Login Button -- */
.loginBtn {
  border-radius: 10px;
  background: #345870;
  color: #ffffff;
  font-size: 1.6rem;
  margin-top: 6px;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}
.loginBtn span.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}
.loginBtn:hover, .loginBtn:focus {
  color: #8fb7e9;
  background-color: #447393;
}
@media (max-width: 992px) {
  .loginBtn {
    margin-top: 20px;
    font-size: 1.8rem;
  }
}
@media (max-width: 500px) {
  .loginBtn {
    font-size: 1.6rem;
    padding: 8px 12px;
  }
}

@media (max-width: 992px) {
  .navbar-right {
    float: none !important;
  }
}
.navbar-right .userArea {
  /* -- Login Button position -- */
  position: absolute;
  top: 97px;
  right: 55px;
  padding-top: 0px;
}
@media (max-width: 1200px) {
  .navbar-right .userArea {
    top: 80px;
    right: 40px;
  }
}
@media (max-width: 992px) {
  .navbar-right .userArea {
    position: relative;
    top: unset;
    right: unset;
  }
}

/* -- /Login Button -- */
/* -- Dropdown logged in Menu -- */
ul.nav.navbar-nav.navbar-right .dropdown-menu li a {
  font-size: 1.8rem;
  color: #345870;
  border: none;
  background-image: none;
  background-color: transparent;
}
ul.nav.navbar-nav.navbar-right .dropdown-menu li a:hover {
  color: #8fb7e9;
}
@media (max-width: 992px) {
  ul.nav.navbar-nav.navbar-right .dropdown-menu li a {
    font-size: 2.1rem;
    font-weight: 600;
  }
}
@media (max-width: 500px) {
  ul.nav.navbar-nav.navbar-right .dropdown-menu li a {
    font-size: 1.8rem;
  }
}

/* -- /Dropdown logged in Menu -- */
/* -- Minimal Navbar position -- */
.minimal-nav {
  position: absolute;
  right: 30px;
  top: 50px;
}

.navbar-collapse .navbar-nav.navbar-right:last-child {
  margin-right: -12px;
}

/* -- /Minimal Navbar position -- */
/* -- Admin Header -- */
.container {
  max-width: 100% !important;
}

.navbar-right {
  padding: 0 !important;
}

ul.nav.navbar-nav {
  height: 160px;
}
ul.nav.navbar-nav .dropdown-menu a {
  padding: 5px;
}

#admin-menu ul.nav.navbar-nav {
  display: flex;
  flex-direction: row;
  height: 142px;
  align-content: center;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center;
}
#admin-menu ul.nav.navbar-nav li a {
  font-size: 18px !important;
}
#admin-menu ul.nav.navbar-nav.navbar-right {
  display: flex;
  align-items: flex-end;
  height: 142px;
}
#admin-menu ul.nav.navbar-nav.navbar-right li a {
  font-size: 2.2rem !important;
}
#admin-menu ul.nav.navbar-nav.navbar-right li ul li a {
  font-size: 1.8rem !important;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background: none;
}
.navbar-inverse .navbar-nav > li > a {
  background: none !important;
}

/* -- /Admin Header -- */
/* -- /HEADER -- */
/* -- FOOTER -- */
footer {
  background-color: #1c2548;
  position: relative;
  border: none;
  padding: 60px 5px 40px 0px;
  margin-bottom: 0;
  border-radius: 0;
}
footer a {
  text-decoration: none;
}
footer p {
  color: #fff;
}
footer [class^=col-md] {
  padding: 35px;
}
footer .logo-container {
  margin: 0;
}

img.footer-nodes {
  position: absolute;
  right: 0;
  bottom: 0;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.footer-logo {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.footer-logo img {
  width: auto;
  max-height: 100px;
  object-fit: contain; /* Ensures full image is visible */
}
@media (max-width: 1440px) {
  .footer-logo img {
    height: 80px;
  }
}
@media (max-width: 1207px) {
  .footer-logo img {
    height: 60px;
  }
}
@media (max-width: 1030px) {
  .footer-logo img {
    height: 40px;
  }
}
@media (max-width: 768px) {
  .footer-logo img {
    height: 45px;
  }
}
@media (max-width: 768px) {
  .footer-logo {
    gap: 0;
  }
}

.footer-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px; /* Space between icons */
}
.footer-social img {
  margin: 10px;
}
@media (max-width: 1440px) {
  .footer-social img {
    height: 30px;
  }
}
@media (max-width: 1207px) {
  .footer-social img {
    height: 25px;
  }
}
@media (max-width: 1030px) {
  .footer-social img {
    height: 20px;
  }
}

.footer-links-wrapper {
  padding: 20px 0;
  margin-bottom: 20px;
}
.footer-links-wrapper ul.list-unstyled.clear-margins {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-links-wrapper ul.list-unstyled.clear-margins li {
  display: inline-flex;
}
@media (max-width: 768px) {
  .footer-links-wrapper ul.list-unstyled.clear-margins li.separator {
    display: none;
  }
}
.footer-links-wrapper ul.list-unstyled.clear-margins li a {
  padding: clamp(0.4rem, 1vw + 0.2rem, 2rem) clamp(0.8rem, 2vw + 0.5rem, 2rem);
  color: #ffffff;
  font-size: clamp(1rem, 0.7rem + 1.5vw, 3.6rem) !important;
  font-weight: lighter;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: clamp(0.3px, 0.5vw, 0.5px);
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}
.footer-links-wrapper ul.list-unstyled.clear-margins li a:hover {
  color: #ffd700;
  transform: translateY(-2px);
}
.footer-links-wrapper ul.list-unstyled.clear-margins li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffd700, transparent);
  transition: transform 0.3s ease;
}
.footer-links-wrapper ul.list-unstyled.clear-margins li a:hover::after {
  transform: translateX(-50%) scaleX(1);
}
.footer-links-wrapper ul.list-unstyled.clear-margins .vl {
  width: 1px;
  height: clamp(15px, 2vw + 10px, 25px);
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), transparent);
  margin: 0 clamp(5px, 1vw, 10px);
  display: inline-block;
}
@media (max-width: 768px) {
  .footer-links-wrapper {
    padding: 15px 0;
  }
}
@media (max-width: 576px) {
  .footer-links-wrapper {
    padding: 10px 0;
  }
}

/* -- /FOOTER -- */
/* -- Main -- */
#home-page {
  background-color: #ffffff;
}
#home-page #content {
  padding-bottom: 0px;
}

/* -- Home Page Typography -- */
/* -- Home Page Title -- */
h1.repoTitle {
  color: #fff;
  font-size: 12.8rem;
  font-weight: 700;
  font-family: Roboto !important;
  text-align: left;
  margin-left: -40px;
  margin-top: 75px;
}
@media (max-width: 992px) {
  h1.repoTitle {
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  h1.repoTitle {
    font-size: 4.5rem;
  }
}

span.i {
  color: #e4572e;
}

span.c {
  color: #eca929;
}

/* -- /Home Page Title -- */
/* -- Home Page Search Title -- */
h2.repoDesc {
  color: #345870;
  cursor: default;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 75px;
  text-align: left;
}

/* -- /Home Page Search Title -- */
#home-page h2 {
  font-weight: bold;
  font-size: 3.6rem;
  color: #345870;
}

@media (max-width: 1081px) {
  #home-page h2 {
    line-height: 36px;
  }
}
#home-page h3 {
  font-weight: 900;
  font-size: 3.2rem;
  color: #345870;
  /* -- Browse Title -- */
  /* -- /Browse Title -- */
}
#home-page h3.browseText {
  font-size: 3rem;
  margin-bottom: 30px;
  text-align: left;
}

/* -- Main Titles typography -- */
.navigateIcTitle h2,
.labsTitle h2,
.digitalrepoTitle h2 {
  padding: 6.25rem 1.25rem;
  margin: 0;
}

/* -- /Main Titles typography -- */
/* -- /Home Page Typography -- */
/* -- jumbotron in homepage -- */
.jumbotron {
  margin: 0 !important;
  line-height: 1 !important;
}

/* -- Home Search -- */
#search {
  padding-bottom: 4%;
  text-align: center;
  width: 100%;
}
#search #searchWrapper {
  display: inline-block;
  width: 100%;
}
@media (max-width: 992px) {
  #search #searchWrapper {
    padding-top: 0;
  }
}
#search #searchWrapper .homeSearchForm {
  max-width: 960px;
}
#search #searchWrapper .homeSearchForm .sform {
  display: flex;
  width: 98%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 6px;
  max-height: 72px;
}

input[type=text].homeSearchInput {
  padding: 5px 5px 5px 15px;
  font-size: 2.4rem;
  /* float: left; */
  width: 94%;
  /* height: 77px; */
  background: transparent;
  outline: none;
  border: none;
  color: #345870;
}

/* -- Home Search Button -- */
.homeSearchBtn {
  background-image: url("../../../custom-images/searchIcon.svg");
  background-repeat: no-repeat;
  background-color: #e4572e;
  background-position: center;
  width: 60px;
  height: 60px;
  line-height: inherit;
  text-decoration: none;
  border: none;
  border-radius: 10px;
  margin: 6px;
}
@media (max-width: 500px) {
  .homeSearchBtn {
    background-size: contain;
    padding: 0;
    height: 35px;
    width: 35px;
  }
}

#home-page .jumbotron {
  position: relative;
  background: url("../../../custom-images/icrepo_back.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  min-height: 857px !important;
}
@media (min-width: 2500px) {
  #home-page .jumbotron {
    background-position: center top 22% !important;
  }
}
#home-page .jumbotron > .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#home-page .jumbotron > .inner {
  position: relative;
  z-index: 2;
  max-width: 1340px;
  padding: 0 70px 0 130px;
}
@media (min-width: 2600px) {
  #home-page .jumbotron > .inner {
    margin: auto;
    right: 3%;
  }
}
@media (max-width: 992px) {
  #home-page .jumbotron > .inner {
    padding: 0;
  }
}

/*browse options in homepage*/
#browse {
  padding-top: 0;
  margin: 0 auto;
}
@media (min-width: 1395px) {
  #browse #browseWrapper .row {
    margin-left: -27px;
  }
}

a.browseOptionLink {
  text-decoration: none;
}
a.browseOptionLink:hover div.browseOptionLabel {
  color: #222;
}

.browseOption {
  margin-bottom: 30px !important;
  margin: 10px auto 0 auto;
  cursor: pointer;
  height: 206px;
  max-width: 220px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 50px 80px 0px rgba(0, 0, 0, 0.22);
}
.browseOption .browseOptionContent {
  top: 20%;
  position: relative;
}
.browseOption .browseOptionContent.first {
  top: 5%;
}
.browseOption .browseOptionContent.first img {
  max-width: 90%;
}
.browseOption .browseOptionContent.first .browseOptionLabel {
  padding-top: 13px;
}
.browseOption .browseOptionContent .browseOptionLabel {
  color: #345870;
  text-align: center;
  padding: 33px 2px 0px 2px;
  font-size: 1.8rem;
  font-weight: 700;
}
.browseOption .browseOptionContent .browseOptionLabel:hover {
  color: #222;
}

/* -- /jumbotron in homepage -- */
/* -- Navigate in homepage -- */
#navigateIc {
  background-color: #ffedcc;
  min-height: 220px;
}

/* -- /Navigate in homepage -- */
/* -- digital repo in homepage -- */
#home-digital-repo {
  background: #daecf4;
  padding-bottom: 100px;
}
#home-digital-repo p {
  font-size: 2rem;
  font-weight: normal;
  letter-spacing: -0.2px;
  text-align: justify;
  color: #474747;
}
#home-digital-repo img {
  width: 100%;
}
#home-digital-repo .col-md-6 {
  padding: 35px;
}

/* -- labs in homepage -- */
#home-labs {
  padding-bottom: 100px;
}
#home-labs [class^=lab-] {
  border: 5px solid black;
  border-radius: 70px;
  margin: 20px;
  padding: 50px;
  box-shadow: 0px 50px 80px 0px rgba(0, 0, 0, 0.1);
}
#home-labs [class^=lab-] img {
  height: 70px;
}
@media (max-width: 500px) {
  #home-labs [class^=lab-] {
    padding: 20px;
  }
  #home-labs [class^=lab-] p {
    text-align: left;
  }
}
#home-labs [class^=lab-] p {
  color: #474747;
  text-align: justify;
  font-size: 2rem;
  line-height: normal;
}
#home-labs [class^=col-] {
  display: flex;
}
#home-labs .row {
  display: flex;
  flex-wrap: wrap;
}
#home-labs .row:last-child [class^=col-] {
  margin: auto;
}
#home-labs .lab-xr {
  border-color: #e4572e;
}
#home-labs .lab-iot {
  border-color: #a8c686;
}
#home-labs .lab-steam {
  border-color: #29335c;
}
#home-labs .lab-con {
  border-color: #f3a712;
}
#home-labs .lab-meet {
  border-color: #669bbc;
}

/* -- /labs in homepage -- */
/* -- /iframe with canvas in homepage -- */
.iframeHome {
  background-image: url("../../../custom-images/bg-iframe.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 65%; /*86.36%;   1122:1300 */
  max-width: 1300px;
  margin: auto;
}

#gotoportal {
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
  z-index: 10;
  position: fixed;
  right: 0;
  top: 35%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px 0 0 10px;
}
#gotoportal:hover {
  transform: scale(1.15);
}
#gotoportal a {
  display: block;
  padding: 8px 5px;
}
#gotoportal a img {
  width: 20px;
}

/* Start ==== MyDspace - Page ===== */
#mydspace-page {
  /* -- /filter Buttons -- */
  /* -- Table row -- */
  /* WITHDRAW AND POST ITEM MODAL SCSS */
  /* Style for the withdraw button */
  /* Common styles for both withdraw and confirm modals */
  /* Style for workflow title span */
  /* Common styles for modal headers */
  /* Specific styles for withdraw modal */
  /* Specific styles for confirm modal */
  /* Style for return button */
  /* REMOVE ITEM MODAL CSS END */
}
#mydspace-page .workspaceHeader {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#mydspace-page .main-img {
  /* -- Title Image -- */
  width: 50px;
  margin-bottom: 30px;
}
#mydspace-page .newSubmitBtn {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 50px;
}
#mydspace-page .newSubmitBtn > * {
  margin-bottom: 10px;
  margin-left: 0 !important;
  align-self: center;
}
#mydspace-page ul.ulmenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  position: relative;
  padding-left: 0;
  margin-bottom: 10px;
  list-style: none; /* Remove default list styling */
}
#mydspace-page ul.ulmenu li {
  margin: 10px; /* Add margin for spacing */
  box-sizing: border-box; /* Ensure padding and border are included in the width */
  max-width: fit-content;
}
@media (max-width: 1310px) {
  #mydspace-page ul.ulmenu li {
    flex: 1 1 40%; /* Adjust the width to fit 2 items per row */
  }
  #mydspace-page ul.ulmenu li.btn-filter {
    min-width: 410px;
  }
}
@media (max-width: 768px) {
  #mydspace-page ul.ulmenu li {
    flex: 1 1 100%; /* Adjust the width to fit one item per row */
  }
}
#mydspace-page ul.ulmenu.two-items li {
  min-width: 410px;
  flex: 1 1 45%; /* Adjust the width to fit two items per row */
}
#mydspace-page ul.ulmenu.three-items li {
  flex: 1 1 30%; /* Adjust the width to fit three items per row */
}
#mydspace-page ul.ulmenu.four-items li {
  flex: 1 1 22%; /* Adjust the width to fit four items per row */
}
#mydspace-page ul.ulmenu .btn-filter {
  display: inline-block; /* Make the button inline-block to fit content */
  padding: 10px 15px; /* Adjust padding as needed */
  white-space: nowrap; /* Prevent text from wrapping */
}
#mydspace-page ul.ulmenu .btn-filter.selected {
  background-color: #6286b2;
  border-color: #6286b2;
}
#mydspace-page .actionTables {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#mydspace-page .actionTables button#withdrawBtn,
#mydspace-page .actionTables input.btn-success {
  margin-left: 0px !important;
}
#mydspace-page .actionTables img {
  margin-inline: 5px;
}
#mydspace-page .actionTables form {
  display: flex;
  flex-direction: row !important;
}
#mydspace-page .actionTables form > * {
  margin-bottom: 0px !important;
}
#mydspace-page .reSizeImg {
  max-width: 40px !important;
}
#mydspace-page .tableIcons {
  margin: 0 10px;
}
#mydspace-page .tableBtnIcons {
  border: none;
  background: none;
  padding: 3px !important;
}
#mydspace-page .tableBtnIcons:hover {
  filter: brightness(70%);
}
#mydspace-page table.table.poolTable form input.btn.btn-success {
  margin-left: 0px !important;
}
#mydspace-page .adminInArchiveTable thead tr th {
  background-color: #345870 !important;
  color: #fff !important;
  width: 25%;
  padding: 10px;
}
#mydspace-page .adminInArchiveTable thead tr th .oddRowOddCol,
#mydspace-page .adminInArchiveTable thead tr th .oddRowEvenCol {
  color: #fff !important;
}
#mydspace-page .adminInArchiveTable tbody tr {
  border-bottom: 1px solid #d8d9d3;
}
#mydspace-page .workspaceTable caption,
#mydspace-page .flowTable caption {
  text-align: left;
}
#mydspace-page .workspaceTable caption h3,
#mydspace-page .flowTable caption h3 {
  margin: 0;
  padding: 10px;
  width: max-content;
  color: white;
  background-color: #8fb7e9;
  font-size: 1.7rem;
  font-weight: 600 !important;
  font-style: normal;
  font-weight: normal;
  border-radius: 4px 4px 0 0;
}
#mydspace-page .workspaceTable tbody tr,
#mydspace-page .flowTable tbody tr {
  border-bottom: 1px solid #d8d9d3;
}
#mydspace-page .workspaceTable tbody tr:nth-child(1),
#mydspace-page .flowTable tbody tr:nth-child(1) {
  background-color: #345870;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#mydspace-page .workspaceTable tbody tr:nth-child(1) .oddRowOddCol,
#mydspace-page .workspaceTable tbody tr:nth-child(1) .oddRowEvenCol,
#mydspace-page .flowTable tbody tr:nth-child(1) .oddRowOddCol,
#mydspace-page .flowTable tbody tr:nth-child(1) .oddRowEvenCol {
  color: #fff !important;
  width: 25%;
}
#mydspace-page .ownedTable .btn.btn-edit {
  min-width: 244px !important;
}
#mydspace-page .ownedTable .actionTables {
  margin-left: -12px;
}
#mydspace-page .poolTable thead,
#mydspace-page .ownedTable thead {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#mydspace-page .poolTable caption,
#mydspace-page .ownedTable caption {
  border-radius: 4px;
  border: 2px solid #8fb7e9;
  margin-bottom: 2px;
  cursor: pointer;
}
#mydspace-page .poolTable caption h3,
#mydspace-page .ownedTable caption h3 {
  margin: 0;
  padding: 10px;
  width: max-content;
  color: #8fb7e9;
  font-size: 1.7rem;
  font-weight: 600 !important;
  font-style: normal;
  font-weight: normal;
  border-radius: 4px 4px 0 0;
  margin: auto;
}
#mydspace-page .poolTable th,
#mydspace-page .ownedTable th {
  background-color: #345870;
  color: #fff !important;
  width: 25%;
}
#mydspace-page .poolTable th .oddRowOddCol,
#mydspace-page .poolTable th .oddRowEvenCol,
#mydspace-page .ownedTable th .oddRowOddCol,
#mydspace-page .ownedTable th .oddRowEvenCol {
  color: #fff !important;
}
#mydspace-page .poolTable th th,
#mydspace-page .ownedTable th th {
  padding: 10px;
}
#mydspace-page .poolTable tbody tr,
#mydspace-page .ownedTable tbody tr {
  border-bottom: 1px solid #d8d9d3;
}
#mydspace-page .poolTable tbody tr td form,
#mydspace-page .ownedTable tbody tr td form {
  display: flex;
  flex-direction: column;
}
#mydspace-page .poolTable tbody tr td form > *,
#mydspace-page .ownedTable tbody tr td form > * {
  align-self: center;
  margin-bottom: 5px;
}
#mydspace-page .panel {
  /* -- Table Panel -- */
  max-width: 1300px;
  margin: auto;
  background: none;
  box-shadow: none;
}
#mydspace-page .panel table {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#mydspace-page .panel-primary {
  border-color: transparent;
}
#mydspace-page .panel-body {
  overflow-x: auto;
  /* -- /Table Panel -- */
}
#mydspace-page .headRow {
  /* -- Table Header -- */
  background-color: #8fb7e9;
}
#mydspace-page .headCol {
  color: #fff;
  /* -- /Table Header -- */
}
#mydspace-page tr.yo {
  border-bottom: 1px solid;
  color: #d8d9d3;
}
#mydspace-page a.btn.btn-default {
  /* -- Table Buttons -- */
  background: #fff;
  color: #a8c686;
  border-radius: 10px;
  border: 2px solid #a8c686;
}
#mydspace-page input.btn.btn-unpublish {
  min-width: 155px !important;
  margin-top: 10px;
}
#mydspace-page input.btn.btn-edit {
  min-width: 155px !important;
}
#mydspace-page input.btn-delete {
  border-radius: 10px;
  min-width: 20px;
}
#mydspace-page .btn-menu {
  background: #b2decf;
  color: #fff;
  /* -- /Table Buttons -- */
}
#mydspace-page a#withdrawBtn {
  margin-bottom: 15px;
}
#mydspace-page #withdrawModal,
#mydspace-page #confirmModal {
  overflow-y: hidden;
  background: rgba(0, 0, 0, 0.3019607843); /* Semi-transparent background */
}
#mydspace-page #withdrawModal .modal-footer,
#mydspace-page #confirmModal .modal-footer {
  padding: 14px 20px 7px; /* Padding for the modal footer */
}
#mydspace-page #withdrawModal .modal-dialog,
#mydspace-page #confirmModal .modal-dialog {
  width: auto !important; /* Auto width for the modal dialog */
}
#mydspace-page #withdrawModal .close,
#mydspace-page #confirmModal .close {
  opacity: 1; /* Full opacity for the close button */
  padding: 10px 12px; /* Padding for the close button */
}
#mydspace-page #withdrawModal .btn,
#mydspace-page #confirmModal .btn {
  margin-left: 10px; /* Margin for buttons inside the modal */
}
#mydspace-page #withdrawModal .modal-content,
#mydspace-page #confirmModal .modal-content {
  max-width: 1050px; /* Maximum width for the modal content */
  margin: 0 auto; /* Center the modal content */
  margin-top: 20em; /* Top margin for the modal content */
}
#mydspace-page #withdrawModal .modal-body,
#mydspace-page #confirmModal .modal-body {
  font-size: 16px; /* Font size for the modal body */
  padding-bottom: 5px !important; /* Padding for the modal body */
  height: auto; /* Auto height for the modal body */
}
#mydspace-page #withdrawModal .modal-header .close,
#mydspace-page #confirmModal .modal-header .close {
  font-size: 30px; /* Font size for the close button in the header */
}
#mydspace-page #withdrawModal textarea,
#mydspace-page #confirmModal textarea {
  width: 100%; /* Full width for textarea */
  resize: none; /* Disable resizing */
  padding: 5px 10px; /* Padding for textarea */
  margin-bottom: 12px; /* Bottom margin for textarea */
}
#mydspace-page .workflowTitle span {
  cursor: pointer; /* Pointer cursor for span */
}
#mydspace-page #withdrawModalHeader,
#mydspace-page #confirmModalHeader {
  font-size: 18px; /* Font size for modal headers */
  margin-left: 5px; /* Left margin for modal headers */
  color: #345870 !important; /* Color for modal headers */
  margin: 0 !important; /* Reset margin for modal headers */
}
#mydspace-page #withdrawModal .modal-header .close {
  opacity: 1; /* Full opacity for the close button */
  margin-top: -13px; /* Top margin for the close button */
}
#mydspace-page #confirmModalHeader .close {
  line-height: 0 !important; /* Line height for the close button */
  margin-top: -20px; /* Top margin for the close button */
}
#mydspace-page #confirmModalHeader #confirmModalHeaderLabel {
  color: #345870 !important; /* Color for the header label */
}
#mydspace-page .returnBtn {
  float: left; /* Float to the left */
  font-size: 16px; /* Font size for the return button */
  letter-spacing: 0.3px; /* Letter spacing for the return button */
}

/* End ==== MyDspace - Page ===== */
/* Start ==== Reject - Page ===== */
#reject-page {
  /* End ==== Reject - Page ===== */
}
#reject-page #reasonArea.form-control {
  color: #2a363b;
  font-size: 1.7rem;
  letter-spacing: 0px;
  font-weight: 300;
  position: relative !important;
  opacity: 1;
  font-weight: 300;
}
#reject-page #reasonArea.form-control::placeholder {
  color: #888;
  font-size: 1.7rem;
  letter-spacing: 0px;
  font-weight: 300;
  top: 0;
}
#reject-page .rejectScen {
  max-width: 1300px;
  margin: auto;
}

/* Start ==== workspace - Page ===== */
#workspace-page {
  /* -- Buttons -- */
  /* -- /Buttons -- */
}
#workspace-page #content {
  font-size: 1.7rem;
}
#workspace-page #content p {
  text-align: center;
  font-size: 1.7rem;
}
#workspace-page .return-back {
  border-bottom: 1px solid grey;
  width: fit-content;
  margin: auto;
  border: 1px solid gray;
  padding: 10px;
  margin-top: 130px;
}
#workspace-page a:hover {
  text-decoration: none;
}
#workspace-page .itemEditTable {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 50px;
}
#workspace-page .itemEditTable th {
  text-align: center;
  background-color: #345870;
  color: #fff;
}
#workspace-page .itemEditTable td {
  margin: 0 auto !important;
}
#workspace-page .itemEditTable tr {
  border-bottom: 1px solid #d8d9d3;
}
#workspace-page .btn-default {
  min-width: 180px !important;
}
#workspace-page .btn-delete {
  min-width: 180px !important;
  background: #fff;
  border-radius: 10px;
  padding: 5px 9px;
}
#workspace-page .btn-edit {
  min-width: 180px !important;
}

/* End ==== workspace - Page ===== */
/* -- Login - Page -- */
#login-page {
  /* -- Login page Logo -- */
  /* -- Login Form -- */
  /* -- Error Message -- */
  /* -- Mobile Responsiveness -- */
}
#login-page #content {
  background-image: url("../../../custom-images/pafse_login_back_.png");
  background-size: cover;
  background-position: center;
}
#login-page .login-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
}
#login-page .content {
  background-color: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 500px;
  margin-top: 20px;
}
#login-page .logoWrapper {
  position: relative;
  bottom: 87px;
  width: 256px;
  height: 150px;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 -5px 3px -3px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
#login-page .logoWrapper img {
  max-width: 100%;
  height: auto;
  position: relative;
  right: -44px;
}
#login-page #loginform {
  position: relative;
  bottom: 50px;
  /* -- Password Field Styling -- */
}
#login-page #loginform input {
  display: block;
  margin: 10px auto;
  border: none;
  width: 100%;
  height: 50px;
  outline: none;
  font-size: 1.8rem !important;
  border-bottom: 2px solid #e4572e;
  padding: 10px;
  background: #f9f9f9;
  transition: border-color 0.3s ease-in-out;
  color: #345870;
  border-radius: 5px;
}
#login-page #loginform input:focus {
  border-color: #e4572e;
}
#login-page #loginform input::placeholder {
  font-size: 1.8rem;
  color: #345870;
  font-weight: 500;
}
#login-page #loginform input.mybutton {
  margin-top: 30px;
  border-bottom: 0;
  width: 150px;
  background-color: #e4572e;
  border-radius: 10px;
  color: #fff;
  font-size: 1.6rem;
  padding: 12px;
  transition: background 0.3s ease;
}
#login-page #loginform input.mybutton:hover {
  background-color: #c5401a;
}
#login-page #loginform .password-container {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
#login-page #loginform .password-container input {
  padding-right: 40px; /* Space for eye icon */
}
#login-page #loginform .password-container i {
  font-family: "Font Awesome 5 Free" !important;
  position: absolute;
  right: 15px;
  font-size: 20px;
  color: #777;
  cursor: pointer;
  transition: color 0.3s ease;
}
#login-page #loginform .password-container i:hover {
  color: #345870;
}
#login-page #loginform h1 {
  font-size: 2.4rem;
  color: #345870;
  margin-bottom: 20px;
}
#login-page .errorMsgShown {
  font-size: 1.6rem;
  text-align: left;
  padding: 10px 15px;
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
  border-left: 5px solid red;
  margin-top: 15px;
  border-radius: 5px;
}
@media (max-width: 600px) {
  #login-page .content {
    width: 90%;
    padding: 30px;
  }
  #login-page .logoWrapper {
    width: 200px;
    height: 120px;
  }
  #login-page .logoWrapper img {
    width: 80%;
    position: relative;
    left: 35px;
  }
  #login-page #loginform input {
    font-size: 1.6rem;
  }
  #login-page .password-container i {
    font-size: 1.8rem;
  }
}

#submit_select-collection-page form label {
  height: 50px;
}
#submit_select-collection-page form select {
  height: 50px;
  margin: 50px auto auto auto;
  max-width: 800px;
}
#submit_select-collection-page form .form-control {
  border-color: lightgrey;
}
#submit_select-collection-page form .row {
  margin-top: 150px;
}

#upload-file-list-page .btn-delete {
  margin-top: 20px;
}
#upload-file-list-page .btn-primary {
  white-space: normal;
}

#submit_file-format .userInputForm {
  min-height: 450px;
}

#submit_confirmation .verifContainer {
  background-color: #fbfaf5;
  background-image: none;
}
#submit_confirmation span,
#submit_confirmation p {
  font-size: 1.7rem !important;
}
#submit_confirmation .alert.alert-info.review-alert {
  width: 75%;
  margin: 0 auto;
}
#submit_confirmation .btn-primary {
  float: right;
}

.level-one {
  font-size: 21px;
  font-weight: 500;
}

.pl-0 {
  padding-left: 0;
}

.row.control-group {
  float: left;
  width: -webkit-fill-available;
  width: -moz-available;
}

.formAddIconS {
  display: inline-block;
  background-size: 32px 16px;
  height: 31px;
  width: 38px;
  cursor: pointer;
  background-position: right;
  position: relative;
  left: 86px;
}
.formAddIconS :hover {
  border: #ccc 1px solid;
}

.rightsTitle {
  font-size: 18px;
  font-weight: 500;
  display: none;
}

.rightsSelect {
  font-size: 16px;
  display: none;
}

#refresh_rights {
  display: none;
}

.rights-msg-pos {
  font-size: 1.7rem;
  padding-left: 10px;
  padding-top: 15px;
}

.licenseImg {
  position: relative;
  margin-top: 20px;
}

.metadataFieldValue {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: normal;
  color: #666;
  text-align: left;
  padding: 0 !important;
  text-decoration: none;
  width: 45%;
  display: block;
}

/* -- General Metadata -- */
.controlledVocabularyLink {
  font-size: 8pt;
  display: none;
}

#submit_general-metadata-page .container {
  min-width: 100% !important;
}
#submit_general-metadata-page .changePos {
  position: absolute;
  padding: 9px 11px !important;
}
#submit_general-metadata-page .classficAdd {
  left: 107px !important;
  position: relative;
}
#submit_general-metadata-page .contribAdd {
  position: relative !important;
  left: 153px !important;
}

/* -- General Metadata -- */
/* -- Hint Text -- */
.hintQuestion {
  border: 1px solid black;
  border-radius: 25px;
  padding: 2px 6px;
  font-size: 1.3rem;
  font-weight: 700;
  cursor: pointer !important;
  position: relative;
  left: 5px;
  bottom: 2px;
}
.hintQuestion:hover .hint-text {
  display: block !important;
  position: absolute;
  left: 18px !important;
  top: 10px !important;
  width: max-content;
  max-width: 900px;
  border: #345870 3px solid;
  font-weight: normal;
  color: #fff;
  background-color: #8fb7e9;
  cursor: pointer !important;
  font-size: 1.8rem;
  padding: 10px 35px;
  line-height: 20px;
  z-index: 999999;
  text-align: justify;
}
.hintQuestion:hover .hint-text p {
  margin-left: -25px;
}

/* -- /Hint Text -- */
/* -- General Submit Styling -- */
/* -- Submit Step Titles -- */
.fieldsFilter {
  max-width: 1504px;
  text-align: right;
  margin: 0 auto;
  /* padding-top: 20px; */
  padding-bottom: 10px;
}

.stepPageTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  height: 80px;
}
.stepPageTitle h1 {
  font-size: 2.2rem;
  color: #345870;
  text-align: left;
}
.stepPageTitle img {
  max-width: 60px;
  position: relative;
  top: 2px;
}

/* -- Submit Step Titles -- */
/* -- Group Fields -- */
.groupLabelTitle {
  margin: 0 0 35px 0;
  font-size: 2.1rem;
  color: #345870;
  position: relative;
  right: 25px;
}

.groupedFields {
  padding: 30px 45px;
  max-width: 1470px;
  margin: 0 auto;
  background-color: #fbfaf5;
  margin-bottom: 30px;
  border-color: #dcdcdc;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}
.groupedFields > div {
  margin-bottom: 30px;
}
.groupedFields > div:last-child {
  margin-bottom: 0 !important;
}

/* -- /Group Fields -- */
/* -- Filter Buttons -- */
.filterBtns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  height: 80px;
}

.submitCheckBox,
.submitCheckBoxClear,
.submitMandatoryCheckBoxClear,
.submitOptionalCheckBoxClear,
.submitRecomCheckBoxClear {
  background-repeat: no-repeat;
  background-position: 5px 5px;
  display: inline-block;
  cursor: pointer;
  width: 222px;
  padding: 9px 6px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 1.5rem !important;
  letter-spacing: 0.3px;
  text-align: center;
  margin-left: 10px;
  background-image: url("../../../custom-images/check.png");
  background-color: #fff;
  color: #999999;
  border: #999999 solid 2px;
  opacity: 1;
}
.submitCheckBox:hover,
.submitCheckBoxClear:hover,
.submitMandatoryCheckBoxClear:hover,
.submitOptionalCheckBoxClear:hover,
.submitRecomCheckBoxClear:hover {
  border: #999999 solid 2px;
}

.submitMandatoryCheckBoxClear {
  background-repeat: no-repeat;
  background-position: 5px 5px;
  display: inline-block;
  cursor: pointer;
  width: 222px;
  padding: 9px 6px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 1.5rem !important;
  letter-spacing: 0.3px;
  text-align: center;
  margin-left: 10px;
  background-image: url("../../../custom-images/uncheck.png");
  background-color: #e4572e;
  color: #fff;
  border: #e4572e solid 2px;
  opacity: 1;
}

.submitOptionalCheckBoxClear {
  background-repeat: no-repeat;
  background-position: 5px 5px;
  display: inline-block;
  cursor: pointer;
  width: 222px;
  padding: 9px 6px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 1.5rem !important;
  letter-spacing: 0.3px;
  text-align: center;
  margin-left: 10px;
  background-image: url("../../../custom-images/uncheck.png");
  background-color: #a8c686;
  color: #fff;
  border: #a8c686 solid 2px;
  opacity: 1;
}

.submitRecomCheckBoxClear {
  background-repeat: no-repeat;
  background-position: 5px 5px;
  display: inline-block;
  cursor: pointer;
  width: 222px;
  padding: 9px 6px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 1.5rem !important;
  letter-spacing: 0.3px;
  text-align: center;
  margin-left: 10px;
  background-image: url("../../../custom-images/uncheck.png");
  background-color: #f3a712;
  color: #fff;
  border: #eca929 solid 2px;
  opacity: 0.7;
}

.submitCheckBox {
  background-repeat: no-repeat;
  background-position: 5px 5px;
  display: inline-block;
  cursor: pointer;
  width: 222px;
  padding: 9px 6px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 1.5rem !important;
  letter-spacing: 0.3px;
  text-align: center;
  margin-left: 10px;
  background-image: url("../../../custom-images/check.png");
  background-color: #fff;
  color: #999999;
  border: #999999 solid 2px;
  opacity: 1;
}
.submitCheckBox:hover {
  border: #999999 solid 2px;
}

.submitCheckBoxClear:hover {
  border: #999999 solid 2px;
}

/* -- Filter Buttons -- */
/* -- form -- */
.form-control {
  width: 100% !important;
  border: 2px solid #345870;
  border-radius: 0;
  font-size: 1.7rem;
  height: 36px;
  padding: 6px 12px;
  cursor: pointer;
}

/* -- Submit Contributors Component Styles -- */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid #345870 !important;
}

.select2-container--default .select2-selection--multiple {
  border: 2px solid #345870 !important;
  border-radius: 0px !important;
  min-width: 16rem;
  text-align: center;
}

/* -- /Submit Contributors Component Styles -- */
/* -- funding info Component style -- */
.chosen-container-multi .chosen-choices {
  border: 2px solid #345870 !important;
  border-radius: 0px !important;
  min-width: 16rem;
  text-align: center;
}

/* -- /funding info Component style -- */
#newRightBox {
  border: 2px solid #345870;
  margin-bottom: 50px;
  padding: 15px 15px;
  border-radius: 0px;
  font-size: 1.2rem;
  width: 64.5%;
  left: 14px;
}
#newRightBox ul {
  padding-inline-start: 40px;
}
#newRightBox p {
  font-size: 1.4rem;
}

.submitValue {
  text-align: left;
  clear: both;
}

.col-md-2 select.form-control {
  min-width: 130px;
  margin-left: -15px;
}

.AddMoreBtn {
  background-color: #345870;
  color: #fff;
  font-weight: 400;
  outline: none;
  min-width: 130px;
}
.AddMoreBtn:hover, .AddMoreBtn:focus {
  background-color: #8fb7e9;
  background-image: none;
  color: #fff;
  font-weight: 400;
  outline: none !important;
  border: none !important;
}

.RemoveBtn {
  background-color: #fff;
  color: #e4572e;
  font-weight: 400;
  outline: none;
  border: 2px solid #e4572e;
}
.RemoveBtn:hover, .RemoveBtn:focus {
  background-color: #e4572e;
  background-image: none;
  color: #fff;
  font-weight: 400;
  outline: none !important;
  border: none !important;
}

span.buttRemove {
  background: #e4572e;
  position: absolute;
  padding: 7px 9px;
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
}
span.buttRemove .glyphicon {
  top: 2px !important;
  right: 1px !important;
}

.multi-select-button {
  border: 2px solid #345870 !important;
  border-radius: 0px !important;
  min-width: 16rem;
  text-align: center;
}

.dropDownLists {
  width: 96.5% !important;
}

/* -- /form -- */
/* -- Labels -- */
.contrTitles {
  font-size: 1.7rem;
}

.label-required:before {
  content: " ";
  background-image: url("../../../custom-images/bullet_r.png") !important;
  background-size: 21px;
  background-repeat: no-repeat;
  position: relative;
  right: 7px;
  top: 1px;
  padding: 0px 11px;
}
.label-required:after {
  content: none;
}

label.optional:before {
  content: " ";
  background-image: url("../../../custom-images/bullet_g.png") !important;
  background-size: 21px;
  background-repeat: no-repeat;
  position: relative;
  right: 7px;
  top: 1px;
  padding: 0px 11px;
}
label.recommended:before {
  content: " ";
  background-image: url("../../../custom-images/bullet_y.png") !important;
  background-size: 21px;
  background-repeat: no-repeat;
  position: relative;
  right: 7px;
  top: 1px;
  padding: 0px 11px;
}

.optional {
  display: none;
}

/* -- /Labels -- */
/* -- /General Submit Styling -- */
/* -- Proggresion Bar -- */
.progressBarMenu {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.menuWrapper {
  text-align: center;
  margin: 0 auto;
}

.menuBtn {
  display: inline-block !important;
  vertical-align: top;
  position: relative;
  left: 40px;
}
.menuBtn input {
  background-repeat: no-repeat;
  background-size: 257px 167px;
  width: 242px;
  height: 160px;
  outline: none !important;
  border: none !important;
  line-height: 21px;
  margin-top: -32px;
  background-color: transparent !important;
  margin-left: -63px;
  z-index: 1;
  padding: 88px 55px;
}
.menuBtn input.submitProgressButtonNotDone {
  background-image: url("../../../custom-images/arrow_green_A8C686.svg") !important;
  white-space: normal;
  font-size: 1.8rem;
  color: black;
  font-weight: bold;
  outline: none !important;
}
.menuBtn input.submitProgressButtonDone {
  background-image: url("../../../custom-images/arrow_dark_345870.svg") !important;
  white-space: normal !important;
  font-size: 1.8rem;
  outline: none !important;
  color: #ffffff;
  font-weight: bold;
}
.menuBtn input.submitProgressButtonCurrent {
  background-image: url("../../../custom-images/arrow_light_4F7595.svg") !important;
  white-space: normal !important;
  font-size: 1.8rem;
  outline: none !important;
  color: #ffffff;
  font-weight: bold;
}

.subMisMenu {
  max-width: 47px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 48px;
  right: 31px;
  pointer-events: none;
}

/* -- /Proggresion Bar -- */
/* -- My Subs Table -- */
.ownSubs-title {
  font-size: 20px;
  color: #345870 !important;
  margin-top: 40px !important;
  text-align: center;
}

#content {
  background-color: rgba(0, 0, 0, 0);
}

.mySubsTable {
  max-width: 1300px;
  margin: 0 auto;
}

.mySubsTable th {
  text-align: center;
  background-color: #345870;
  color: #fff;
}

.mySubsTable td {
  text-align: center;
  font-size: 17px !important;
}

.mySubsTable tr {
  border-bottom: 1px solid #d8d9d3 !important;
  background-color: #fbfaf5;
}

.mySubsTable td img {
  object-fit: scale-down;
  max-width: 40% !important;
}

/* -- /My Subs Table -- */
/* -- User File Input Form -- */
.userInputForm {
  max-width: 1470px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.upload-body {
  background: #fbfaf5 !important;
  padding-top: 0 !important;
  background: #cdedff;
  font-size: 1.4rem;
}

.upload-table {
  margin-bottom: 0 !important;
  text-align: center !important;
}
.upload-table p {
  font-size: 1.6rem;
}
.upload-table tr {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.upload-table tr.table-header {
  background-color: #345870;
}
.upload-table tr:first-child th {
  font-size: 1.8rem;
  color: #fff !important;
  text-align: center;
}

.uplActions {
  display: flex;
  justify-content: flex-end;
  padding-top: 30px;
  padding-bottom: 30px;
  border-color: #dcdcdc;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.addThumb {
  margin-right: 20px;
}

.uploadHelp {
  font-size: 1.7rem !important;
}

.uplList {
  margin-right: 20px;
}

/* -- /User Input Form -- */
.collapsed button {
  background-color: #62b1ab !important;
}

span#uploadURL {
  background-color: #62b1ab;
}

.replaceThumb {
  margin-right: 20px;
}

.maintain-position {
  max-width: 200px;
}

/* -- Choose File -- */
#submit_select-file-page .row.container {
  width: 100% !important;
  margin: 0 auto;
}
#submit_select-file-page .submitFormLabel {
  width: 100%;
  text-align: left;
  padding-left: 100px;
  font-weight: bold;
  margin-top: 0px;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.resumable-drop a {
  text-decoration: none;
  font-weight: lighter;
  color: #000;
}

.resumable-drop {
  padding: 30px;
  font-size: 200%;
  text-align: center;
  color: #666;
  font-weight: bold;
  background-color: #ffffff;
  border: 2px dashed #666;
  opacity: 0.65;
  margin-top: 10px;
  margin-bottom: 30px;
  z-index: 1;
  display: none;
  height: 300px;
  top: 50%;
  vertical-align: middle !important;
  min-height: 6em;
  vertical-align: middle;
}

.submitFormHelp {
  text-align: center;
  display: none;
}

/* -- /Choose File -- */
/* -- Remove Container -- */
#submit_remove-item-page #homePageContainer {
  height: 500px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.removeContainer {
  background-color: #fff !important;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  padding: 30px;
  font-size: 1.7rem !important;
  border-radius: 20px;
  border: 2px solid #e4572e;
}

.removeTitle {
  font-size: 2rem;
  color: #e4572e !important;
}

.removePrompt {
  font-size: 1.7rem !important;
}

/* -- Remove Container -- */
/* -- Submit Confirmation -- */
#submit_complete .user-action {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

/* -- /Submit Confirmation -- */
/* -- Collection BackGround Colors -- */
/* -- /Collection BackGround Colors -- */
.scenario-img {
  max-width: 518px;
  box-shadow: 0px 0px 15px 2px rgba(106, 106, 106, 0.5490196078);
  border-radius: 25px;
  border: #eee 1px solid;
}
.scenario-img img {
  width: 100% !important;
  padding: 20px;
  background-color: #fff;
  border-radius: 25px;
  object-fit: scale-down;
}

div#general-keyword_label {
  font-size: 2rem;
  border-bottom: 1px solid;
}

/* -- Tags -- */
.key0 a,
.key1 a {
  display: inline-block;
  color: #fff;
  background-color: #345870;
  border-radius: 7px;
  padding: 3px 8px;
  margin: 7px 3px 0px 0;
  font-size: 1.8rem;
}

.key0 a:hover,
.key1 a:hover {
  background-color: #669bbc;
  color: #fff;
}

/* -- /Tags -- */
#display-item {
  /* -- Item Title -- */
  /* -- /Item Title -- */
  /* -- Admin Tools -- */
}
#display-item .main-title {
  text-align: start;
  margin-top: 10px;
}
@media (max-width: 992px) {
  #display-item .scenTitleBox {
    text-align: center;
    margin-top: 2%;
  }
}
#display-item .panel-body > form {
  text-align: center;
  padding-bottom: 20px;
}
#display-item .panel-body > form .btn {
  max-width: 250px;
}
@media (min-width: 1200px) {
  #display-item .col-lg-4 {
    float: right !important;
  }
}

.panel-warning {
  border: none;
}

/* -- /Admin Tools -- */
@media (max-width: 992px) {
  .utilButtons {
    border: none;
    margin-top: 2%;
    text-align: center;
  }
}
@media (max-width: 500px) {
  .utilButtons img {
    width: 42px;
  }
}

.container {
  max-width: 95%;
}

.itemContainer {
  padding-bottom: 40px;
}

.metadata-no-link {
  color: unset !important;
}

.relation-isShownAt_el {
  overflow-wrap: break-word;
}

.previewAppLink_el {
  overflow-wrap: break-word;
}

.entities_wrapper,
.lfentities {
  overflow-wrap: break-word;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .col-lg-4.col-md-6.fixColsDisplay {
    width: 100%;
  }
}
/* -- display item Metadata Groups -- */
.metadataGroup {
  border-radius: 35px;
  border: #eee 1px solid;
  padding: 25px;
  margin: 25px 10px;
  min-height: fit-content;
  box-shadow: 0px 0px 15px 2px rgba(106, 106, 106, 0.5490196078);
  -webkit-box-shadow: 0px 0px 15px 2px rgba(106, 106, 106, 0.5490196078);
  -ms-box-shadow: 0px 0px 15px 2px rgba(106, 106, 106, 0.5490196078);
  -o-box-shadow: 0px 0px 15px 2px rgba(106, 106, 106, 0.5490196078);
  -moz-box-shadow: 0px 0px 15px 2px rgba(106, 106, 106, 0.5490196078);
  max-width: 100% !important;
}

.metadataGroupTitle {
  font-size: 2.4rem;
  padding-bottom: 5px;
  color: #4e4e4e;
}

.metadataFieldLabels {
  letter-spacing: 0.02em;
  padding-top: 10px;
  color: #2b3e42;
  text-transform: uppercase;
  font-size: 2rem;
}

.metadataFieldValues {
  font-size: 1.8rem !important;
}
.metadataFieldValues a {
  text-decoration: none;
}
.metadataFieldValues a:hover {
  background-color: #669bbc;
}
.metadataFieldValues span {
  font-size: 1.8rem !important;
}

#metadataGroupFunding .metadataFieldValues {
  margin-bottom: 5px;
}

/* -- First  Group row Position -- */
@media (max-width: 1199px) and (min-width: 992px) {
  #metadataGroupUser,
  #metadataGroupTechnical,
  #metadataGroupTaxon {
    float: left;
    width: 46%;
  }
}

/* -- Second group row Position -- */
@media (max-width: 1199px) and (min-width: 992px) {
  #metadataGroupFunding,
  #metadataGroupContribution,
  #metadataGroupOther {
    float: right;
    width: 46%;
  }
}

/* -- General Metadata Style -- */
#metadataGroupGeneral {
  min-height: fit-content;
  max-width: 100%;
}
#metadataGroupGeneral[collectionname=Παρουσιάσεις], #metadataGroupGeneral[collectionname=Pressentation], #metadataGroupGeneral[collectionname=Αλληλεπίδραση], #metadataGroupGeneral[collectionname=Interaction] {
  background-color: #669bbc;
  color: #fff;
}
#metadataGroupGeneral[collectionname=Παρουσιάσεις] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Pressentation] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Αλληλεπίδραση] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Interaction] .metadataFieldLabels {
  border-bottom: rgba(255, 255, 255, 0.4) 2px solid;
}
#metadataGroupGeneral[collectionname=Παρουσιάσεις] .metadataGroupTitle, #metadataGroupGeneral[collectionname=Pressentation] .metadataGroupTitle, #metadataGroupGeneral[collectionname=Αλληλεπίδραση] .metadataGroupTitle, #metadataGroupGeneral[collectionname=Interaction] .metadataGroupTitle {
  color: #fff;
}
#metadataGroupGeneral[collectionname=Παρουσιάσεις] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Pressentation] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Αλληλεπίδραση] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Interaction] .metadataFieldLabels {
  color: #fff;
}
#metadataGroupGeneral[collectionname="Τεχνητή Νοημοσύνη & IoT"], #metadataGroupGeneral[collectionname="Artificial Intelligence & IoT"], #metadataGroupGeneral[collectionname="Διαδίκτυο των Πραγμάτων"], #metadataGroupGeneral[collectionname=IoT] {
  background-color: #cbeda4;
}
#metadataGroupGeneral[collectionname="Τεχνητή Νοημοσύνη & IoT"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Artificial Intelligence & IoT"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Διαδίκτυο των Πραγμάτων"] .metadataFieldLabels, #metadataGroupGeneral[collectionname=IoT] .metadataFieldLabels {
  border-bottom: rgba(255, 255, 255, 0.4) 2px solid;
}
#metadataGroupGeneral[collectionname="STEM & Ρομποτική"], #metadataGroupGeneral[collectionname="STEM & Robotics"], #metadataGroupGeneral[collectionname=Ρομποτική], #metadataGroupGeneral[collectionname=Robotics] {
  background-color: rgba(41, 51, 92, 0.9);
  color: #fff;
}
#metadataGroupGeneral[collectionname="STEM & Ρομποτική"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="STEM & Robotics"] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Ρομποτική] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Robotics] .metadataFieldLabels {
  border-bottom: rgba(255, 255, 255, 0.4) 2px solid;
}
#metadataGroupGeneral[collectionname="STEM & Ρομποτική"] .metadataGroupTitle, #metadataGroupGeneral[collectionname="STEM & Robotics"] .metadataGroupTitle, #metadataGroupGeneral[collectionname=Ρομποτική] .metadataGroupTitle, #metadataGroupGeneral[collectionname=Robotics] .metadataGroupTitle {
  color: #fff;
}
#metadataGroupGeneral[collectionname="STEM & Ρομποτική"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="STEM & Robotics"] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Ρομποτική] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Robotics] .metadataFieldLabels {
  color: #fff;
}
#metadataGroupGeneral[collectionname="Extended Reality"], #metadataGroupGeneral[collectionname="Extended Reality"], #metadataGroupGeneral[collectionname="Εκτεταμένη Πραγματικότητα"], #metadataGroupGeneral[collectionname="Extended Reality"] {
  background-color: rgba(228, 87, 46, 0.8);
  color: #fff;
}
#metadataGroupGeneral[collectionname="Extended Reality"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Extended Reality"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Extended Reality"] .metadataFieldLabels {
  border-bottom: rgba(255, 255, 255, 0.4) 2px solid;
}
#metadataGroupGeneral[collectionname="Extended Reality"] .metadataGroupTitle, #metadataGroupGeneral[collectionname="Extended Reality"] .metadataGroupTitle, #metadataGroupGeneral[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataGroupTitle, #metadataGroupGeneral[collectionname="Extended Reality"] .metadataGroupTitle {
  color: #fff;
}
#metadataGroupGeneral[collectionname="Extended Reality"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Extended Reality"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Extended Reality"] .metadataFieldLabels {
  color: #fff;
}
#metadataGroupGeneral[collectionname=Κατασκευές], #metadataGroupGeneral[collectionname=Fabrication] {
  background-color: rgba(243, 167, 18, 0.8);
}
#metadataGroupGeneral[collectionname=Κατασκευές] .metadataFieldLabels, #metadataGroupGeneral[collectionname=Fabrication] .metadataFieldLabels {
  border-bottom: rgba(255, 255, 255, 0.4) 2px solid;
}
#metadataGroupGeneral[collectionname="Υλικό Χρηστών"], #metadataGroupGeneral[collectionname="User Generated Content"] {
  background-color: #d9b6ff;
  color: #fff;
}
#metadataGroupGeneral[collectionname="Υλικό Χρηστών"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="User Generated Content"] .metadataFieldLabels {
  border-bottom: rgba(255, 255, 255, 0.4) 2px solid;
}
#metadataGroupGeneral[collectionname="Υλικό Χρηστών"] .metadataGroupTitle, #metadataGroupGeneral[collectionname="User Generated Content"] .metadataGroupTitle {
  color: #fff;
}
#metadataGroupGeneral[collectionname="Υλικό Χρηστών"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="User Generated Content"] .metadataFieldLabels {
  color: #fff;
}
#metadataGroupGeneral[collectionname="Υλικό Αναδόχων"], #metadataGroupGeneral[collectionname="Contractor material"] {
  background-color: #e9e9e9;
}
#metadataGroupGeneral[collectionname="Υλικό Αναδόχων"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Contractor material"] .metadataFieldLabels {
  border-bottom: rgba(255, 255, 255, 0.4) 2px solid;
}
#metadataGroupGeneral[collectionname="Εκπαιδευτικά Σενάρια"], #metadataGroupGeneral[collectionname="Educational Scenarios"] {
  background-color: rgba(240, 227, 0, 0.5411764706);
}
#metadataGroupGeneral[collectionname="Εκπαιδευτικά Σενάρια"] .metadataFieldLabels, #metadataGroupGeneral[collectionname="Educational Scenarios"] .metadataFieldLabels {
  border-bottom: rgba(255, 255, 255, 0.4) 2px solid;
}
@media (min-width: 2320px) {
  #metadataGroupGeneral {
    min-height: fit-content;
    max-width: 1595px;
    margin: 0 auto;
    margin: 20px;
  }
}

/* -- /General Metadata Style -- */
/* -- Groups Styling -- */
#metadataGroupTaxon[collectionname=Παρουσιάσεις], #metadataGroupTaxon[collectionname=Pressentation], #metadataGroupTaxon[collectionname=Αλληλεπίδραση], #metadataGroupTaxon[collectionname=Interaction],
#metadataGroupContribution[collectionname=Παρουσιάσεις],
#metadataGroupContribution[collectionname=Pressentation],
#metadataGroupContribution[collectionname=Αλληλεπίδραση],
#metadataGroupContribution[collectionname=Interaction],
#metadataGroupTechnical[collectionname=Παρουσιάσεις],
#metadataGroupTechnical[collectionname=Pressentation],
#metadataGroupTechnical[collectionname=Αλληλεπίδραση],
#metadataGroupTechnical[collectionname=Interaction],
#metadataGroupOther[collectionname=Παρουσιάσεις],
#metadataGroupOther[collectionname=Pressentation],
#metadataGroupOther[collectionname=Αλληλεπίδραση],
#metadataGroupOther[collectionname=Interaction],
#metadataGroupFunding[collectionname=Παρουσιάσεις],
#metadataGroupFunding[collectionname=Pressentation],
#metadataGroupFunding[collectionname=Αλληλεπίδραση],
#metadataGroupFunding[collectionname=Interaction],
#metadataGroupUser[collectionname=Παρουσιάσεις],
#metadataGroupUser[collectionname=Pressentation],
#metadataGroupUser[collectionname=Αλληλεπίδραση],
#metadataGroupUser[collectionname=Interaction] {
  background-color: white;
  border: 4px solid #669bbc;
}
#metadataGroupTaxon[collectionname=Παρουσιάσεις] .metadataFieldLabels, #metadataGroupTaxon[collectionname=Pressentation] .metadataFieldLabels, #metadataGroupTaxon[collectionname=Αλληλεπίδραση] .metadataFieldLabels, #metadataGroupTaxon[collectionname=Interaction] .metadataFieldLabels,
#metadataGroupContribution[collectionname=Παρουσιάσεις] .metadataFieldLabels,
#metadataGroupContribution[collectionname=Pressentation] .metadataFieldLabels,
#metadataGroupContribution[collectionname=Αλληλεπίδραση] .metadataFieldLabels,
#metadataGroupContribution[collectionname=Interaction] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=Παρουσιάσεις] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=Pressentation] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=Αλληλεπίδραση] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=Interaction] .metadataFieldLabels,
#metadataGroupOther[collectionname=Παρουσιάσεις] .metadataFieldLabels,
#metadataGroupOther[collectionname=Pressentation] .metadataFieldLabels,
#metadataGroupOther[collectionname=Αλληλεπίδραση] .metadataFieldLabels,
#metadataGroupOther[collectionname=Interaction] .metadataFieldLabels,
#metadataGroupFunding[collectionname=Παρουσιάσεις] .metadataFieldLabels,
#metadataGroupFunding[collectionname=Pressentation] .metadataFieldLabels,
#metadataGroupFunding[collectionname=Αλληλεπίδραση] .metadataFieldLabels,
#metadataGroupFunding[collectionname=Interaction] .metadataFieldLabels,
#metadataGroupUser[collectionname=Παρουσιάσεις] .metadataFieldLabels,
#metadataGroupUser[collectionname=Pressentation] .metadataFieldLabels,
#metadataGroupUser[collectionname=Αλληλεπίδραση] .metadataFieldLabels,
#metadataGroupUser[collectionname=Interaction] .metadataFieldLabels {
  border-bottom: #669bbc 2px solid;
}
#metadataGroupTaxon[collectionname="Τεχνητή Νοημοσύνη & IoT"], #metadataGroupTaxon[collectionname="Artificial Intelligence & IoT"], #metadataGroupTaxon[collectionname="Διαδίκτυο των Πραγμάτων"], #metadataGroupTaxon[collectionname=IoT],
#metadataGroupContribution[collectionname="Τεχνητή Νοημοσύνη & IoT"],
#metadataGroupContribution[collectionname="Artificial Intelligence & IoT"],
#metadataGroupContribution[collectionname="Διαδίκτυο των Πραγμάτων"],
#metadataGroupContribution[collectionname=IoT],
#metadataGroupTechnical[collectionname="Τεχνητή Νοημοσύνη & IoT"],
#metadataGroupTechnical[collectionname="Artificial Intelligence & IoT"],
#metadataGroupTechnical[collectionname="Διαδίκτυο των Πραγμάτων"],
#metadataGroupTechnical[collectionname=IoT],
#metadataGroupOther[collectionname="Τεχνητή Νοημοσύνη & IoT"],
#metadataGroupOther[collectionname="Artificial Intelligence & IoT"],
#metadataGroupOther[collectionname="Διαδίκτυο των Πραγμάτων"],
#metadataGroupOther[collectionname=IoT],
#metadataGroupFunding[collectionname="Τεχνητή Νοημοσύνη & IoT"],
#metadataGroupFunding[collectionname="Artificial Intelligence & IoT"],
#metadataGroupFunding[collectionname="Διαδίκτυο των Πραγμάτων"],
#metadataGroupFunding[collectionname=IoT],
#metadataGroupUser[collectionname="Τεχνητή Νοημοσύνη & IoT"],
#metadataGroupUser[collectionname="Artificial Intelligence & IoT"],
#metadataGroupUser[collectionname="Διαδίκτυο των Πραγμάτων"],
#metadataGroupUser[collectionname=IoT] {
  background-color: white;
  border: 4px solid #cbeda4;
}
#metadataGroupTaxon[collectionname="Τεχνητή Νοημοσύνη & IoT"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="Artificial Intelligence & IoT"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="Διαδίκτυο των Πραγμάτων"] .metadataFieldLabels, #metadataGroupTaxon[collectionname=IoT] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Τεχνητή Νοημοσύνη & IoT"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Artificial Intelligence & IoT"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Διαδίκτυο των Πραγμάτων"] .metadataFieldLabels,
#metadataGroupContribution[collectionname=IoT] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Τεχνητή Νοημοσύνη & IoT"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Artificial Intelligence & IoT"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Διαδίκτυο των Πραγμάτων"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=IoT] .metadataFieldLabels,
#metadataGroupOther[collectionname="Τεχνητή Νοημοσύνη & IoT"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Artificial Intelligence & IoT"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Διαδίκτυο των Πραγμάτων"] .metadataFieldLabels,
#metadataGroupOther[collectionname=IoT] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Τεχνητή Νοημοσύνη & IoT"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Artificial Intelligence & IoT"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Διαδίκτυο των Πραγμάτων"] .metadataFieldLabels,
#metadataGroupFunding[collectionname=IoT] .metadataFieldLabels,
#metadataGroupUser[collectionname="Τεχνητή Νοημοσύνη & IoT"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Artificial Intelligence & IoT"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Διαδίκτυο των Πραγμάτων"] .metadataFieldLabels,
#metadataGroupUser[collectionname=IoT] .metadataFieldLabels {
  border-bottom: #cbeda4 2px solid;
}
#metadataGroupTaxon[collectionname="STEM & Ρομποτική"], #metadataGroupTaxon[collectionname="STEM & Robotics"], #metadataGroupTaxon[collectionname=Ρομποτική], #metadataGroupTaxon[collectionname=Robotics],
#metadataGroupContribution[collectionname="STEM & Ρομποτική"],
#metadataGroupContribution[collectionname="STEM & Robotics"],
#metadataGroupContribution[collectionname=Ρομποτική],
#metadataGroupContribution[collectionname=Robotics],
#metadataGroupTechnical[collectionname="STEM & Ρομποτική"],
#metadataGroupTechnical[collectionname="STEM & Robotics"],
#metadataGroupTechnical[collectionname=Ρομποτική],
#metadataGroupTechnical[collectionname=Robotics],
#metadataGroupOther[collectionname="STEM & Ρομποτική"],
#metadataGroupOther[collectionname="STEM & Robotics"],
#metadataGroupOther[collectionname=Ρομποτική],
#metadataGroupOther[collectionname=Robotics],
#metadataGroupFunding[collectionname="STEM & Ρομποτική"],
#metadataGroupFunding[collectionname="STEM & Robotics"],
#metadataGroupFunding[collectionname=Ρομποτική],
#metadataGroupFunding[collectionname=Robotics],
#metadataGroupUser[collectionname="STEM & Ρομποτική"],
#metadataGroupUser[collectionname="STEM & Robotics"],
#metadataGroupUser[collectionname=Ρομποτική],
#metadataGroupUser[collectionname=Robotics] {
  background-color: white;
  border: 4px solid rgba(41, 51, 92, 0.9);
}
#metadataGroupTaxon[collectionname="STEM & Ρομποτική"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="STEM & Robotics"] .metadataFieldLabels, #metadataGroupTaxon[collectionname=Ρομποτική] .metadataFieldLabels, #metadataGroupTaxon[collectionname=Robotics] .metadataFieldLabels,
#metadataGroupContribution[collectionname="STEM & Ρομποτική"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="STEM & Robotics"] .metadataFieldLabels,
#metadataGroupContribution[collectionname=Ρομποτική] .metadataFieldLabels,
#metadataGroupContribution[collectionname=Robotics] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="STEM & Ρομποτική"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="STEM & Robotics"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=Ρομποτική] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=Robotics] .metadataFieldLabels,
#metadataGroupOther[collectionname="STEM & Ρομποτική"] .metadataFieldLabels,
#metadataGroupOther[collectionname="STEM & Robotics"] .metadataFieldLabels,
#metadataGroupOther[collectionname=Ρομποτική] .metadataFieldLabels,
#metadataGroupOther[collectionname=Robotics] .metadataFieldLabels,
#metadataGroupFunding[collectionname="STEM & Ρομποτική"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="STEM & Robotics"] .metadataFieldLabels,
#metadataGroupFunding[collectionname=Ρομποτική] .metadataFieldLabels,
#metadataGroupFunding[collectionname=Robotics] .metadataFieldLabels,
#metadataGroupUser[collectionname="STEM & Ρομποτική"] .metadataFieldLabels,
#metadataGroupUser[collectionname="STEM & Robotics"] .metadataFieldLabels,
#metadataGroupUser[collectionname=Ρομποτική] .metadataFieldLabels,
#metadataGroupUser[collectionname=Robotics] .metadataFieldLabels {
  border-bottom: rgba(41, 51, 92, 0.9) 2px solid;
}
#metadataGroupTaxon[collectionname="Extended Reality"], #metadataGroupTaxon[collectionname="Extended Reality"], #metadataGroupTaxon[collectionname="Εκτεταμένη Πραγματικότητα"], #metadataGroupTaxon[collectionname="Extended Reality"],
#metadataGroupContribution[collectionname="Extended Reality"],
#metadataGroupContribution[collectionname="Extended Reality"],
#metadataGroupContribution[collectionname="Εκτεταμένη Πραγματικότητα"],
#metadataGroupContribution[collectionname="Extended Reality"],
#metadataGroupTechnical[collectionname="Extended Reality"],
#metadataGroupTechnical[collectionname="Extended Reality"],
#metadataGroupTechnical[collectionname="Εκτεταμένη Πραγματικότητα"],
#metadataGroupTechnical[collectionname="Extended Reality"],
#metadataGroupOther[collectionname="Extended Reality"],
#metadataGroupOther[collectionname="Extended Reality"],
#metadataGroupOther[collectionname="Εκτεταμένη Πραγματικότητα"],
#metadataGroupOther[collectionname="Extended Reality"],
#metadataGroupFunding[collectionname="Extended Reality"],
#metadataGroupFunding[collectionname="Extended Reality"],
#metadataGroupFunding[collectionname="Εκτεταμένη Πραγματικότητα"],
#metadataGroupFunding[collectionname="Extended Reality"],
#metadataGroupUser[collectionname="Extended Reality"],
#metadataGroupUser[collectionname="Extended Reality"],
#metadataGroupUser[collectionname="Εκτεταμένη Πραγματικότητα"],
#metadataGroupUser[collectionname="Extended Reality"] {
  background-color: white;
  border: 4px solid rgba(228, 87, 46, 0.8);
}
#metadataGroupTaxon[collectionname="Extended Reality"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="Extended Reality"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Extended Reality"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Εκτεταμένη Πραγματικότητα"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Extended Reality"] .metadataFieldLabels {
  border-bottom: rgba(228, 87, 46, 0.8) 2px solid;
}
#metadataGroupTaxon[collectionname=Κατασκευές], #metadataGroupTaxon[collectionname=Fabrication],
#metadataGroupContribution[collectionname=Κατασκευές],
#metadataGroupContribution[collectionname=Fabrication],
#metadataGroupTechnical[collectionname=Κατασκευές],
#metadataGroupTechnical[collectionname=Fabrication],
#metadataGroupOther[collectionname=Κατασκευές],
#metadataGroupOther[collectionname=Fabrication],
#metadataGroupFunding[collectionname=Κατασκευές],
#metadataGroupFunding[collectionname=Fabrication],
#metadataGroupUser[collectionname=Κατασκευές],
#metadataGroupUser[collectionname=Fabrication] {
  background-color: white;
  border: 4px solid rgba(243, 167, 18, 0.8);
}
#metadataGroupTaxon[collectionname=Κατασκευές] .metadataFieldLabels, #metadataGroupTaxon[collectionname=Fabrication] .metadataFieldLabels,
#metadataGroupContribution[collectionname=Κατασκευές] .metadataFieldLabels,
#metadataGroupContribution[collectionname=Fabrication] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=Κατασκευές] .metadataFieldLabels,
#metadataGroupTechnical[collectionname=Fabrication] .metadataFieldLabels,
#metadataGroupOther[collectionname=Κατασκευές] .metadataFieldLabels,
#metadataGroupOther[collectionname=Fabrication] .metadataFieldLabels,
#metadataGroupFunding[collectionname=Κατασκευές] .metadataFieldLabels,
#metadataGroupFunding[collectionname=Fabrication] .metadataFieldLabels,
#metadataGroupUser[collectionname=Κατασκευές] .metadataFieldLabels,
#metadataGroupUser[collectionname=Fabrication] .metadataFieldLabels {
  border-bottom: rgba(243, 167, 18, 0.8) 2px solid;
}
#metadataGroupTaxon[collectionname="Υλικό Χρηστών"], #metadataGroupTaxon[collectionname="User Generated Content"],
#metadataGroupContribution[collectionname="Υλικό Χρηστών"],
#metadataGroupContribution[collectionname="User Generated Content"],
#metadataGroupTechnical[collectionname="Υλικό Χρηστών"],
#metadataGroupTechnical[collectionname="User Generated Content"],
#metadataGroupOther[collectionname="Υλικό Χρηστών"],
#metadataGroupOther[collectionname="User Generated Content"],
#metadataGroupFunding[collectionname="Υλικό Χρηστών"],
#metadataGroupFunding[collectionname="User Generated Content"],
#metadataGroupUser[collectionname="Υλικό Χρηστών"],
#metadataGroupUser[collectionname="User Generated Content"] {
  background-color: white;
  border: 4px solid #d9b6ff;
}
#metadataGroupTaxon[collectionname="Υλικό Χρηστών"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="User Generated Content"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Υλικό Χρηστών"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="User Generated Content"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Υλικό Χρηστών"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="User Generated Content"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Υλικό Χρηστών"] .metadataFieldLabels,
#metadataGroupOther[collectionname="User Generated Content"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Υλικό Χρηστών"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="User Generated Content"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Υλικό Χρηστών"] .metadataFieldLabels,
#metadataGroupUser[collectionname="User Generated Content"] .metadataFieldLabels {
  border-bottom: #d9b6ff 2px solid;
}
#metadataGroupTaxon[collectionname="Υλικό Αναδόχων"], #metadataGroupTaxon[collectionname="Contractor material"],
#metadataGroupContribution[collectionname="Υλικό Αναδόχων"],
#metadataGroupContribution[collectionname="Contractor material"],
#metadataGroupTechnical[collectionname="Υλικό Αναδόχων"],
#metadataGroupTechnical[collectionname="Contractor material"],
#metadataGroupOther[collectionname="Υλικό Αναδόχων"],
#metadataGroupOther[collectionname="Contractor material"],
#metadataGroupFunding[collectionname="Υλικό Αναδόχων"],
#metadataGroupFunding[collectionname="Contractor material"],
#metadataGroupUser[collectionname="Υλικό Αναδόχων"],
#metadataGroupUser[collectionname="Contractor material"] {
  background-color: white;
  border: 4px solid #e9e9e9;
}
#metadataGroupTaxon[collectionname="Υλικό Αναδόχων"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="Contractor material"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Υλικό Αναδόχων"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Contractor material"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Υλικό Αναδόχων"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Contractor material"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Υλικό Αναδόχων"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Contractor material"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Υλικό Αναδόχων"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Contractor material"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Υλικό Αναδόχων"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Contractor material"] .metadataFieldLabels {
  border-bottom: #e9e9e9 2px solid;
}
#metadataGroupTaxon[collectionname="Εκπαιδευτικά Σενάρια"], #metadataGroupTaxon[collectionname="Educational Scenarios"],
#metadataGroupContribution[collectionname="Εκπαιδευτικά Σενάρια"],
#metadataGroupContribution[collectionname="Educational Scenarios"],
#metadataGroupTechnical[collectionname="Εκπαιδευτικά Σενάρια"],
#metadataGroupTechnical[collectionname="Educational Scenarios"],
#metadataGroupOther[collectionname="Εκπαιδευτικά Σενάρια"],
#metadataGroupOther[collectionname="Educational Scenarios"],
#metadataGroupFunding[collectionname="Εκπαιδευτικά Σενάρια"],
#metadataGroupFunding[collectionname="Educational Scenarios"],
#metadataGroupUser[collectionname="Εκπαιδευτικά Σενάρια"],
#metadataGroupUser[collectionname="Educational Scenarios"] {
  background-color: white;
  border: 4px solid rgba(240, 227, 0, 0.5411764706);
}
#metadataGroupTaxon[collectionname="Εκπαιδευτικά Σενάρια"] .metadataFieldLabels, #metadataGroupTaxon[collectionname="Educational Scenarios"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Εκπαιδευτικά Σενάρια"] .metadataFieldLabels,
#metadataGroupContribution[collectionname="Educational Scenarios"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Εκπαιδευτικά Σενάρια"] .metadataFieldLabels,
#metadataGroupTechnical[collectionname="Educational Scenarios"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Εκπαιδευτικά Σενάρια"] .metadataFieldLabels,
#metadataGroupOther[collectionname="Educational Scenarios"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Εκπαιδευτικά Σενάρια"] .metadataFieldLabels,
#metadataGroupFunding[collectionname="Educational Scenarios"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Εκπαιδευτικά Σενάρια"] .metadataFieldLabels,
#metadataGroupUser[collectionname="Educational Scenarios"] .metadataFieldLabels {
  border-bottom: rgba(240, 227, 0, 0.5411764706) 2px solid;
}

/* -- Group Title icons -- */
#metadataGroupTitleGeneral:before {
  background-image: url("../../../custom-images/general_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

#metadataGroupTitleUser:before {
  background-image: url("../../../custom-images/learner_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

#metadataGroupTitleFunding:before {
  background-image: url("../../../custom-images/funding_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

#metadataGroupTitleTaxon:before {
  background-image: url("../../../custom-images/classification_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

#metadataGroupTitleContribution:before {
  background-image: url("../../../custom-images/contribution_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

#metadataGroupTitleTechnical:before {
  background-image: url("../../../custom-images/technical_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

#metadataGroupTitleOther:before {
  background-image: url("../../../custom-images/additional_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

#metadataGroupTitleFunding:before {
  background-image: url("../../../custom-images/funding_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

#metadataGroupTitleUser:before {
  background-image: url("../../../custom-images/learner_icon.png");
  content: "";
  display: block;
  width: 50px;
  height: 48px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  bottom: 8px;
  right: 4px;
  background-position: center;
}

/* -- /Group Title icons -- */
/* -- Groups Styling -- */
.metadataGroupUser0,
.metadataGroupFunding0,
.metadataGroupContribution0,
.metadataGroupTechnical0,
.metadataGroupOther0 {
  display: none;
}

/* -- Instructions Hint -- */
#instruct {
  overflow-wrap: break-word !important;
}

.guideHead {
  display: block;
  text-align: center !important;
  font-weight: 600;
}

.instructionText {
  display: none;
}

.instructionTrigger {
  cursor: pointer !important;
}
.instructionTrigger:hover + .instructionText {
  display: block !important;
  position: absolute;
  left: 18px !important;
  width: max-content;
  max-width: 500px;
  border: #345870 3px solid;
  font-weight: normal;
  color: #fff;
  background-color: #8fb7e9;
  font-size: 1.8rem;
  padding: 10px 20px;
  line-height: 20px;
  z-index: 999999;
  text-align: justify;
}

/* -- /Instructions Hint -- */
/* -- Handle -- */
#handleWrapper {
  margin-left: 15px;
  width: 142px;
}
#handleWrapper a {
  text-decoration: none;
}

.subContainerTitle {
  font-size: 2rem;
  font-weight: normal;
  color: #6f6f6f;
  border-bottom: #6f6f6f 1px solid;
}

.handleLabel {
  font-size: 1.9rem;
  font-weight: 600;
  text-align: center;
  color: #000;
  background-image: url("../../../custom-images/loMetadata/labelBG2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 14px 2px;
  margin-top: 5px;
  width: 140px;
}

/* -- /Handle -- */
/* -- display item Metadata Groups -- */
/* Start ==== Discovery - Page ===== */
#discovery-page {
  /* -- Disabled Items -- */
  /* -- /Disabled Items -- */
  /* -- Search Text Area -- */
  /* -- Item Display -- */
  /* -- No result Message -- */
  /* -- Search Container -- */
  /* -- /Search Container -- */
  /* -- Educational Grade Style -- */
  /* -- /Educational Grade Style -- */
  /* -- /List Groups and Items -- */
}
#discovery-page .treeview .node-disabled {
  display: none !important;
}
#discovery-page .panel#facet_taxonPath {
  display: none;
}
#discovery-page form.sform.discForm {
  width: 50%;
  margin: 0 auto;
  background-color: rgba(199, 213, 230, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 77px;
  border-radius: 15px;
  border: 2px solid lightgray;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#discovery-page form.sform.discForm .homeSearchInput {
  color: #345870;
  font-size: 3.4rem;
}
#discovery-page form.sform.discForm .homeSearchInput::placeholder {
  color: #345870;
  font-size: 2.4rem;
  font-weight: 600;
  white-space: pre-line;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1000px) {
  #discovery-page form.sform.discForm .homeSearchInput::placeholder {
    font-size: 1.8rem;
  }
}
#discovery-page form.sform.discForm .homeSearchInput::-webkit-input-placeholder {
  color: #345870;
  font-size: 2.4rem;
  font-weight: 600;
  white-space: pre-line;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1000px) {
  #discovery-page form.sform.discForm .homeSearchInput::-webkit-input-placeholder {
    font-size: 1.8rem;
  }
}
#discovery-page #content {
  background-color: #fbfaf5;
}
#discovery-page #homePageContainer {
  padding-bottom: 50px;
}
#discovery-page #homePageContainer.container {
  max-width: 95%;
}
#discovery-page .itemBoxContainer {
  max-width: 442px;
}
@media (max-width: 992px) {
  #discovery-page .itemBoxContainer {
    max-width: 500px !important;
    margin: 0 auto;
  }
}
#discovery-page p.no-results {
  font-size: 2rem;
  padding: 35px 20px;
  border: 2px solid #345870;
  width: 60%;
  margin: 0 auto;
  margin-top: 7%;
}
#discovery-page .search-container {
  background-image: url("../../../custom-images/pafse_search_banner_2.jpg");
  background-size: cover;
  height: 200px;
}
#discovery-page .search-container > .homeSearchForm {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 200px;
}
#discovery-page .panel {
  /* -- Facet Container -- */
  /* -- List Groups and Items -- */
  margin-bottom: 30px;
  /* -- Laguage Select -- */
  /* -- /Laguage Select -- */
}
#discovery-page .panela {
  position: relative;
}
#discovery-page .panel > .list-group {
  margin-bottom: 0;
  width: 100%;
}
#discovery-page .panel > .list-group .list-group-item.educational-context {
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: inline-block;
  padding: 0;
  text-align: center;
  margin: 1%;
  border: none;
  font-size: 1.1rem !important;
  min-height: fit-content;
}
#discovery-page .panel > .list-group .list-group-item.educational-context div {
  background-repeat: no-repeat;
  background-size: 87% auto;
  background-position: center top;
  padding-top: 100%;
  font-size: 1.4rem;
}
#discovery-page .panel > .list-group .list-group-item.collectionByLRT {
  display: inline-block;
  width: 23%;
  padding: 0;
  text-align: center;
  margin: 1%;
  border: none;
  font-size: 1.1rem !important;
  margin: 1% 2.5% !important;
}
#discovery-page .panel > .list-group .list-group-item.collectionByLRT div {
  background-repeat: no-repeat;
  background-size: 87% auto;
  background-position: center top;
  padding-top: 100%;
  min-height: 155px;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype:before {
  content: "";
  background-repeat: no-repeat !important;
  display: block;
  position: relative;
  bottom: 3px;
  width: 37px;
  height: 35px;
  float: left;
}
#discovery-page .panel > .list-group .list-group-item {
  /* -- Learning Resourcetype Images -- */
  /* -- Image -- */
  /* -- Text -- */
  /* -- Audio -- */
  /* -- XR -- */
  /* -- VR -- */
  /* -- MR -- */
  /* -- AR -- */
  /* -- Education Scenario -- */
  /* -- Artifact -- */
  /* -- Course -- */
  /* -- Music Score -- */
  /* -- Video -- */
  /* -- /Learning Resourcetype -- */
  /* -- Educational Grade Images -- */
  /* -- /Educational Grade Images -- */
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_1:before {
  background-image: url("../../../custom-images/image.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_2:before {
  background-image: url("../../../custom-images/text.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_3:before {
  background-image: url("../../../custom-images/audio.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_1001:before {
  background-image: url("../../../custom-images/video.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_52:before {
  background-image: url("../../../custom-images/vr.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_51:before {
  background-image: url("../../../custom-images/MR.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_50:before {
  background-image: url("../../../custom-images/AR.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_19:before {
  background-image: url("../../../custom-images/educational-scenario-lesson-plan.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_12:before {
  background-image: url("../../../custom-images/artifact.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_20:before {
  background-image: url("../../../custom-images/course.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_35:before {
  background-image: url("../../../custom-images/music score.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_4:before {
  background-image: url("../../../custom-images/video.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_5:before {
  background-image: url("../../../custom-images/model.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_6:before {
  background-image: url("../../../custom-images/data.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_7:before {
  background-image: url("../../../custom-images/simulation.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_8:before {
  background-image: url("../../../custom-images/experiment.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_9:before {
  background-image: url("../../../custom-images/exploration.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_10:before {
  background-image: url("../../../custom-images/open activity.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_17:before {
  background-image: url("../../../custom-images/demonstration.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_18:before {
  background-image: url("../../../custom-images/presentation.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_34:before {
  background-image: url("../../../custom-images/map.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_100:before {
  background-image: url("../../../custom-images/animation.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_36:before {
  background-image: url("../../../custom-images/conceptual map.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_37:before {
  background-image: url("../../../custom-images/3D.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_38:before {
  background-image: url("../../../custom-images/timeline.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_39:before {
  background-image: url("../../../custom-images/micro-experiment.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_40:before {
  background-image: url("../../../custom-images/dynamic graphic representation.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_22:before {
  background-image: url("../../../custom-images/application.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_23:before {
  background-image: url("../../../custom-images/tool.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_24:before {
  background-image: url("../../../custom-images/glossary.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_25:before {
  background-image: url("../../../custom-images/guide.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_26:before {
  background-image: url("../../../custom-images/textbook.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_27:before {
  background-image: url("../../../custom-images/reference.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_28:before {
  background-image: url("../../../custom-images/broadcast.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_29:before {
  background-image: url("../../../custom-images/website.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_41:before {
  background-image: url("../../../custom-images/visualisation.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_42:before {
  background-image: url("../../../custom-images/project.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_1003:before {
  background-image: url("../../../custom-images/anikti_Ekpaideytiki_praktiki.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_11:before {
  background-image: url("../../../custom-images/diereynisi.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_13:before {
  background-image: url("../../../custom-images/ekpedeytiko_Paixnidi.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_14:before {
  background-image: url("../../../custom-images/praktikis.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-learningresourcetype#educational-learningresourcetype_15:before {
  background-image: url("../../../custom-images/askisi_aksiologisis.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-context#educational-context_1 div {
  background-image: url("../../../custom-images/pre-primary.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-context#educational-context_2 div {
  background-image: url("../../../custom-images/primary.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-context#educational-context_3 div {
  background-image: url("../../../custom-images/lower.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-context#educational-context_4 div {
  background-image: url("../../../custom-images/higher.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-context#educational-context_5 div {
  background-image: url("../../../custom-images/vocational.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-context#educational-context_7 div {
  background-image: url("../../../custom-images/special_education.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.educational-context#educational-context_8 div {
  background-image: url("../../../custom-images/ala.png") !important;
}
#discovery-page .panel > .list-group .list-group-item.general-language.selected {
  background-color: #8fb7e9;
}
#discovery-page .panel > .list-group .list-group-item.general-language.selected div {
  color: #fff;
}
#discovery-page .list-group {
  padding-left: 0;
  margin-bottom: 20px;
  padding-bottom: 12px;
}
#discovery-page .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: transparent;
  border: none;
  /* -- Node Tree -- */
  /* -- /Node Tree -- */
}
#discovery-page .list-group-item.selected {
  background-color: #8fb7e9;
}
#discovery-page .list-group-item.node-tree .icon.expand-icon.glyphicon.glyphicon-plus::before {
  color: #669bbc;
}
#discovery-page .list-group-item.node-tree .icon.expand-icon.glyphicon.glyphicon-minus::before {
  color: #669bbc;
}
#discovery-page .list-group-item.node-tree.node-selected {
  background-color: #8fb7e9 !important;
  color: #fff;
}
#discovery-page .list-group-item.node-tree.node-selected a {
  color: #fff !important;
  background-color: #8fb7e9 !important;
  font-weight: bold;
}
#discovery-page #facet_educational-context .list-group {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 50% 50%;
}
@media (min-width: 600px) and (max-width: 991px) {
  #discovery-page #facet_educational-context .list-group {
    grid-template-columns: repeat(7, 1fr);
  }
}
#discovery-page #facet_educational-context .list-group img {
  max-height: 150px;
  max-width: 150px;
}
#discovery-page #facet_educational-context .panel-heading {
  margin-bottom: 5px;
}
#discovery-page #facet_educational-context .panel-heading ul {
  overflow: auto !important;
}
#discovery-page #facet_educational-context .panel-heading ul li {
  font-size: 1.7rem !important;
  overflow-wrap: break-word !important;
}

div#facets {
  padding-top: 30px;
}
@media (max-width: 500px) {
  div#facets {
    padding-top: 25px;
  }
}

#loading {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  border: none;
}

/* -- Select Age -- */
select#selectMinAge {
  padding: 5px;
  margin: 10px 10px 10px 3px;
}

select#selectMaxAge {
  padding: 5px;
  margin: 10px 10px 10px 3px;
}

#facet_educational-rangeAge-min span {
  margin-left: 10px;
  color: #000;
  font-size: 1.7rem;
}

/* -- /Select Age -- */
#discovery-page {
  /* Rotate the SVG when the UL has the class 'in' */
}
#discovery-page .panel-heading {
  display: grid;
  grid-template-columns: 9fr 1fr;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
}
#discovery-page .panel-heading .fa {
  transition: transform 0.5s ease;
  font-size: 3rem;
  color: #ffffff !important;
}

/* -- Gallery Heading -- */
.panel-success {
  border-radius: 20px 20px 20px 20px !important;
  box-shadow: 0px 0px 4px 3px rgba(147, 135, 135, 0.4901960784) !important;
}
.panel-success > .panel-heading {
  color: #ffffff !important;
  background: #345870 !important;
  border-color: #345870 !important;
  padding: 25px 15px;
  font-size: 1.7rem;
  border-radius: 20px !important;
  transition: border-radius 0.5s ease;
  font-weight: 600;
  position: relative;
}
.panel-success > .panel-heading.restore-radius {
  border-radius: 20px 20px 0px 0px !important;
}
.panel-success > .panel-heading a[href="#siloges"], .panel-success > .panel-heading a[href="#tipoi"], .panel-success > .panel-heading a[href="#vathmida"], .panel-success > .panel-heading a[href="#glossa"], .panel-success > .panel-heading a[href="#eidikes"], .panel-success > .panel-heading a[href="#proseggisi"], .panel-success > .panel-heading a[href="#texnologies"], .panel-success > .panel-heading a[href="#tree"], .panel-success > .panel-heading a[href="#thematiki"], .panel-success > .panel-heading a[href="#ilikia"], .panel-success > .panel-heading a[href="#amesi"], .panel-success > .panel-heading a[href="#tipikos"] {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* -- /Gallery Heading -- */
/* -- Result Filters -- */
.discovery-result-pagination {
  background: #345870 !important;
  border-radius: 10px;
  width: 98% !important;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px;
  font-weight: 600;
  box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
}

.alert.alert-info {
  background-image: none !important;
  background: none;
  border: none;
  padding: 12px;
  box-shadow: none;
  color: #fff;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 600;
}

.discovery-pagination-controls.panel-footer {
  background: none;
  border: none;
  color: #fff;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
}

/* -- /Result Filters -- */
/* -- Badge -- */
#discovery-page #facet_general-language .list-group-item .badge,
#discovery-page #facet_educational-learningresourcetype .list-group-item .badge,
#discovery-page #facet_collectionByFilter .list-group-item .badge {
  float: right !important;
}

.badge {
  background: #345870 !important;
}

#discovery-page .educational-context .badge,
#discovery-page .collectionByLRT .badge {
  margin-left: 5px;
}

/* -- /Badge -- */
#discovery-page .dummyFilter {
  filter: opacity(0.5);
  -webkit-filter: opacity(0.5);
  cursor: not-allowed;
}
#discovery-page .dummyFilter span {
  filter: opacity(0.5);
  -webkit-filter: opacity(0.5);
  cursor: not-allowed;
}

/* -- border and shadows in filters -- */
#facet_educational-context,
#facet_collectionByLRT,
#facet_educational-learningresourcetype,
#facet_educational-typicallearningtime,
#facet_educational-rangeAge-min,
#facet_general-language,
#facet_classification-specialNeed,
#facet_taxonPath,
#tree,
#age-range-value,
#facet_technical-name-clickplay {
  border-radius: 20px !important;
  box-shadow: 0px 0px 4px 3px rgba(147, 135, 135, 0.4901960784) !important;
}

#tree {
  border-radius: 0px 0px 20px 20px !important;
}

#facet_taxonTree {
  border-radius: 20px;
  box-shadow: 0px 0px 4px 3px rgba(147, 135, 135, 0.4901960784);
}

/* -- /border and shadows in filters -- */
#discovery-page .filterFixer {
  padding: 0;
  margin-bottom: 20px;
  border-radius: 20px;
  border-radius: 0px 0px 20px 20px !important;
  box-shadow: 0px 0px 4px 3px rgba(147, 135, 135, 0.4901960784) !important;
  -webkit-box-shadow: 0px 0px 4px 3px rgba(147, 135, 135, 0.4901960784) !important;
  -o-box-shadow: 0px 0px 4px 3px rgba(147, 135, 135, 0.4901960784) !important;
  -ms-box-shadow: 0px 0px 4px 3px rgba(147, 135, 135, 0.4901960784) !important;
  -moz-box-shadow: 0px 0px 4px 3px rgba(147, 135, 135, 0.4901960784) !important;
}
#discovery-page .filterFixer li:last-child {
  border-radius: 0px 0px 20px 20px !important;
}

/* End ==== Discovery - Page ===== */
#discovery-page #facet_educational-context .list-group.in {
  display: grid;
}

#discovery-page #facet_educational-context .list-group.collapsing li,
#discovery-page #facet_educational-context .list-group.collapse {
  display: none;
}

#browse-collection-page .left-column {
  background: #345870;
  text-align: center;
  margin-top: 50px;
  padding: 20px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  #browse-collection-page .left-column {
    padding-bottom: 150px;
  }
}
#browse-collection-page .left-column .main-title {
  font-size: 2, 8rem;
  flex: auto;
  color: #ffffff;
  margin-top: 0;
}
#browse-collection-page .left-column #animation_container {
  height: unset !important;
  width: unset !important;
}
#browse-collection-page .left-column #animation_container canvas#canvas {
  height: unset !important;
  max-width: 100% !important;
  padding: 25px 0px 0px 0px;
}
#browse-collection-page .left-column .koumpia img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 90px;
  margin: auto;
  cursor: pointer;
  border-radius: 20px;
  border: 2px solid #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}
#browse-collection-page .left-column .koumpia img:hover {
  opacity: 0.7;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.95);
}
#browse-collection-page .left-column .koumpia img.selected {
  opacity: 0.7;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.95);
}
#browse-collection-page #browse-panel {
  margin-top: 50px;
}
#browse-collection-page #browse-panel .panel-heading {
  background-color: #345870 !important;
  color: #fff !important;
  background: #b2decf;
  border-radius: 10px;
  width: 97.5% !important;
  min-height: 55px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 15px;
  font-weight: 600;
  box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -webkit-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -ms-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -o-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -moz-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  font-size: 1.7rem;
}
#browse-collection-page #browse-panel .paginationRow {
  padding-top: 80px;
}
#browse-collection-page #browse-panel .paginationRow #resultSearch {
  margin-top: -130px;
}
#browse-collection-page #browse-panel .paginationRow #resultSearch #resultSearchMsg:hover {
  color: #fff !important;
}
#browse-collection-page #browse-panel .matrixItemsArea {
  margin-top: 30px;
}
#browse-collection-page #browse-panel .matrixItemsArea .item_box {
  max-width: 400px;
}
#browse-collection-page #browse-panel .matrixItemsArea .item_box .item_metadata .itemListMetaInfoArea {
  min-height: 150px;
}

#full-taxon-page .main-title {
  margin-top: 20px;
}
#full-taxon-page canvas {
  font-family: "Roboto Condensed", Verdana, sans-serif;
}
#full-taxon-page element {
  position: relative;
  display: block;
  background-color: rgba(225, 225, 225, 0);
  width: 1207.68px;
  height: 1043px;
}
#full-taxon-page #animation_container {
  margin: auto;
  height: 500px !important;
}
#full-taxon-page #animation_container canvas#canvas {
  height: unset !important;
  max-width: 100% !important;
  padding: 40px 0px 40px 0;
}
#full-taxon-page .wrapContainer {
  width: 100%;
  padding: 0;
}
#full-taxon-page .paginationRow {
  padding-top: 80px;
}
#full-taxon-page #resultSearch {
  margin-top: -130px;
}
#full-taxon-page .matrixItemsArea {
  margin-top: 30px;
}
#full-taxon-page .panel-heading {
  background-color: #345870 !important;
  color: #fff !important;
  border-radius: 10px;
  width: 97% !important;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 15px;
  font-weight: 600;
  box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -webkit-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -ms-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -o-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -moz-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  font-size: 1.7rem;
  min-height: 55px;
}
#full-taxon-page #content {
  background-color: #fbfaf5 !important;
  padding-bottom: 30px;
}
#full-taxon-page #browse-panel {
  margin-top: 50px !important;
}
#full-taxon-page .item_thumbnail img {
  max-width: 265px;
  object-fit: scale-down;
  width: 100% !important;
  max-width: 100%;
  max-height: 190px;
  min-height: 190px;
}
#full-taxon-page .taxonNavBalls {
  margin-top: 47px;
}
@media (max-width: 1250px) {
  #full-taxon-page .taxonNavBalls {
    width: 100% !important;
  }
}
#full-taxon-page .itemListMetaInfoArea {
  min-height: 155px;
}
#full-taxon-page .collectionTitle {
  font-size: 2.8rem;
  text-align: center;
  margin-top: 15px;
}
#full-taxon-page .paginumber {
  cursor: pointer !important;
}
#full-taxon-page #resultSearchMsg {
  color: #345870 !important;
}
#full-taxon-page #resultSearchMsg:hover {
  color: #fff !important;
}
#full-taxon-page .item_box {
  max-width: 400px;
}
@media (min-width: 769px) and (max-width: 1350px) {
  #full-taxon-page .item_box.col-md-4 {
    width: 33.3333%;
    float: left;
  }
}
@media (max-width: 1250px) {
  #full-taxon-page .taxonSearchCont {
    width: 92.5% !important;
    margin: 0 auto !important;
  }
}

#full-lrt-page canvas {
  font-family: "Roboto Condensed", Verdana, sans-serif;
}
#full-lrt-page element {
  position: relative;
  display: block;
  width: 1207.68px;
  height: 1043px;
}
#full-lrt-page #animation_container {
  margin: auto;
}
#full-lrt-page #animation_container canvas#canvas {
  height: unset !important;
  max-width: 100% !important;
  padding: 40px 0px 40px 0;
}
#full-lrt-page .wrapContainer {
  width: 100%;
  padding: 0;
}
#full-lrt-page .paginationRow {
  padding-top: 80px;
}
#full-lrt-page #resultSearch {
  margin-top: -130px;
}
#full-lrt-page .matrixItemsArea {
  text-align: center;
  margin-top: 30px;
}
#full-lrt-page .alert.alert-info {
  padding: 8px !important;
  margin-top: 3px !important;
}
#full-lrt-page .panel-heading {
  background-color: #345870 !important;
  color: #fff !important;
  background: #b2decf;
  border-radius: 10px;
  width: 97.5% !important;
  min-height: 55px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 15px;
  font-weight: 600;
  box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -webkit-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -ms-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -o-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  -moz-box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  font-size: 1.7rem;
}
#full-lrt-page #content {
  background-color: #fbfaf5 !important;
  padding-bottom: 30px;
}
#full-lrt-page #browse-panel {
  margin-top: 50px !important;
}
#full-lrt-page .item_thumbnail img {
  max-width: 265px;
  object-fit: scale-down;
  width: 100% !important;
  max-width: 100%;
  max-height: 190px;
  min-height: 190px;
}
#full-lrt-page .taxonNavBalls {
  margin-top: 47px;
}
@media (max-width: 1250px) {
  #full-lrt-page .taxonNavBalls {
    width: 100% !important;
  }
}
#full-lrt-page .itemListMetaInfoArea {
  min-height: 155px;
}
#full-lrt-page .collectionTitle {
  font-size: 2.8rem;
  text-align: center;
  margin-top: 15px;
}
#full-lrt-page .paginumber {
  cursor: pointer !important;
}
#full-lrt-page #resultSearchMsg {
  color: #345870 !important;
}
#full-lrt-page #resultSearchMsg:hover {
  color: #fff !important;
}
#full-lrt-page .item_box {
  max-width: 400px;
}
@media (min-width: 769px) and (max-width: 1350px) {
  #full-lrt-page .item_box.col-md-4 {
    width: 33.3333333333%;
    display: inline-block;
  }
}
@media (max-width: 768px) {
  #full-lrt-page .item_box {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media (max-width: 1250px) {
  #full-lrt-page .taxonSearchCont {
    width: 92.5% !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 1250px) {
  #full-lrt-page .taxonSearchCont {
    width: 92.5% !important;
    margin: 0 auto !important;
  }
}
#full-lrt-page .tech-taxon_Container {
  margin-top: 27px;
}
#full-lrt-page .tech-taxon_Container img {
  cursor: pointer;
}
@media (768px < width < 992px) {
  #full-lrt-page .tech-taxon_Container {
    max-width: 65%;
    margin: auto;
  }
}
@media (max-width: 1250px) {
  #full-lrt-page .tech-taxon_Container {
    width: 92.5% !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 1656px) {
  #full-lrt-page .tech-taxon_Container .main-title {
    margin-top: 63px;
  }
}
#full-lrt-page .tech-taxon_Container .row.xr-group {
  margin-top: 50px !important;
  border-radius: 20px;
  transition: background-color 0.5s ease;
  box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
}
#full-lrt-page .tech-taxon_Container .row.xr-group:hover {
  transition: background-color 0.3s ease;
  transition: box-shadow 0.3s ease;
  background-color: rgba(190, 173, 150, 0.5);
  box-shadow: 4px 7px 5px 0px rgba(181, 153, 153, 0.3);
}
#full-lrt-page .tech-taxon_Container .row.xr-group:hover > .xr-title {
  transition: 0.3s ease;
  visibility: visible;
  margin: auto;
  opacity: 1;
  color: #fff;
  margin-top: -40.5px;
  border-radius: 20px 20px 0 0;
  padding-top: 10px;
  padding-bottom: 9px;
  background-color: rgba(190, 173, 150, 0.5);
  box-shadow: 2px -3px 4px 1px rgba(181, 153, 153, 0.3);
  font-size: 2rem;
  font-weight: 400;
}
#full-lrt-page .tech-taxon_Container .row.xr-group > .xr-title {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease;
  width: 400px;
  text-align: center;
  margin: auto;
  color: rgb(190, 173, 150);
  /* font-size: 0rem; */
  /* margin: 12px auto; */
  opacity: 1;
  color: #fff;
  margin-top: 0;
  border-radius: 20px 20px 0 0;
  /* padding-top: 10px; */
  /* padding-bottom: 9px; */
  background-color: rgba(190, 173, 150, 0.5);
  box-shadow: 2px -3px 4px 1px rgba(181, 153, 153, 0.3);
  font-size: 0rem;
}
#full-lrt-page .tech-taxon_Container .row {
  margin: 0 !important;
}
#full-lrt-page .tech-taxon_Container .row div.col-xs-4 {
  padding: 0 !important;
  text-align: center;
}
#full-lrt-page .tech-taxon_Container .row img {
  max-width: 100%;
  transition: transform 0.5s ease;
}
#full-lrt-page .tech-taxon_Container .row img:hover {
  transform: scale(1.2);
}

#cancel-page .userInputForm {
  display: table;
  border-color: #dcdcdc;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid #e3e3e3;
}

#password-changed-page #content, #password-token-sent-page #content, #new-password-page #content {
  padding: 20px;
  text-align: center;
}
#password-changed-page h1, #password-token-sent-page h1, #new-password-page h1 {
  font-size: 22px; /* Adjusted font size */
  color: #345870; /* Adjusted color */
  font-weight: 700; /* Bold font */
  margin-bottom: 15px; /* Added spacing below */
}
#password-changed-page p, #password-token-sent-page p, #new-password-page p {
  font-size: 16px; /* Adjusted font size */
  font-weight: 400; /* Normal font weight */
  color: #333; /* Adjusted text color */
  line-height: 1.5; /* Improved readability */
}

/* -- New Password Page -- */
#new-password-page {
  /* Background styling */
}
#new-password-page #content {
  background-image: url("../../../custom-images/pafse_login_back_.png");
  background-size: cover;
  background-position: center;
}
#new-password-page .alert.alert-danger {
  font-size: 1.6rem;
  text-align: left;
  padding: 10px 15px;
  background-color: rgba(255, 0, 0, 0.1) !important;
  background-image: none;
  color: red;
  border-left: 5px solid red;
  margin-top: 15px;
  border-radius: 5px;
}
#new-password-page .form-horizontal {
  background-color: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  max-width: 600px;
  width: 100%;
  margin: auto;
}
#new-password-page .form-horizontal h1 {
  font-size: 2.4rem;
  color: #5a9ca5; /* Match the theme color */
  text-align: center;
  margin-bottom: 20px;
}
#new-password-page .form-group {
  margin-bottom: 20px;
}
#new-password-page .form-group label {
  font-size: 1.6rem;
  color: #345870;
  font-weight: 500;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}
#new-password-page .form-group .form-control {
  display: block;
  margin: 10px auto;
  border: none;
  width: 100%;
  height: 50px;
  outline: none;
  font-size: 1.8rem !important;
  border-bottom: 2px solid #e4572e;
  padding: 10px;
  background: #f9f9f9;
  transition: border-color 0.3s ease-in-out;
  color: #345870;
  border-radius: 5px;
}
#new-password-page .form-group .form-control:focus {
  border-color: #e4572e;
}
#new-password-page .form-group .form-control::placeholder {
  font-size: 1.8rem;
  color: #345870;
  font-weight: 500;
}

/* -- /New Password Page -- */
/* -- Forgot Password Page -- */
#forgot-password-page {
  /* Background styling */
  /* Wrapper for centering content */
  /* Mobile responsiveness */
}
#forgot-password-page #content {
  background-image: url("../../../custom-images/pafse_login_back_.png");
  background-size: cover;
  background-position: center;
}
#forgot-password-page .forgot-password-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
}
#forgot-password-page .forgot-password-wrap .content {
  background-color: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 500px;
  margin-top: 20px;
}
#forgot-password-page .forgot-password-wrap .content .forgot-password-title {
  font-size: 2.4rem;
  color: #345870;
  margin-bottom: 20px;
  font-weight: bold;
}
#forgot-password-page .forgot-password-wrap .content .forgot-password-info {
  font-size: 1.6rem;
  color: #345870;
  margin-bottom: 20px;
  text-align: center;
}
#forgot-password-page .forgot-password-wrap .content #forgot-password-form .email-container input {
  display: block;
  margin: 10px auto;
  width: 100%;
  height: 50px;
  font-size: 1.8rem;
  border-top: none !important;
  border-inline: none !important;
  border-bottom: 2px solid #e4572e;
  padding: 10px;
  background: #f9f9f9;
  color: #345870;
  border-radius: 5px;
  transition: border-color 0.3s ease-in-out;
}
#forgot-password-page .forgot-password-wrap .content #forgot-password-form .email-container input:focus {
  border-color: #e4572e;
}
#forgot-password-page .forgot-password-wrap .content #forgot-password-form .email-container input::placeholder {
  font-size: 1.8rem;
  color: #345870;
  font-weight: 500;
}
#forgot-password-page .forgot-password-wrap .content .errorMsgShown {
  font-size: 1.6rem;
  padding: 10px 15px;
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
  border-left: 5px solid red;
  margin-top: 15px;
  border-radius: 5px;
}
@media (max-width: 600px) {
  #forgot-password-page .forgot-password-wrap .content {
    width: 90%;
    padding: 30px;
  }
  #forgot-password-page .forgot-password-wrap .content #forgot-password-form input {
    font-size: 1.6rem;
  }
}

#invalid-token-page {
  /* General page styling */
}
#invalid-token-page .container {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.invalid-token-title {
  font-size: 2rem;
  color: #345870;
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
}

.invalid-token-info {
  font-size: 1.6rem;
  color: #333;
  text-align: center;
  margin-bottom: 10px;
}

.manuals-page {
  padding: 40px 0;
}
.manuals-page .page-header {
  text-align: center;
  margin-bottom: 50px;
}
.manuals-page .page-header h1 {
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 15px;
}
.manuals-page .page-header .lead {
  font-size: 1.6rem;
  color: #666;
}
.manuals-page .manuals-grid {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}
.manuals-page .manual-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.manuals-page .manual-link:hover {
  text-decoration: none;
}
.manuals-page .manual-item {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.manuals-page .manual-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.manuals-page .manual-item .manual-image {
  width: 100%;
  height: 690px;
  scale: 1.01;
  object-fit: cover;
  display: block;
}
.manuals-page .manual-item .manual-info {
  padding: 25px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.manuals-page .manual-item .manual-info h3 {
  font-size: 1.8rem;
  color: #333;
  margin-bottom: 10px;
  margin-left: 0;
  font-weight: 600;
}
.manuals-page .manual-item .manual-info p {
  font-size: 1.6rem;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 992px) {
  .manuals-page .manuals-grid {
    flex-wrap: wrap;
  }
  .manuals-page .manuals-grid .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .manuals-page .manual-item .manual-image {
    height: 300px;
  }
}
@media (max-width: 768px) {
  .manuals-page {
    padding: 30px 0;
  }
  .manuals-page .page-header h1 {
    font-size: 2rem;
  }
  .manuals-page .manuals-grid {
    gap: 20px;
  }
  .manuals-page .manual-item .manual-image {
    height: 200px;
  }
  .manuals-page .manual-item .manual-info {
    padding: 20px;
  }
  .manuals-page .manual-item .manual-info h3 {
    font-size: 1.25rem;
  }
}
/* -- Contact/Helpdesk Page -- */
#contact-section {
  max-width: 80%;
  width: 100%;
  margin: 40px auto;
  padding: 40px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  #contact-section {
    margin: 20px;
    padding: 30px 20px;
  }
}
@media (max-width: 500px) {
  #contact-section {
    margin: 15px;
    padding: 20px 15px;
  }
}
#contact-section .contTitle {
  color: #345870;
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 3px solid #eca929;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  #contact-section .contTitle {
    font-size: 2.8rem;
    margin-bottom: 25px;
  }
}
@media (max-width: 500px) {
  #contact-section .contTitle {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
#contact-section .intro-text {
  margin-bottom: 50px;
  padding: 30px;
  background: linear-gradient(135deg, rgba(52, 88, 112, 0.05) 0%, rgba(236, 169, 41, 0.05) 100%);
  border-radius: 12px;
  border: 2px solid #eca929;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px) {
  #contact-section .intro-text {
    margin-bottom: 40px;
    padding: 25px 20px;
  }
}
@media (max-width: 500px) {
  #contact-section .intro-text {
    padding: 20px 15px;
    margin-bottom: 30px;
  }
}
#contact-section .medium-text {
  font-size: 1.9rem;
  line-height: 2;
  color: #1a1a1a;
  margin-bottom: 25px;
  text-align: justify;
  font-weight: 500;
}
@media (max-width: 768px) {
  #contact-section .medium-text {
    font-size: 1.7rem;
    line-height: 1.9;
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  #contact-section .medium-text {
    font-size: 1.5rem;
    line-height: 1.7;
    text-align: left;
    margin-bottom: 18px;
  }
}
#contact-section .medium-text:last-child {
  margin-bottom: 0;
}
#contact-section .medium-text a {
  color: #345870;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border-bottom: 2px solid #345870;
}
#contact-section .medium-text a:hover {
  color: #8fb7e9;
  border-bottom-color: #8fb7e9;
  background-color: rgba(143, 183, 233, 0.05);
}
#contact-section .medium-text a:focus {
  outline: 2px solid #eca929;
  outline-offset: 2px;
}
@media (max-width: 500px) {
  #contact-section .medium-text br {
    display: none;
  }
}
#contact-section .contact-container {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px dashed #d0d0d0;
}
@media (max-width: 768px) {
  #contact-section .contact-container {
    margin-top: 50px;
    padding-top: 30px;
  }
}
@media (max-width: 500px) {
  #contact-section .contact-container {
    margin-top: 40px;
    padding-top: 25px;
  }
}
#contact-section .contact-subtitle {
  color: #777777;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  text-align: center;
}
@media (max-width: 768px) {
  #contact-section .contact-subtitle {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  #contact-section .contact-subtitle {
    font-size: 1.4rem;
    margin-bottom: 18px;
  }
}
#contact-section .contact-section {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 15px;
  margin-bottom: 15px;
  background: #fafafa;
  border-radius: 6px;
  border-left: 2px solid #cccccc;
  transition: all 0.3s ease;
}
#contact-section .contact-section:hover {
  background: #f5f5f5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px) {
  #contact-section .contact-section {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 15px 12px;
  }
}
@media (max-width: 500px) {
  #contact-section .contact-section {
    padding: 12px 10px;
    margin-bottom: 12px;
  }
}
#contact-section .contact-logo {
  width: 100px;
  height: auto;
  flex-shrink: 0;
  object-fit: contain;
  padding: 12px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid #e0e0e0;
}
#contact-section .contact-logo.logo-wide {
  width: 140px;
}
@media (max-width: 768px) {
  #contact-section .contact-logo.logo-wide {
    width: 120px;
  }
}
@media (max-width: 500px) {
  #contact-section .contact-logo.logo-wide {
    width: 110px;
  }
}
@media (max-width: 768px) {
  #contact-section .contact-logo {
    width: 90px;
  }
}
@media (max-width: 500px) {
  #contact-section .contact-logo {
    width: 80px;
  }
}
#contact-section .contact-info {
  flex: 1;
}
#contact-section .contact-text {
  font-size: 1.3rem;
  line-height: 1.6;
  color: #666666;
  margin: 0;
}
#contact-section .contact-text strong {
  color: #444444;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
  font-size: 1.35rem;
}
#contact-section .contact-text a {
  color: #555555;
  text-decoration: none;
  transition: color 0.3s ease;
}
#contact-section .contact-text a:hover {
  color: #345870;
  text-decoration: underline;
}
@media (max-width: 768px) {
  #contact-section .contact-text {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
@media (max-width: 500px) {
  #contact-section .contact-text {
    font-size: 1.2rem;
  }
}
#contact-section .contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 992px) {
  #contact-section .contact-grid {
    grid-template-columns: 1fr;
  }
}
#contact-section .contact-grid .contact-section {
  margin-bottom: 0;
}

/* Card styling */
.js-about.card {
  border: none;
  transition: box-shadow 0.3s ease;
}
.js-about.card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* -- /Contact/Helpdesk Page -- */
/* -- STARTS CUSTOM SCSS -- */
@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
object {
  display: inline;
}

/* This class is here so the standard style from "P" above can be applied to anything else. */
#wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  position: relative;
  top: -150px;
}

#banner {
  z-index: 0;
}

#sponsors {
  text-align: center;
  position: relative;
  top: -100px;
  width: 1024px;
  background-color: #d0e4ea;
  height: 100px;
  vertical-align: bottom;
}

div#sponsors a {
  color: #fff;
  position: relative;
  top: 15px;
  text-decoration: none;
}

.controlledvocabulary a {
  font-size: 16px;
  color: #000000;
}

.controlledvocabulary li {
  margin-top: 15px;
}

.firstLevel {
  padding-top: 3px;
  font-weight: bold;
}

.secondLevel {
  padding-top: 3px;
  margin-left: 20px;
}

.thirdLevel {
  padding-top: 3px;
  margin-left: 30px;
}

.sponsors {
  height: 70px;
}

.searchIcon {
  width: 10%;
  text-align: left;
}

.searchSubject {
  padding: 10px 5px;
}

.standard {
  font-size: 9pt;
}

.tagLine {
  vertical-align: bottom;
  padding: 10px;
  border: 0;
  margin: 0;
  background: #ffffff;
  color: #ff6600;
}

.stripe {
  background: #336699 url(./image/stripe.gif) repeat-x;
  vertical-align: top;
  border: 0;
  padding: 0;
  margin: 0;
  color: #ffffff;
}

.locationBar {
  font-size: 10pt;
  text-align: left;
  clear: both;
}

.locationBar a {
  text-decoration: none;
  background-color: #eef0eb;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px;
  font-size: 9pt;
  font-weight: bold;
  color: #bcc5b3;
}

.locationBar a:hover {
  text-decoration: none;
  background-color: #bcc5b3;
  color: #2b3e42;
}

p.locationBar {
  margin-bottom: 0;
  padding-bottom: 0;
}

.loggedIn {
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #882222;
  background: #ffffff;
}

.sidebar {
  background: #ffffff;
  color: #000000;
}

#uploadUrlForm {
  overflow: hidden;
  width: 250px;
  float: right;
}

#urlFile {
  overflow: hidden;
  width: 235%;
  transition: 0.5s;
}

#urlFile.expanded {
  transform: translateX(-58%);
}

input#urlInput {
  position: relative;
  top: 4px;
  right: 7px;
  width: 180px;
}

.fileSelect {
  float: left;
  font-size: 11px;
  width: 15%;
  vertical-align: bottom;
  height: 30px;
}

.file {
  width: 80%;
  text-align: left;
}

.submitFormHelp {
  margin-left: 60px;
  margin-right: 0px;
  font-size: 11px;
  text-align: left;
  width: 90%;
}

.submitFormWarn {
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
  font-size: 12px;
  color: #e09928;
  text-align: center;
}

.uploadHelp {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 11px;
  text-align: left;
}

.submitProgressButton {
  border: 0;
}

.searchInput {
  float: left;
  font-size: 11px;
  padding: 3px 10px 10px 10px;
  width: 93%;
  overflow-x: hidden;
}

.searchInput select {
  width: 200px;
}

.resultsTable {
  margin: 20px 10px;
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
  background: #fff;
}

.resultsTable th {
  background: #cbe2ea;
  font-style: italic;
  padding: 3px 10px;
  font-size: 10pt;
}

.resultsTable td {
  font-size: 10pt;
}

.resultsTable td a {
  padding: 3px 10px;
  display: block;
  text-decoration: none;
}

.resultsTable td a:hover {
  padding: 3px 10px;
  display: block;
  text-decoration: none;
  color: #84c3d4;
}

.metadataFieldLabel {
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  color: #4d6267;
  vertical-align: top;
  text-align: left;
  text-decoration: none;
  white-space: pre-wrap;
  padding: 10px 15px;
  width: 40%;
}

tr.itemTableTr td.metadataFieldLabel span {
  white-space: pre-wrap;
}

.searchBox {
  font-size: 14pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
  background-color: #84c3d4;
  margin-top: 15px;
}

.searchBox {
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
  background: #fefecd;
  padding: 0;
  border: 0;
  margin: 0;
}

.searchBoxLabelSmall {
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  background: #fefecd;
  text-decoration: none;
  vertical-align: middle;
}

.help {
  background: #ffffff;
  margin-left: 10px;
}

.help h2 {
  text-align: center;
  font-size: 18pt;
  color: #000000;
}

.help h3 {
  font-weight: bold;
  margin-left: 0px;
}

.help h4 {
  font-weight: bold;
  font-size: 10pt;
  margin-left: 5px;
}

.help h5 {
  font-weight: bold;
  margin-left: 10px;
  line-height: 0.5;
}

.help p {
  font-size: 10pt;
}

.help table {
  margin-left: 8px;
  width: 90%;
}

.help table.formats {
  font-size: 10pt;
}

.help ul {
  font-size: 10pt;
}

.help p.bottomLinks {
  font-size: 10pt;
  font-weight: bold;
}

.help td.leftAlign {
  font-size: 10pt;
}

.help td.rightAlign {
  text-align: right;
  font-size: 10pt;
}

/* The following rules are used by the controlled-vocabulary add-on */
ul.controlledvocabulary {
  list-style-type: none;
}

.controlledvocabulary ul li ul {
  list-style-type: none;
  display: none;
}

input.controlledvocabulary {
  border: 0px;
}

img.controlledvocabulary {
  margin-right: 8px !important;
  margin-left: 11px !important;
  cursor: hand;
}

/* styles added by authority control */
div.autocomplete {
  background-color: #ffffff;
  border: 1px solid #888888;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 250px;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div.autocomplete ul li {
  cursor: pointer;
}

div.autocomplete ul li.selected {
  text-decoration: underline;
}

div.autocomplete ul li:hover {
  text-decoration: underline;
}

div.autocomplete ul li span.value {
  display: none;
}

/* This magic gets the 16x16 icon to show up.. setting height/width didn't
   do it, but adding padding actually made it show up. */
img.ds-authority-confidence,
span.ds-authority-confidence {
  width: 16px;
  height: 16px;
  margin: 5px;
  background-repeat: no-repeat;
  padding: 0px 2px;
  vertical-align: bottom;
  color: transparent;
}

img.ds-authority-confidence.cf-unset,
span.ds-authority-confidence.cf-unset {
  background-image: url(./image/authority/bug.png);
}

img.ds-authority-confidence.cf-novalue,
span.ds-authority-confidence.cf-novalue {
  background-image: url(./image/confidence/0-unauthored.gif);
}

img.ds-authority-confidence.cf-rejected,
img.ds-authority-confidence.cf-failed,
span.ds-authority-confidence.cf-rejected,
span.ds-authority-confidence.cf-failed {
  background-image: url(./image/confidence/2-errortriangle.gif);
}

img.ds-authority-confidence.cf-notfound,
span.ds-authority-confidence.cf-notfound {
  background-image: url(./image/confidence/3-thumb1.gif);
}

img.ds-authority-confidence.cf-ambiguous,
span.ds-authority-confidence.cf-ambiguous {
  background-image: url(./image/confidence/4-question.gif);
}

img.ds-authority-confidence.cf-uncertain,
span.ds-authority-confidence.cf-uncertain {
  background-image: url(./image/confidence/5-pinion.gif);
}

img.ds-authority-confidence.cf-accepted,
span.ds-authority-confidence.cf-accepted {
  background-image: url(./image/confidence/6-greencheck.gif);
}

/* hide authority-value inputs in forms */
input.ds-authority-value {
  display: none;
}

/** XXX Change to this to get the authority value to show up for debugging:
 input.ds-authority-value { display:inline; }
**/
/* ..except, show authority-value inputs in on the Item EditMetadata page */
table.miscTable input.ds-authority-value {
  display: inline;
}

div.authority-key-nav-link,
div.authority-page-nav-link {
  margin-top: 20px;
}

a.authority {
  background: transparent url(./image/authority/book_key.png) no-repeat;
  background-position: top right;
  padding-right: 20px;
}

/* for edit-item-form lock button */
input.ds-authority-lock {
  vertical-align: bottom;
  height: 24px;
  width: 24px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-color: transparent;
}

input.ds-authority-lock.is-locked {
  background-image: url(./image/lock24.png);
}

input.ds-authority-lock.is-unlocked {
  background-image: url(./image/unlock24.png);
}

#navigationBarHome {
  text-align: left;
  font-size: 13pm;
  white-space: nowrap;
}

#navigationBarHome td {
  border: 1px solid #b0bca5;
  background-color: #bcc5b3;
}

#navigationBarHome td:hover {
  background-color: #eef0eb;
}

#navigationBarHome td a {
  padding: 6px 10px;
  text-decoration: none;
  color: #2b3e42;
  display: block;
}

#navigationBarHome td:hover a {
  text-decoration: none;
  color: #646b5e;
}

#navigationBarHome td:active a {
  text-decoration: none;
  color: #bcc5b3;
}

#navigationBarHome th {
  margin-top: 10px;
  padding: 6px;
  border: 1px solid #b0bca5;
  background-color: #eef0eb;
}

#navigationBarHome th:hover {
  background-color: #eef0eb;
  width: 100%;
}

#navigationBarHome th a {
  text-decoration: none;
  color: #2b3e42;
}

#navigationBarHome th:hover a {
  text-decoration: none;
  color: #646b5e;
}

#navigationBarHome th:active a {
  text-decoration: none;
  color: #bcc5b3;
}

.navigationBarHome {
  text-align: left;
  font-size: 13pm;
}

.navigationBarHome td:active {
  background-color: #bcc5b3;
}

.navigationBarHome td a {
  display: block;
  margin: 2px 0;
  padding: 10px 10px;
  color: #fff !important;
  font-weight: 400;
  text-decoration: none !important;
  background-color: #003a00;
  border-radius: 4px;
}

.navigationBarHome td a:hover {
  background-color: #9d676e;
}

.navigationBarHome td a:active {
  text-decoration: none;
  color: #bcc5b3;
}

.navigationBarHome th {
  margin-top: 10px;
  padding: 6px;
  border: 1px solid #b0bca5;
  background-color: #eef0eb;
}

.navigationBarHome th:hover {
  background-color: #eef0eb;
  width: 100%;
}

.navigationBarHome th a {
  text-decoration: none;
}

.navigationBarHome th:hover a {
  text-decoration: none;
  color: #646b5e;
}

.navigationBarHome th:active a {
  text-decoration: none;
  color: #bcc5b3;
}

div #photodentroLogo a {
  text-decoration: none;
  color: #fff;
}

a.adminLink {
  display: block;
  text-align: left;
  margin: 2px 0;
  padding: 10px 10px;
  color: #fff !important;
  font-weight: 400;
  text-decoration: none !important;
  background-color: #003a00;
  border-radius: 4px;
}

a.adminLink:hover,
a.adminLink:active {
  color: #fff !important;
  font-weight: 400;
  text-decoration: none !important;
  background-color: #9d676e;
}

a.adminLinks {
  display: block;
  text-align: left;
  margin: 2px 0;
  padding: 10px 10px;
  color: #fff !important;
  font-weight: 400;
  text-decoration: none !important;
  background-color: #003a00;
  border-radius: 4px;
}

a.adminLinks:hover,
a.adminLinks:active {
  color: #fff;
  font-weight: 400;
  text-decoration: none !important;
  background-color: #9d676e;
}

.show {
  display: inline;
}

.dateLinks {
  display: block;
  width: 90%;
  background-color: #aed9e7;
  padding: 8px 10px;
  color: #2b3e42;
  text-decoration: none;
  border: #eeeeee solid 1px;
}

.dateLinks:hover {
  background-color: #e2f1f6;
  text-decoration: none;
  border: #eeeeee solid 1px;
}

.itemOptions td {
  padding: 15px;
}

.itemOptions td a img {
  border: #e2f1f6 solid 1px;
}

.itemOptions td a:hover img {
  border: #e2f1f6 solid 1px;
}

.editTable {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
}

.editTable tr {
  height: 20px;
  margin-top: 0px;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.editTable td {
  padding: 15px 5px;
  height: 20px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.editTable select {
  width: 100%;
}

.editTable input[type=text] {
  width: 100%;
  border: 1px solid #ccc;
}

.intro {
  padding: 10px;
  text-align: justify;
}

.editTable select {
  width: 100%;
}

.editTable input[type=text] {
  width: 100%;
  border: 1px solid #ccc;
}

.submitButton {
  background-color: #bcc5b3;
  border-color: #bcc5b3;
  padding: 4px 10px;
  font: Verdana, Geneva, sans-serif;
  font-size: 10pt;
  color: #252645;
  border: #727b6a solid 1px;
  border-radius: 5px;
  text-decoration: none;
}

.submitButton:hover {
  background-color: #eef0eb;
}

#prev {
  text-align: left;
  width: 20%;
}

#current {
  text-align: center;
  width: 50%;
  font-size: 9px;
  color: #2b3e42;
}

#current a {
  font-size: 9px;
}

#next {
  text-align: right;
  width: 20%;
}

.resultsReport {
  text-align: center;
  font-size: 11px;
  color: #2b3e42;
  padding-top: 10px;
}

#refine {
  margin-left: 15px;
  font-size: 10pt;
  font-weight: bold;
  color: #2b3e42;
}

.resultsSearchTable {
  margin-top: 0;
  padding-top: 0;
  border-radius: 8px;
  background-color: #fff;
  margin-left: 0;
  width: 100%;
}

.resultsSearchTable td {
  border-bottom: #ccc dashed 1px;
}

.addButton {
  background: url(./image/itemOptions/plus12.png) no-repeat;
  width: 14px;
  height: 14px;
  background-position: center;
}

.removeButton {
  background: url(./image/itemOptions/minus12.png) no-repeat;
  width: 14px;
  height: 14px;
  background-position: center;
}

#license {
  background-color: #cbe2ea;
  width: 95%;
  padding: 10px;
}

#twitter {
  vertical-align: top;
  width: 100px;
}

#twitter iframe {
  vertical-align: top;
  border: none;
  width: 250px;
}

#pooledList {
  display: none;
}

.hint {
  font-size: 10px;
  text-align: justify;
  padding-top: 10px;
  vertical-align: bottom;
  color: #999;
  margin-top: 10px;
}

.cvItem a:hover {
  color: #000;
}

#tasks {
  font-size: 12px;
}

.profile {
  width: 90%;
}

.subscriptions {
  font-size: 10pt;
  vertical-align: middle;
  border: #84c3d4 dotted 1px;
}

.subscriptions td {
  padding: 3px 10px;
  border: #84c3d4 dotted 1px;
  font-size: 10pt;
}

.submitValue {
  text-align: left;
  clear: both;
}

.selectCollection {
  border-radius: 5px 5px 0 0;
  background-color: #eef0eb;
  color: #b0bca5;
  border: #b0bca5 solid 2px;
  border-bottom: none;
  padding: 5px;
  margin: none;
  padding: none;
  font-weight: bold;
  cursor: pointer;
}

.currentCollection {
  border-radius: 5px 5px 0 0;
  background-color: #bcc5b3;
  border: #e4a541 solid 2px;
  color: #2b3e42;
  padding: 5px;
  border-bottom: none;
  margin: none;
  padding: none;
  font-weight: bold;
}

/*********pagination******/
.sortOptionsTable {
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  width: 100%;
  margin-left: 0;
}

.sortOptionsTable td {
  padding: 1px;
  font-size: 11px;
  font-weight: bold;
  color: #4d6267;
  border: #8fb8b9 solid 2px;
  background-color: #9fc9ca;
  padding-top: 0px;
  border-radius: 5px;
}

.sortOptionsTable td.pagin {
  font-weight: normal;
}

.sortOptionsTable td.pagin .pageLink,
.sortOptionsTable td.pagin .pageLinkL,
.sortOptionsTable td.pagin .pageLinkXL {
  margin: 0;
  width: 20px;
  height: 20px;
  font-size: 16px;
}

.sortOptionsTable td.pagin .pageLinkL {
  width: 30px;
}

.sortOptionsTable td.pagin .pageLinkXL {
  width: 40px;
}

.pageLink,
.pageLinkL,
.pageLinkXL {
  cursor: pointer;
  color: #2e5f6c;
  font-size: 18px;
  border: #84c3d4 solid 2px;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  margin: 4px;
  background-color: #fff;
  display: inline-block;
  text-align: left;
}

.pageLink:hover,
.pageLinkL:hover,
.curPageLink,
.pageLinkXL:hover {
  font-weight: bold;
}

.pageLinkL {
  width: 35px;
}

.pageLinkXL {
  width: 48px;
}

#nextPageLink img,
#previousPageLink img {
  width: 12px;
  padding: 3px 0 0 2px;
}

.nextPageLink,
.previousPageLink,
.nextPageLinkFade,
.previousPageLinkFade {
  display: inline-block;
  background-image: url(./image/itemOptions/right.png);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center center;
}

.previousPageLink {
  background-image: url(./image/itemOptions/left.png);
}

.nextPageLinkFade {
  background-image: url(./image/itemOptions/rightFade.png);
}

.previousPageLinkFade {
  background-image: url(./image/itemOptions/leftFade.png);
}

.loaderS {
  background: #fff;
  padding: 0 3px;
  height: 12px;
  display: none;
}

.checkbox {
  background-image: url(./image/unchecked00a.png);
  background-size: 8px 8px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.checked {
  background-image: url(./image/checkeda.png);
}

.unchecked {
  background-image: url(./image/uncheckeda.png);
}

.teachingApproach_value,
.lang_value,
.lrt_value,
.age_value,
.context_value,
.specialNeed_value,
.cert_value,
.educationalObjective_value,
.fund_value,
.foreignLangLevel_value {
  color: #666;
  font-style: italic;
}

.browseOptionsTable td {
  background: #bedfe8;
  border-radius: 5px;
  padding: 1px;
  font-size: 7pt;
}

.sortButton {
  background-color: #eef0eb;
  border-color: #bcc5b3;
  padding: 2px 10px;
  font-size: 10pt;
  color: #252645;
  border: #727b6a solid 1px;
  border-radius: 3px;
  padding: 2px;
}

.searchButton {
  background-color: #e2f1f6;
  border-color: #bcc5b3;
  padding: 2px 10px;
  font-size: 10pt;
  color: #252645;
  border: #727b6a solid 1px;
  border-radius: 5px;
  padding: 5px;
  vertical-align: top;
}

.searchButton:hover {
  background-color: #bedfe8;
}

.searchSelectionBox {
  font-size: 12px;
  font-style: italic;
  border: #eef0eb solid 1px;
  border-radius: 5px;
  height: 25px;
  vertical-align: central;
}

#prevF {
  text-align: left;
  padding: 0;
}

#currentF {
  text-align: center;
  font-size: 9px;
  color: #2b3e42;
}

#currentF a {
  font-size: 9px;
}

#nextF {
  text-align: right;
  padding: 0;
}

.checkBox {
  background-image: url("../../custom-images/check.png");
}

.checkBoxClear {
  background-image: url("../../custom-images/uncheck.png");
  background-color: #fff;
}

.checkBox,
.checkBoxClear {
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: 10px 7px;
  display: inline-block;
  height: 16px;
  padding: 0px;
  margin: 1px;
  cursor: pointer;
  width: 95%;
  border-radius: 10px;
  padding-top: 5px;
  color: #2b3e42;
  padding-right: 7px;
  border: #9fc9ca solid 1px;
}

.checkBox:hover {
  padding-right: 7px;
  border: #fff solid 1px;
}

.checkBoxClear:hover {
  padding-right: 7px;
  border: #fff solid 1px;
}

.checkBoxTitle,
.checkBoxClearTitle {
  background-position: 5px 3px;
  background-image: url(./image/resetIcon.png);
  background-repeat: no-repeat;
  background-size: 11px;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  width: 10%;
  padding-top: 2px;
  color: #2b3e42;
}

@-moz-document url-prefix() {
  .checkBoxClearTitle,
  .checkBoxTitle {
    background-position: 5px 5px;
  }
}
.selectedTag {
  background-color: #dce1d5;
  color: #2b3e42;
  font-size: 12px;
  border: #bcc5b3 solid 1px;
  margin-left: 8px;
  margin-top: 5px;
  height: 20px;
  padding: 5px;
  border-radius: 10px;
  float: left;
}

.selectedTag img {
  float: left;
}

.refineLink {
  color: #2b3e42;
  text-decoration: none;
  padding-left: 0px;
  cursor: pointer;
  font-weight: bold;
  display: block;
}

#refineTr {
  float: left;
  padding-left: 2%;
  width: 95%;
}

#refine_query_id {
  width: 85%;
  height: 20px;
  vertical-align: top;
  border-radius: 5px;
}

.refineSubmit {
  display: inline-block;
  text-align: left;
  cursor: pointer;
}

.refineSubmit img {
  height: 20px;
  padding-top: 2px;
}

.refineFilterWrapper {
  float: left;
  width: 24%;
  margin-left: 2%;
}

#resultsReportBottom {
  border-right: #fff 20px solid;
  text-align: center;
  font-size: 10px;
}

.sortResultsWrapper {
  vertical-align: top;
  text-align: right;
  height: 100%;
}

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
  text-align: center;
}

/**********---/search results***********/
.loginTable {
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
  background: #e2f1f6;
  margin: 20px;
  margin-top: 0;
  border-radius: 10px;
}

.loginTable th {
  background: #cbe2ea;
  font-style: italic;
  border-radius: 10px;
  padding: 3px 10px;
  font-size: 10pt;
}

.loginTable td {
  border-radius: 10px;
  padding: 3px 10px;
  font-size: 10pt;
}

.loginWarn {
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
  font-size: 12px;
  color: #e09928;
  text-align: center;
}

.loginWarn a {
  font-weight: bold;
  font-size: 12px;
  color: #e09928;
}

.ui-autocomplete {
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.photodentroFeedback {
  color: black;
}

.photodentroFeedback a {
  color: black;
}

.browseIcon {
  padding: 0 15px 10px 12px;
  height: 70px;
  border-top: #84c3d4 solid 2px;
}

.browseIcon:hover {
  border-top: #84c3d4 solid 0px;
}

.mainOptionsWrapper {
  width: 90%;
  padding: 5px 0px 0px 25px;
}

.generalInfoLink {
  text-decoration: underline;
  cursor: pointer;
  font-size: 13px;
  color: #0a6068;
}

.generalInfoTable {
  margin-top: 5px;
  padding-left: 25px;
  width: 93%;
}

.generalInfoTitle {
  font-size: 10pt;
  font-weight: bold;
  color: #2b3e42;
  margin: 2px 0;
  padding: 0;
}

.generalOptionsTd {
  padding: 0 0 10px 10px;
}

/**************CAROUSEL STYLE**************************/
#reelWrapper {
  width: 100%;
}

#intro {
  padding-bottom: 10px;
}

#slider {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  position: relative;
  background-color: #ccc;
}

.scroll {
  overflow: hidden;
  width: 100%;
  height: 400px;
  padding-top: 30px;
  margin: 0 auto;
  position: relative;
  background: #fff;
  border-radius: 5px;
  background-color: #defbfb;
  background-image: url("./image/patternF.png");
}

.scrollContainer {
  position: relative;
}

.scrollContainer div.panel {
  padding: 10px;
  width: 220px;
  height: 170px;
}

#left-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  bottom: 0;
  background: url(./image/reel/leftshadow.png) repeat-y;
}

#right-shadow {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  bottom: 0;
  background: url(./image/reel/rightshadow.png) repeat-y;
}

.inside {
  padding: 10px;
  border: 2px solid #eee;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}

.inside:hover {
  background: #f1f6f8;
  border: 2px solid #ccc;
  border-radius: 10px;
}

.inside img {
  display: block;
  border: 2px solid #eee;
  margin: 0 0 5px 0;
  width: 193px;
  border-radius: 5px;
}

.inside div.title {
  color: #999;
  font-size: 11px;
  padding: 0;
  margin: 0 0 2px 0;
  text-align: left;
  font-weight: bold;
}

.inside p {
  font-size: 10px;
  color: #ccc;
  margin: 0;
  padding: 2px 2px 0 0;
  display: none;
  text-align: left;
}

.inside:hover p {
  font-size: 11px;
  color: #999;
}

.scrollButtons {
  position: absolute;
  top: 130px;
  cursor: pointer;
  width: 50px;
  opacity: 0.7;
}

.scrollButtons:hover {
  opacity: 1;
}

.scrollButtons.left {
  left: 15px;
  z-index: 100;
}

.scrollButtons.right {
  right: 15px;
  z-index: 100;
}

/**************--/CAROUSEL STYLE**************************/
.listShow {
  background: url(./image/arrowGreenDown.png);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  display: inline-block;
  color: #2b3e42;
  background-position: right;
  cursor: pointer;
  text-align: left;
  width: 90%;
  margin-top: 2px;
}

.listHide {
  background: url(./image/arrowGreenLeft.png);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  display: inline-block;
  color: #2b3e42;
  background-position: right;
  cursor: pointer;
  text-align: left;
  width: 90%;
  margin-top: 2px;
}

.groupTable {
  width: 500px;
  border: #2b3e42 1px solid;
  border-radius: 5px;
  background: #eef0eb;
  font-size: 13px;
  padding: 5px;
}

.groupItem {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 10px;
}

.groupTitle {
  cursor: pointer;
  color: #2b3e42;
}

.groupListShow {
  background: url(./image/arrowGreenDown.png);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  display: inline-block;
  color: #2b3e42;
  background-position: left;
  cursor: pointer;
  text-align: left;
  width: 10px;
  margin-top: 2px;
}

.groupListHide {
  background: url(./image/arrowGreenLeft.png);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  display: inline-block;
  color: #2b3e42;
  background-position: left;
  cursor: pointer;
  text-align: left;
  width: 10px;
  margin-top: 2px;
}

.groupSelectInfo {
  font-size: 11px;
  font-weight: normal;
  color: #999;
  text-align: left;
  width: 490px;
  border: #e4b364 solid 2px;
  border-radius: 5px;
  padding: 3px;
}

.groupSelectBtn {
  background-image: url("./image/check0.png");
  width: 22px;
  height: 22px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  color: #999;
  background-color: #eee;
  border: #ccc solid 2px;
  background-position: -3px -1px;
}

.groupSelectBtn:hover {
  border: #eee solid 2px;
}

.groupItemDot {
  background-image: url("./image/dot.png");
  width: 12px;
  height: 12px;
  background-size: 4px 4px;
  background-repeat: no-repeat;
  background-position: 0 5px;
  margin-left: 5px;
}

.groupOpenBtn {
  background-image: url("./image/list1.png");
  height: 42px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  color: #666;
  background-color: #eef0eb;
  border-radius: 5px;
  border: #ccc solid 2px;
  background-position: 3px 4px;
  float: right;
}

.groupOpenBtn:hover {
  border: #bcc5b3 solid 2px;
  color: #2b3e42;
}

.closeWindowBtn {
  text-decoration: none;
  background-color: #eef0eb;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px;
  font-size: 9pt;
  font-weight: bold;
  color: #2b3e42;
}

.disciplineLabel {
  text-align: left;
  font-size: 17px;
  padding: 3px 7px 3px 5px;
  font-weight: bold;
  color: #000;
}

.ui-menu-item {
  font-size: 11px;
}

.secondaryLinksSelected {
  padding: 0px 5px;
}

.secondaryLinksSelected a {
  text-decoration: none;
  background-color: #bcc5b3;
  color: #2b3e42;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px;
  font-size: 9pt;
  font-weight: bold;
}

.optionalMetaTitle {
  border-bottom: #999 1px solid;
  background: url(./image/arrow_left.png);
  background-repeat: no-repeat;
  background-position: 10px 12px;
  cursor: pointer;
  text-align: left;
  font-weight: bold;
  padding: 20px 0 10px 20px;
  margin-left: 20px;
  color: #666;
}

.optionalMetaTitle:hover {
  color: #000;
}

.optionalMetaTitleHide {
  background: url(./image/arrow_down.png);
  background-repeat: no-repeat;
  background-position: 10px 12px;
  cursor: pointer;
  text-align: left;
  font-weight: bold;
  padding: 20px 0 10px 20px;
  margin-left: 20px;
  color: #000;
}

.optionalMetaHint {
  margin: 40px 10px 0 40px;
}

.calendarIco {
  float: left;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  margin-top: 1px;
  text-align: left;
  background-position: left;
}

.optionalMetaHint {
  margin: 40px 10px 0 40px;
}

.propPlace {
  float: right;
  position: relative;
  right: 29px;
}

.propPlaceFix {
  float: right;
  position: relative;
}

.submitRoleNameHeader {
  text-align: left;
  font-size: 14px;
  color: #669999;
  font-style: italic;
}

.helpIcon {
  background: url(./image/itemOptions/help.png) no-repeat;
  display: inline-block;
  background-size: 16px 16px;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  cursor: pointer;
}

.hintTooltip {
  width: 2%;
  padding: 0;
}

.metadataDisc {
  margin-bottom: 0px;
  width: 100%;
  border-radius: 5px;
}

.metadataDisc td {
  border: #000 0px solid;
}

.formDeleteIcon {
  background: url(./image/form-del.gif) no-repeat;
  display: inline-block;
  background-size: 32px 32px;
  height: 34px;
  width: 34px;
  margin-left: 5px;
  cursor: pointer;
  background-position: right;
  border-radius: 5px;
}

.formDeleteIcon:hover {
  border: #ccc 1px solid;
}

.formAddIcon {
  background: url(./image/form-add.gif) no-repeat;
  display: inline-block;
  background-size: 32px 32px;
  height: 34px;
  width: 34px;
  margin-left: 5px;
  cursor: pointer;
  background-position: right;
  border-radius: 5px;
}

.formAddIcon:hover {
  border: #ccc 1px solid;
}

.formAddInfo {
  font-size: 11px;
  font-weight: normal;
  color: #999;
  text-align: left;
}

.formDeleteIconS {
  background: url(./image/lineDel.gif) no-repeat;
  display: inline-block;
  background-size: 32px 16px;
  height: 18px;
  width: 34px;
  margin-right: 5px;
  cursor: pointer;
  background-position: right;
  border-radius: 5px;
  vertical-align: top;
}
.formDeleteIconS :hover {
  border: #ccc 1px solid;
}

.license-desc {
  font-size: 17px;
}

.formAddInfoS {
  font-size: 11px;
  font-weight: normal;
  color: #999;
}

.submitSubTitle {
  font-size: 22px;
  font-weight: bold;
  padding: 5px;
  color: #0f6269;
  border-radius: 5px;
  text-align: left;
}

.submitSubTitle.licence {
  display: inline-block;
}

.submitSubTitleRev {
  font-weight: bold;
  padding: 5px 10px;
  border: #fff 1px solid;
  border-top: none;
  border-right: none;
  color: #0f6269;
  width: 40%;
  border-radius: 5px;
}

.submitSubTitleFile {
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  border: #fff 1px solid;
  border-top: none;
  border-right: none;
  color: #0f6269;
  width: 40%;
  border-radius: 5px;
}

.submitInfo {
  font-weight: normal;
  font-size: 10px;
  color: #0f6269;
}

.submitReviewTable tr.even td.submitSubTitleRev {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  border: #fff 1px solid;
  border-top: none;
  border-right: none;
  color: #0f6269;
  width: 40%;
}

.submitReviewTable tr.odd td.submitSubTitleRev {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  border: #fff 1px solid;
  border-top: none;
  border-right: none;
  color: #0f6269;
  width: 40%;
}

.itemSeparator td {
  background-color: #fff;
  height: 1px;
}

.itemCategory td {
  font-size: 13px;
  font-weight: bold;
  background-color: #fff;
  padding: 5px;
  border: #c2dbe3 2px solid;
  border-top: none;
  border-right: none;
  color: #0f6269;
  border-radius: 5px;
  cursor: pointer;
}

.listTitle {
  letter-spacing: 0.02em;
  padding-top: 4px;
  color: #2b3e42;
  border-bottom: #ccc 1px dashed;
  color: #2e5f6c;
  display: inline-block;
  text-transform: uppercase;
  font-style: none;
}

.labelSeperator {
  display: none;
}

.listMetadata a {
  color: #333;
}

.listMetadata {
  color: #000;
  font-style: none;
  width: 100%;
  display: block;
}

#t2 .listTitle {
  display: none;
}

#t2 .listMetadata a {
  font-weight: bold;
  color: #2e5f6c;
  font-size: 14px;
}

#t2 .listMetadata a:hover {
  color: #000;
}

.bannerSection {
  height: 150px;
}

.infoHome {
  font-size: 12px;
  font-weight: 500;
  color: #4d6267;
}

.ac_results {
  padding: 0px;
  border: 1px solid WindowFrame;
  background-color: Window;
  overflow: hidden;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results iframe {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: mask();
  width: 3000px;
  height: 3000px;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: pointer;
  display: block;
  width: 100%;
  font: menu;
  font-size: 120%;
  overflow: hidden;
}

.ac_over {
  background-color: Highlight;
  color: HighlightText;
}

.userContent {
  background: #eaeaea;
  margin: 20px;
  padding: 20px;
  width: 90%;
  border: #ccc 1px solid;
  border-radius: 10px;
  text-align: left;
}

.userInfoName {
  color: #445356;
  font-weight: bold;
  margin-top: 4px;
}

.userInfoData {
  color: #697c81;
  font-weight: bold;
  font-size: 11px;
  margin-top: 4px;
}

.userInfoContact {
  color: #697c81;
  font-weight: normal;
  font-size: 10px;
  margin-top: 4px;
}

.userInfoBio {
  color: #666;
  font-weight: normal;
  margin-top: 10px;
  text-align: justify;
  width: 98%;
}

.userInfoPhoto {
  float: left;
  margin-right: 20px;
  height: 120px;
}

.userPage {
  width: 1000px;
  background: #c9d0d0;
  border-radius: 10px;
  margin-top: 20px;
  padding: 10px 0;
}

.userHeader {
  background: #fff;
  width: 90%;
  border-radius: 10px;
  margin: 20px;
  padding: 20px;
  text-align: left;
}

.userHeaderLogo {
  height: 100px;
  border: #ccc 1px solid;
  float: left;
  margin-right: 20px;
}

.userHeaderTitle {
  font-weight: bold;
  font-size: 1.6rem;
  color: #445356;
  margin-bottom: 2px;
}

.userHeaderSubtitle {
  font-weight: bold;
  font-size: 10pt;
  color: #445356;
  padding-bottom: 5px;
}

/*--------------------SORTABLE TABLE SAMPLE STYLES-------------------------*/
th.descend {
  background-image: url(images/arrow_up.png);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  padding-right: 17px;
  cursor: pointer;
}

th.ascend {
  background-image: url(images/arrow_down.png);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  padding-right: 17px;
  cursor: pointer;
}

th.sortable_table_header {
  padding-right: 17px;
  cursor: pointer;
}

.msgContainer {
  width: 80%;
  background-color: #eef0eb;
  border-radius: 10px;
  padding: 10px 20px 20px 20px;
}

.formContainer {
  width: 60%;
  background-color: #eef0eb;
  border-radius: 10px;
  padding: 10px 20px 20px 20px;
  margin-left: 20px;
}

.formfield {
  border-radius: 5px;
  border: #bcc5b3 2px dotted;
}

.assignments {
  margin-left: 40px;
  width: 90%;
  background-color: #fff;
  border: #eef0eb 4px solid;
  border-radius: 10px;
  padding: 5px 5px 5px 5px;
}

.editing {
  margin-left: 40px;
  width: 90%;
  background-color: #fff;
  border: #fee5d8 4px solid;
  border-radius: 10px;
  padding: 5px 5px 5px 5px;
}

.uploadDelete {
  margin-left: 40px;
  width: 90%;
  background-color: #fff;
  border: #d0e4ea 4px solid;
  border-radius: 10px;
  padding: 5px 5px 5px 5px;
}

.relation-hasRelation {
  display: none;
}

.relation-isPartOf {
  display: none;
}

#ajaxParams {
  display: none;
}

.ccIcon {
  float: left;
  margin-right: 10px;
}

.licenseLink {
  text-decoration: underline;
  cursor: pointer;
  font-size: 10px;
  color: #e4b364;
  margin-left: 8px;
}

.lisenceText {
  font-size: 11px;
  text-align: justify;
  margin-bottom: 5px;
  margin-left: 8px;
}

.licenceUrl a img {
  padding-left: 0px;
  float: left;
  margin-right: 10px;
}

.licenceUrl a {
  color: #999;
}

.level1 a {
  font-size: 11px;
  color: #2b3e42;
  cursor: pointer;
}

.level2 a {
  font-size: 11px;
  color: #2b3e42;
  cursor: pointer;
}

.level3 a {
  font-size: 11px;
  color: #2b3e42;
  cursor: pointer;
}

.level1 {
  padding: 20px;
}

#expandLink {
  font-weight: bold;
  font-size: 11px;
}

#collapseLink {
  font-weight: bold;
  font-size: 11px;
}

.plevel1 a {
  font-size: 11px;
  color: #2b3e42;
  cursor: pointer;
}

.plevel2 a {
  font-size: 11px;
  color: #2b3e42;
  cursor: pointer;
}

.plevel3 a {
  font-size: 11px;
  color: #2b3e42;
  cursor: pointer;
}

.plevel1 {
  padding: 20px;
}

#pedTree {
  background-color: #bcc5b3;
}

#pexpandLink {
  font-weight: bold;
  font-size: 11px;
}

#pcollapseLink {
  font-weight: bold;
  font-size: 11px;
}

/**************communities browse html********************/
.main {
  width: 795px;
  height: 1000px;
  display: inline-block;
}

.browseCollectionsWrapper {
  width: 795px;
  height: 1300px;
  display: inline-block;
  margin-left: 5%;
}

.l0 {
  float: left;
  margin: 5px;
  font: verdana;
  padding: 5px;
  cursor: pointer;
  height: 14px;
  font-size: 12px;
  color: #fff;
  background-color: #ccc;
  border: none;
  border-bottom: #ccc 5px solid;
  font-weight: bold;
}

.l0:hover {
  color: #fff;
  background-color: #aaa;
  border: none;
  border-bottom: #aaa 5px solid;
  font-weight: bold;
}

.activeL0 {
  color: #fff;
  background-color: #999;
  border: none;
  border-bottom: #999 5px solid;
  font-weight: bold;
}

.l1 {
  float: left;
  margin: 5px;
  border: 3px #ccc solid;
  border-radius: 5px;
  font: verdana;
}

.l1info {
  padding: 8px;
  cursor: pointer;
  height: 130px;
}

.l1:hover {
  background-color: #f9f9f9;
}

.l1 img {
  width: 150px;
}

.l1 .title {
  color: #999;
  font-size: 11px;
  max-width: 150px;
}

.l1wrapper {
  height: 190px;
  display: inline-block;
}

.sublink {
  cursor: pointer;
  font-weight: bold;
  font-size: 9px;
  color: #fff;
  border: 1px #eee solid;
  border-radius: 5px;
  background-color: #999;
  position: relative;
  top: -10px;
  padding: 4px;
  display: none;
  width: 80%;
  left: 10px;
  text-align: right;
}

.sublink:hover {
  background-color: #666;
}

.l2 {
  float: left;
  margin: 4px;
  border: 3px #ccc solid;
  padding: 8px;
  display: block;
  cursor: pointer;
  border-radius: 5px;
}

.l2:hover {
  background-color: #f9f9f9;
}

.l2 img {
  width: 150px;
}

.l2 .title {
  color: #999;
  font-size: 11px;
  max-width: 150px;
}

.l2wrapper {
  height: 190px;
  display: inline-block;
}

.l1info {
  height: 130px;
}

.l3 {
  float: left;
  margin: 3px;
  border: 1px #ccc solid;
  padding: 2px 5px;
  display: block;
  font-size: 9px;
  color: #ccc;
  border-radius: 2px;
}

.description {
  font-size: 11px;
  color: #999;
  display: none;
  max-width: 150px;
}

.thumb {
  border: 3px #eee solid;
  border-radius: 5px;
  margin: 5px 0px;
  width: 95%;
}

.loader {
  height: 11px;
}

.url {
  display: none;
}

.summary {
  float: left;
  color: #999;
  font-size: 10px;
  border-left: #999 2px dotted;
  vertical-align: top;
  width: 120px;
  text-align: left;
  padding-left: 8px;
  margin: 140px 0px;
}

#container1,
#container2 {
  text-align: left;
  clear: both;
}

#container0 {
  clear: both;
  padding: 0;
  border-bottom: 3px #ccc solid;
  display: block;
  height: 32px;
}

.tab {
  border: #ccc 1px solid;
  border-radius: 5px;
  padding: 5px;
  color: #999;
  font-size: 12px;
  cursor: pointer;
  display: none;
  margin-right: 5px;
}

#tabs {
  display: block;
  height: 20px;
  clear: both;
  margin: 20px 10px;
  text-align: left;
}

/**************---/communities browse html********************/
.subjectTabs {
  color: #2b3e42;
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
  height: 20px;
}

.subjectTabsWrapper {
  clear: both;
  width: 100%;
  padding-left: 70px;
  display: block;
  text-align: left;
  white-space: break-spaces;
  overflow-wrap: break-word;
}

.photoTabDsch {
  background-color: #eee;
  padding: 5px;
  padding-left: 0px;
  border-radius: 5px;
  border: #ccc 2px solid;
  font-size: 12px;
  font-weight: bold;
  color: #ccc;
  cursor: pointer;
}

.photoTabDschActive {
  background-color: #e2f1f6;
  padding: 5px;
  padding-left: 0px;
  border-radius: 5px;
  border: #84c3d4 2px solid;
  font-size: 12px;
  font-weight: bold;
  color: #84c3d4;
  cursor: pointer;
}

.photoTabVideoActive {
  background-color: #bcc5b3;
  padding: 5px;
  border-radius: 5px;
  border: #2b3e42 2px solid;
  font-size: 12px;
  font-weight: bold;
  color: #2b3e42;
  cursor: pointer;
}

.photoTabVideo {
  background-color: #eee;
  padding: 5px;
  border-radius: 5px;
  border: #ccc 2px solid;
  font-size: 12px;
  font-weight: bold;
  color: #ccc;
  cursor: pointer;
}

.photoTabsWrapper {
  float: left;
  display: inline;
  margin: 10px;
}

.photoTabsWrapper a {
  text-decoration: none;
}

.newsBox {
  padding: 15px;
  text-align: justify;
  color: #2b3e42;
  background: #eef0eb;
  border: #bcc5b3 1px solid;
  border-radius: 15px;
}

.personInfoWrapper {
  width: 110px;
  border: #ccc 1px solid;
  border-radius: 5px;
  margin-left: 20px;
  margin-top: 20px;
  padding: 10px;
  cursor: pointer;
  display: inline-block;
}

.personName {
  font-size: 11px;
  margin-top: 5px;
  font-weight: bold;
  color: #4d6267;
}

.personRole {
  font-size: 10px;
  color: #84c3d4;
}

.personPageWrapper {
  text-align: left;
  padding: 10px;
  display: default;
  border: #ccc 0px solid;
  width: 500px;
  border-radius: 5px;
  background-color: #eef0eb;
}

.personPageName {
  font-size: 16px;
  border: 2px #cc9933 dotted;
  border-radius: 5px;
  padding: 5px;
  background-color: #fff;
  clear: both;
  font-weight: bold;
  font-size: 18px;
}

.personPageImg {
  width: 130px;
  margin: 10px;
  border: #bcc5b3 3px solid;
  border-radius: 3px;
}

.personPageHeader {
  color: #2b3e42;
  background-color: #fff;
  padding: 3px;
  border-radius: 3px;
  font-weight: bold;
  border-bottom: #bcc5b3 2px solid;
  margin: 10px 0 0 0;
}

.personPageInfo {
  color: #666;
  font-weight: normal;
  margin-top: 10px;
  text-align: justify;
  width: 98%;
  margin: 2px 2px 2px 5px;
}

#cc_js_jurisdiction_box {
  display: none;
}

#license_title {
  width: 400px;
}

#license_title_label {
  margin-left: 10px;
  font-weight: bold;
}

.cc_js_cc-info {
  font-size: 9pt;
}

#license_title_label {
  font-size: 9pt;
  color: #07383c;
  font-style: italic;
}

#unknownLisenceText {
  padding: 10px;
  color: #e09928;
  font-size: 11px;
  font-weight: bold;
  text-align: justify;
  width: 80%;
}

#licensePrototype {
  padding-left: 30px;
  background-image: url(image/copyText.png);
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
  margin-top: 45px;
}

#cc_js_lic-menu {
  font-size: 10px;
}

#ccDiv {
  width: 500px;
}

#cc_js_want_cc_license_at_all {
  font-size: 12px;
  color: #07383c;
  font-weight: bold;
  padding-bottom: 5px;
}

/************** Skin 1 *********************/
.dd {
  text-align: left;
  background-color: #fff;
  font-size: 12px;
  float: left;
}

.dd .ddTitle {
  background: #f2f2f2;
  border: 1px solid #c3c3c3;
  padding: 3px;
  text-indent: 0;
  cursor: default;
  overflow: hidden;
  height: 40px;
}

.dd .ddTitle span.arrow {
  background: url(images/dd_arrow.gif) no-repeat 0 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.dd .ddTitle span.ddTitleText {
  text-indent: 1px;
  overflow: hidden;
  line-height: 16px;
  font-size: 10px;
}

.dd .ddTitle span.ddTitleText img {
  text-align: left;
  padding: 0 2px 0 0;
}

.dd .ddTitle img.selected {
  padding: 0 3px 0 0;
  vertical-align: top;
}

.dd .ddChild {
  position: absolute;
  border: 1px solid #c3c3c3;
  border-top: none;
  display: none;
  margin: 0;
  width: auto;
  overflow: auto;
  overflow-x: hidden !important;
  background-color: #ffffff;
}

.dd .ddChild .opta a,
.dd .ddChild .opta a:visited {
  padding-left: 10px;
}

.dd .ddChild a {
  display: block;
  padding: 2px 0 2px 3px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.dd .ddChild a:hover {
  background-color: #66ccff;
}

.dd .ddChild a img {
  border: 0;
  padding: 0 2px 0 0;
  vertical-align: middle;
}

.dd .ddChild a.selected {
  background-color: #66ccff;
}

.hidden {
  display: none;
}

/************** Skin 2 *********************/
.dd2 {
  text-align: left;
  background-color: #fff;
  font-size: 12px;
  float: left;
}

.dd2 .ddTitle {
  background: transparent url(/images/msDropDown.gif) no-repeat;
  padding: 0 3px;
  text-indent: 0;
  cursor: default;
  overflow: hidden;
  height: 36px;
}

.dd2 .ddTitle span.arrow {
  background: transparent url(images/icon-arrow.gif) no-repeat 0 0;
  display: inline-block;
  width: 27px;
  height: 27px;
  cursor: pointer;
  top: 5px;
  position: relative;
  right: 2px;
}

.dd2 .ddTitle span.ddTitleText {
  text-indent: 1px;
  overflow: hidden;
  line-height: 33px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.dd2 .ddTitle span.ddTitleText img {
  text-align: left;
  padding: 0 2px 0 0;
}

.dd2 .ddTitle img.selected {
  padding: 0 2px 0 0;
  vertical-align: top;
}

.dd2 .ddChild {
  position: absolute;
  border: 1px solid #c3c3c3;
  border-top: none;
  display: none;
  margin: 0;
  width: auto;
  overflow: auto;
  overflow-x: hidden !important;
  background-color: #ffffff;
  font-size: 14px;
}

.dd2 .ddChild .opta a,
.dd2 .ddChild .opta a:visited {
  padding-left: 10px;
}

.dd2 .ddChild a {
  display: block;
  padding: 3px 0 3px 3px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.dd2 .ddChild a:hover {
  background-color: #66ccff;
}

.dd2 .ddChild a img {
  border: 0;
  padding: 0 2px 0 0;
  vertical-align: middle;
}

.dd2 .ddChild a.selected {
  background-color: #66ccff;
}

/************* use sprite *****************/
.dd .ddChild a.sprite,
.dd .ddChild a.sprite:visited {
  background-image: url(icons/sprite.gif);
  background-repeat: no-repeat;
  padding-left: 24px;
}

.dd .ddChild a.calendar,
.dd .ddChild a.calendar:visited {
  background-position: 0 -404px;
}

.dd .ddChild a.shoppingcart,
.dd .ddChild a.shoppingcart:visited {
  background-position: 0 -330px;
}

.dd .ddChild a.cd,
.dd .ddChild a.cd:visited {
  background-position: 0 -439px;
}

.dd .ddChild a.email,
.dd .ddChild a.email:visited {
  background-position: 0 -256px;
}

.dd .ddChild a.faq,
.dd .ddChild a.faq:visited {
  background-position: 0 -183px;
}

.dd .ddChild a.games,
.dd .ddChild a.games:visited {
  background-position: 0 -365px;
}

.dd .ddChild a.music,
.dd .ddChild a.music:visited {
  background-position: 0 -146px;
}

.dd .ddChild a.phone,
.dd .ddChild a.phone:visited {
  background-position: 0 -109px;
}

.dd .ddChild a.graph,
.dd .ddChild a.graph:visited {
  background-position: 0 -73px;
}

.dd .ddChild a.secured,
.dd .ddChild a.secured:visited {
  background-position: 0 -37px;
}

.dd .ddChild a.video,
.dd .ddChild a.video:visited {
  background-position: 0 0;
}

.ui-first-level {
  font-weight: 900;
  font-size: 12px;
  color: #000;
  background-image: url(image/dot-icon-l1.png);
  background-repeat: no-repeat;
  background-position: 3px 4px;
  background-size: 7px 7px;
}

.ui-second-level {
  font-weight: 500;
  font-size: 11px;
  color: #333;
  background-image: url(image/dot-icon-l2.png);
  background-repeat: no-repeat;
  background-position: 22px 5px;
}

.ui-third-level {
  font-weight: 300;
  font-size: 10px;
  color: #666;
  background-image: url(image/dot-icon-l3.png);
  background-repeat: no-repeat;
  background-position: 42px 7px;
}

/*******************************/
.newTabLink {
  color: #e4b364;
  background-image: url(image/itemOptions/viewNew.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-color: #fff;
  display: inline-block;
  background-position: right center;
  padding-right: 20px;
  margin-left: 30px;
  font-size: 11px;
  text-align: right;
  vertical-align: top;
  text-decoration: none;
}

.newTabLinkDisabled {
  color: #a4a19c;
  background-image: url(image/itemOptions/viewNewDisabled.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-color: #fff;
  display: inline-block;
  background-position: right center;
  padding-right: 20px;
  margin-left: 30px;
  font-size: 11px;
  margin-right: 5px;
  text-align: right;
  vertical-align: top;
  cursor: default;
}

.downloadLink {
  color: #e4b364;
  background-image: url(image/itemOptions/downloadEnabled.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-color: #fff;
  display: inline-block;
  background-position: right center;
  padding-right: 22px;
  font-size: 11px;
  margin-right: 48px;
  text-align: right;
  vertical-align: top;
  text-decoration: none;
  margin-left: 20px;
}

.externalLink {
  background-image: url(image/itemOptions/externalLinkOR.png);
  background-repeat: no-repeat;
  background-size: 12px;
  display: inline-block;
  background-position: right center;
  padding-right: 22px;
  margin-left: 30px;
  font-size: 11px;
  margin-right: 48px;
  color: #e4b364;
}

.DownloadLinkM {
  background-image: url(image/itemOptions/downloadEnabled.png);
  background-repeat: no-repeat;
  background-size: 12px;
  display: inline-block;
  background-position: right center;
  padding-right: 22px;
  margin-left: 30px;
  font-size: 11px;
  margin-right: 48px;
  color: #e4b364;
}

.siteSlogan {
  font-weight: bold;
  color: #23534e;
  position: relative;
  top: -15px;
  left: -333px;
  font-size: 10px;
  display: none;
}

.copyLicenceImg {
  cursor: pointer;
}

.copyLicenceText {
  color: #2b3e42;
  cursor: pointer;
  font-size: 9px;
  width: 30px;
  text-decoration: underline;
}

.infoBoxHome {
  width: 40%;
  display: inline-block;
  margin-left: 15px;
  vertical-align: top;
}

.workspaceLocationBar {
  float: left;
}

.warningConstruction {
  border: #e4b364 solid 4px;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
  font-weight: bold;
  color: #e4b364;
  margin: 10px 40px;
  width: 90%;
}

.sponsorsText {
  color: #999;
  font-size: 9px;
  width: 90%;
  text-align: center;
  padding-left: 40px;
  position: relative;
  top: 35px;
  z-index: 100;
}

.sponsorsText a {
  color: #666;
  cursor: pointer;
}

.wrapperBox {
  width: 90%;
  padding: 20px;
  text-align: justify;
  font-size: 10pt;
  color: #2b3e42;
  border-radius: 10px;
  background-color: #fff;
}

.el_lang,
.en_lang,
.fr_lang,
.de_lang,
.it_lang,
.ca_lang {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 16px;
  display: inline-block;
  cursor: pointer;
}

.el_lang {
  background-image: url(image/lang/el1.png);
}

.en_lang {
  background-image: url(image/lang/en.png);
}

.fr_lang {
  background-image: url(image/lang/fr.png);
}

.de_lang {
  background-image: url(image/lang/de.png);
}

.it_lang {
  background-image: url(image/lang/it.png);
}

.ca_lang {
  background-image: url(image/lang/ca.png);
}

.el_lang.active {
  background-image: url(image/lang/elActive.png);
}

.en_lang.active {
  background-image: url(image/lang/enActive.png);
}

.fr_lang.active {
  background-image: url(image/lang/frActive.png);
}

.de_lang.active {
  background-image: url(image/lang/deActive.png);
}

.it_lang.active {
  background-image: url(image/lang/itActive.png);
}

.ca_lang.active {
  background-image: url(image/lang/caActive.png);
}

.loginLink a {
  text-decoration: underline;
  cursor: pointer;
  font-size: 11px;
  color: #2b3e42;
  float: right;
  margin: 5px 20px;
}

.metadatLangWrapper {
  float: right;
}

.licenceText {
  width: 98%;
  padding: 3px;
}

.creativeCommonsText {
  background: none repeat scroll 0 0 #e2f1f6;
  margin-top: 10px;
  text-align: left;
  border: none;
  height: 100px;
}

#searchtrigger {
  background-image: url(image/search_results_icon.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 60px 0px;
  background-color: #fff;
  width: 80%;
  padding-left: 40px;
  display: block;
  cursor: pointer;
}

.previewBox {
  border: #84c3d4 2px dotted;
  border-radius: 5px;
  margin: 5px;
  padding-bottom: 15px;
  width: 90%;
  background-color: #f3f8f9;
  text-align: left;
}

.submitInitTable {
  border-radius: 5px;
}

.submitInitTable td {
  border-radius: 5px;
}

#previewButton {
  float: left;
  display: block;
  background-color: #fff;
  border: #e09928 2px solid;
  padding: 3px;
  border-radius: 5px;
  margin-left: 10px;
  cursor: pointer;
}

#previewButton:hover {
  color: #e09928;
}

/*********************************/
#generalMetadataGroup {
  background-color: #f9f5f2;
}

.stampLicenseContainer {
  width: 100%;
  clear: both;
  padding: 20px;
}

.stamp img {
  float: left;
  width: 10%;
  margin-top: 5px;
}

.stamp div {
  display: inline-block;
  font-size: 10px;
  vertical-align: center;
  padding-left: 5px;
  padding-left: 5px;
  width: 30%;
  margin-top: 20px;
}

.license_url img {
  float: left;
  width: 60%;
  margin-right: 10px;
  cursor: pointer;
}

.license_title {
  font-size: 13px;
  font-weight: bold;
  margin-top: 0px;
  display: inline-block;
  width: 83%;
  text-align: left;
  cursor: pointer;
  vertical-align: top;
}

.license_descr {
  font-size: 13px;
  vertical-align: top;
  text-align: left;
  width: 84.7%;
  display: inline-block;
  position: relative;
  left: 9px;
}

.metadataLangWrapper {
  float: right;
}

.thumpItemc {
  display: inline-block;
}

.loThumbWrapper a {
  display: table-cell;
  width: 160px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
}

.thumpItemc img {
  max-width: 150px;
}

.loThumbWrapper {
  display: table-cell;
  border: #ccc 1px solid;
  width: 160px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
}

.loThumbWrapper:hover {
  border: #999 1px solid;
}

#certifierWrapper {
  margin-left: 40px;
  width: 30%;
}

#licenseWrapper {
  margin-right: 22px;
}

#rights_label {
  margin-bottom: 5px;
}

.myQR img {
  width: 32px;
}

.itemBannerWrapper {
  margin-left: 42px;
  width: 92%;
  clear: both;
}

.itemMenuOptions div {
  display: inline-block;
}

#admin_edit_lo {
  width: 32px;
  display: inline-block;
}

.itemMenuButton {
  width: 32px;
}

.itemMenuTitle {
  color: #ffffff;
  background-color: #1b8d97;
  font-size: 22px;
  vertical-align: top;
  padding: 2px 5px 2px 40px;
  display: inline-block;
  margin-right: 7px;
}

@-moz-document url-prefix() {
  .itemMenuTitle {
    padding: 4px 5px 0px 40px;
  }
}
#itemMenuUse,
#itemMenuShare,
#itemMenuAdmin {
  clear: both;
  margin: 5px 0;
}

#itemMenuShare div.itemMenuTitle {
  background-color: #a9b56c;
  padding-left: 60px;
}

.ie #itemMenuShare div.itemMenuTitle {
  padding-left: 0px;
}

#itemMenuAdmin div.itemMenuTitle {
  background-color: #ec874f;
  padding-left: 20px;
  display: inline-block;
}

.itemMenuOptions {
  display: inline-block;
  width: 120px;
}

.loTitle {
  margin-left: 40px;
  color: #2b3e42;
  font-size: 28px;
  padding-top: 0px;
  margin-top: 0;
  font-weight: normal;
}

.upTitle {
  font-size: 14px;
  margin-left: 40px;
  color: #666;
  border-bottom: #999 1px solid;
  display: inline-block;
}

/*********************/
.locationBar a {
  background-color: #fff;
  color: #666;
  font-size: 11px;
  padding: 1px;
  font-weight: normal;
}

.locationBar a:hover {
  background-color: #fff;
  color: #333;
  font-size: 11px;
  text-decoration: underline;
}

p.locationBar {
  padding-bottom: 2px;
  border-bottom: #eee 1px dashed;
  border-top: #eee 1px dashed;
  padding-top: 2px;
  margin-bottom: 20px;
}

#myCookieConsent {
  z-index: 999;
  min-height: 20px;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  position: fixed;
  color: #fff;
  bottom: 0px;
  right: 10px;
  display: none;
  left: 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: inherit !important;
  width: 100% !important;
}

#myCookieConsent div {
  padding: 5px 0 0;
}

#myCookieConsent a {
  display: inline-block;
  padding: 4px 12px !important;
  margin-left: 0.9em;
  margin-bottom: 0;
  margin-left: 0.3em;
  line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  font-style: normal;
  vertical-align: middle;
  cursor: pointer;
  color: #242323;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e1e0da;
  background-repeat: repeat-x;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 13px;
  text-decoration: none;
  border-radius: 3px;
  outline: none;
  font-weight: normal !important;
  font-family: inherit !important;
}

#myCookieConsent a:hover {
  background-color: #46797a;
  color: #fff;
}

#myCookieConsent a#cookieButton {
  display: inline-block;
  padding: 4px 12px !important;
  margin-left: 1.9em;
  margin-bottom: 0;
  line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  font-style: normal;
  vertical-align: middle;
  cursor: pointer;
  color: #242323;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e1e0da;
  background-repeat: repeat-x;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 13px;
  text-decoration: none;
  border-radius: 3px;
  outline: none;
  font-weight: normal !important;
  font-family: inherit !important;
}

#myCookieConsent a#cookieButton:hover {
  background-color: #46797a;
  color: #fff;
}

@media screen\0  {
  #itemMenuShare div.itemMenuTitle {
    padding-left: 10px;
  }
}
@media screen and (min-width: 0\0 ) {
  #itemMenuShare div.itemMenuTitle {
    padding-left: 10px;
  }
}
#taxonTree a {
  font-size: 11px;
}

#lrtsearchtrigger,
#taxonsearchtrigger {
  color: #fff;
  display: inline-block;
  padding: 10px 10px 15px 60px;
  border-radius: 5px;
  margin-bottom: 40px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  background-color: #2e5f6c;
  -webkit-box-shadow: inset 0px 1px 0px #666, 0px 2px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #666, 0px 2px 5px #999;
  box-shadow: inset 0px 1px 0px #666, 0px 2px 5px #999;
  opacity: 0.7;
  background-image: url(../../custom-images/searchIconW.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 40px 40px;
}

#lrtsearchtrigger:hover,
#taxonsearchtrigger:hover {
  -webkit-box-shadow: inset 0px 1px 0px #666, 0px 2px 5px #777;
  -moz-box-shadow: inset 0px 1px 0px #666, 0px 2px 5px #777;
  box-shadow: inset 0px 1px 0px #666, 0px 2px 5px #777;
  opacity: 0.9;
}

#lrtsearchtrigger span,
#taxonsearchtrigger span {
  font-size: 20px;
}

.contactWrapper {
  margin: 10px 50px;
  background-color: #d8f0f7;
  border-radius: 10px;
  padding: 10px;
  cursor: default;
  width: 70%;
}

.contactWrapper h3 {
  color: #4d6267;
  margin-top: 10px;
}

.contactCordinator {
  font-size: 9pt;
  color: #2b3e42;
  margin-left: 0px;
}

.contactLabel {
  font-size: 9pt;
  margin-left: 0px;
  color: #2b3e42;
  font-weight: 700;
}

.contactInstitute {
  font-size: 10pt;
  color: #2b3e42;
}

.contactLogo {
  height: 100px;
  border: #ccc 1px solid;
  float: left;
  margin: 0px 20px 20px 20px;
}

.contactInfo {
  font-size: 8pt;
  color: #4d6267;
  font-weight: bold;
}

.coordInfoWrapper {
  display: inline-block;
  width: 40%;
}

#taxonTree li {
  text-align: left;
}

.resultsSearchTable #t2,
.resultsSearchTable #t3,
.resultsSearchTable #t4,
.resultsSearchTable #t5,
.resultsSearchTable #t6 {
  position: relative;
  margin-left: 200px;
  text-align: left;
  width: 75%;
  padding-top: 2px;
  cursor: default;
  font-size: 12px;
}

.resultsSearchTable #t2 {
  margin-top: 0;
}

.morepageslink {
  cursor: pointer;
  border-bottom: #666 1px solid;
  color: #666;
  background-image: url(image/arrow_left.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 5px;
  background-size: 22px 22px;
}

#morepages {
  display: none;
  margin-top: 3px;
}

.metarole {
  display: none;
}

#cpslider {
  width: 93%;
  height: 60px;
}

.sliderLabel {
  margin-bottom: 15px;
}

.sliderValue {
  display: none;
}

.slider1 {
  background-image: url(image/face1.png) !important;
  height: 24px !important;
  width: 22px !important;
  border: none !important;
  border-radius: 12px !important;
  background-position: center -1px !important;
}

.slider2 {
  background-image: url(image/face2.png) !important;
  height: 24px !important;
  width: 22px !important;
  border: none !important;
  border-radius: 12px !important;
  background-position: center -1px !important;
}

.slider3 {
  background-image: url(image/face3.png) !important;
  height: 24px !important;
  width: 22px !important;
  border: none !important;
  border-radius: 12px !important;
  background-position: center -1px !important;
}

.slider4 {
  background-image: url(image/face4.png) !important;
  height: 24px !important;
  width: 22px !important;
  border: none !important;
  border-radius: 12px !important;
  background-position: center -1px !important;
}

#slider-range {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}

.sliderTooltip {
  width: 200px;
}

#mySlider {
  width: 93%;
  margin-left: 8px;
}

.ui-state-hover {
  text-decoration: none;
}

.ui-state-disabled {
  padding: 10px 0px;
}

#tooltip {
  opacity: 0.91 !important;
}

.ccSpan {
  float: left;
}

#filterccTitle {
  float: left;
}

#infoSlder {
  color: #aaaaaa;
  float: left;
  font-weight: normal;
  width: 100%;
}

.ui-slider-handle {
  text-decoration: none !important;
}

.ui-slider-handle a {
  text-decoration: none !important;
}

#mySlider #slider-range .ui-state-default,
#mySlider #slider-range .ui-widget-content .ui-state-default,
#mySlider #slider-range.ui-slider-horizontal .ui-slider-handle {
  background-color: #fff;
}

#mySlider .ui-widget-content {
  top: -0.3em;
  margin-left: -0.6em;
}

#mySlider .ui-widget-content.val4 {
  background: #fff url(image/dropdown/ui-bg_glass_75_brownx400.png) 50% 50% repeat-x;
}

#mySlider .ui-widget-content.val3 {
  background: #fff url(image/dropdown/ui-bg_glass_75_yellowx400.png) 50% 50% repeat-x;
}

#mySlider .ui-widget-content.val2 {
  background: #fff url(image/dropdown/ui-bg_glass_75_greenx400.png) 50% 50% repeat-x;
}

#searchOR {
  font-size: 12px;
  display: none;
  width: 67%;
  margin-left: 10%;
  background-color: #fff7ed;
  padding: 20px 20px 20px 40px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #666;
  line-height: 20px;
}

#stamp-info {
  margin-top: 5px;
}

td#lifecycle-contribute-licensor,
td#metametadata-licensor,
td#lifecycle-contribute-publisher,
td#metametadata-publisher {
  text-align: left;
}

.addprojectbtn-item-ergo,
.addprojectbtn-meta-ergo {
  padding: 5px 0px 5px 30px;
  width: 240px;
  white-space: normal;
  position: relative;
  top: -60px;
}

.addprojectbtn-item-ergo {
  background-color: #f9e3bc;
  border: #f5c697 3px solid;
  background-image: url(./image/list2.png);
}

.addprojectbtn-meta-ergo {
  background-color: #eababa;
  border: #ce7d7d 3px solid;
  background-image: url(./image/list3.png);
}

.add_drasi {
  cursor: pointer;
  text-decoration: underline;
  color: #e09928;
  padding: 1px 0 1px 18px;
  margin-top: 3px;
  font-size: 11px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

.addnew {
  background-image: url(./image/add-plus.png);
}

.selectold {
  background-image: url(./image/select-dot.png);
}

.editTable#cat4 {
  background-color: #fff9ce;
  border-color: #f5c690;
  background-image: url(./image/bg2.png);
  background-repeat: repeat-y;
  background-position: center right;
}

.editTable#cat4 tr,
.editTable#cat4 td,
.editTable#cat4 tr td,
.editTable#cat3con tr,
.editTable#cat3con td,
.editTable#cat3con tr td,
.editTable#cat5 tr,
.editTable#cat5 td,
.editTable#cat5 tr td,
.editTable#extraSealsTable tr,
.editTable#extraSealsTable td,
.editTable#extraSealsTable tr td,
.editTable#cat6or tr,
.editTable#cat6or td,
.editTable#cat6or tr td {
  background: none;
}

.editTable#cat3con {
  background-color: #e6f3d1;
  border-color: #babb9c;
}

.editTable#extraSealsTable {
  background-color: #f1f3d1;
  border-color: #babb9c;
}

.editTable#cat6or {
  background-color: #e2d6e4;
  border-color: #e0afe8;
}

.editTable#cat5 {
  background-color: #eacbcb;
  border-color: #ce7d7d;
  background-image: url(./image/bg3.png);
  background-repeat: repeat-y;
  background-position: center right;
}

.submitSubTitle.project,
.submitSubTitle.metaproject,
.submitSubTitle.contributes,
.submitSubTitle.seals,
.submitSubTitle.publisher,
.submitSubTitle.table1,
.submitSubTitle.table2,
.submitSubTitle.table3,
.submitSubTitle.table4,
.submitSubTitle.table5,
.submitSubTitle.table6,
.submitSubTitle.table7,
.submitSubTitle.softwareOrigin,
.submitSubTitle.licence {
  border: none;
  border-radius: 0;
  color: #fff;
  text-shadow: 1px 1px #666666;
}

.submitSubTitle.table1 {
  background-color: #b0d1ed;
}

.submitSubTitle.table2 {
  background-color: #b3d4f1;
}

.submitSubTitle.table3 {
  background-color: #c0dffb;
}

.submitSubTitle.table4,
.submitSubTitle.table5,
.submitSubTitle.table6 {
  background-color: #c0e2ff;
}

.submitSubTitle.table7 {
  background-color: #b6b6b6;
}

.submitSubTitle.project {
  background-color: #f5c690;
}

.submitSubTitle.contributes {
  background-color: #babb9c;
}

.submitSubTitle.metaproject {
  background-color: #ce7d7d;
}

.submitSubTitle.publisher {
  background-color: #84c3d4;
}

.submitSubTitle.seals {
  background-color: #c8caaf;
}

.submitSubTitle.softwareOrigin {
  background-color: #cad2c8;
}

.submitSubTitle.licence {
  background-color: #d7a8d0;
}

#cat4tec.table .submitSubTitle.table3 {
  background-color: #b6b6b6;
}

.dropNameContainer {
  padding: 20px 0;
  width: 100%;
  border: #babb9c 2px dotted;
  border-radius: 5px;
}

.submitFieldLabel#lifecycle-contribute-licensor,
.submitFieldLabel#metametadata-licensor,
.submitFieldLabel#lifecycle-contribute-publisher,
.submitFieldLabel#metametadata-publisher {
  text-align: right;
}

.select_project_title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  color: #3e5839;
}

#cat4 .form-control,
#cat5 .form-control {
  width: 100% !important;
  margin-bottom: 20px;
}

#cat4 select,
#cat5 select {
  width: 460px !important;
}

.ui-autocomplete li {
  font-size: 16px !important;
}

td.disciplineLabel {
  width: 110px !important;
  position: relative;
  bottom: 7px;
}

table.table select {
  display: block;
  position: relative;
  top: -3px;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

table.lifecycle-contribute tr:nth-child(2n-1) {
  background-color: #f1f1f1;
}

.clear {
  clear: both;
}

.table.page1,
.table.page1 .table.first,
table.page1 .table.first table.metadataDisc.table {
  background-color: #e5f3ff;
}

#catb.table {
  background-color: #edf7ff;
}

#catc.table {
  background-color: #f1f9ff;
}

#catp.table,
#catj.table,
#catd.table {
  background-color: #f4fafe;
}

table#cat2.table,
table#cat1.table {
  background-color: #f1f1f1;
  margin: 0;
}

.table.page2 {
  background-color: #f6fced;
}

#cat4.table {
  background-color: #fcf9e7;
}

#cat5.table {
  background-color: #ffeaea;
}

#extraMetaTable.table {
  background-color: #f3fcff;
}

#extraSealsTable.table {
  background-color: #feffed;
}

#cat6or.table {
  background-color: #fffff6;
}

.tLicence.table {
  background-color: #fff9fe !important;
}

.table.page4,
.table.page4 table.metadataDisc.table {
  background-color: #f1f1f1 !important;
}

table#cat6.table.page3 tr.pink {
  background-color: #fff7fe !important;
}

table#cat4tec.table {
  background-color: #f1f1f1;
}

.table#cat0 tr.gray,
.table#cat9 tr.gray {
  display: none !important;
}

.btn-default {
  font-size: 1.7rem;
}

.DownloadLinkM {
  background-image: url(image/itemOptions/downloadEnabled.png);
  background-repeat: no-repeat;
  background-size: 12px;
  display: inline-block;
  background-position: right center;
  padding-right: 22px;
  margin-left: 30px;
  font-size: 11px;
  margin-right: 48px;
  color: #e4b364;
}

/* Important part */
.modal-dialog {
  overflow-y: initial !important;
}

.modal-body {
  height: 500px;
  overflow-y: auto;
}

#add_new_project_item,
#add_new_project_meta {
  background-image: url(image/form-add.gif);
  background-repeat: no-repeat;
  background-size: 32px;
  display: table-cell;
  background-position: left center;
  height: 34px;
  padding-left: 40px;
  font-size: 11px;
  font-weight: normal;
  color: #999;
  cursor: pointer;
  vertical-align: middle;
}

.remove_project {
  background-image: url(image/form-del.gif);
  background-repeat: no-repeat;
  background-size: 32px;
  display: inline-block;
  background-position: center;
  height: 34px;
  width: 32px;
  padding-left: 40px;
  font-size: 11px;
  font-weight: normal;
  color: #999;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 3px;
  border: #ccc 2px solid;
}

.edit_project {
  background-image: url(image/itemOptions/editmeta24nb.png);
  background-repeat: no-repeat;
  background-size: 32px;
  display: inline-block;
  background-position: center;
  height: 34px;
  width: 32px;
  padding-left: 40px;
  font-size: 11px;
  font-weight: normal;
  color: #999;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 3px;
  border: #ccc 2px solid;
}

.remove_project:hover,
.edit_project:hover {
  border-color: #aaa;
}

.framework_info {
  font-weight: bold;
  color: #333;
}

#main_content_home {
  background-image: url(../../custom-images/homeBG.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left top;
  width: 100%;
  text-align: center;
}

#main_content {
  width: 100%;
  text-align: center;
}

#logo {
  display: inline-block;
  margin: 30px;
}

#logo a {
  text-decoration: none;
}

#logo img {
  height: 85px;
  vertical-align: bottom;
}

#logo div {
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}

#sitename {
  font-weight: 500;
  font-size: 32px;
  color: #84c3d4;
}

#siteslogan {
  font-weight: bold;
  padding-left: 45px;
}

#langWrapper {
  display: inline-block;
  margin: 1%;
  text-align: right;
}

.langLink img {
  width: 18px;
  cursor: pointer;
  margin-right: 2px;
}

.langLink img:hover {
  box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -webkit-box-shadow: 1px 1px 3px #999;
}

#page_content {
  width: 100%;
  text-align: center;
  display: inline-block;
}

.sponsors {
  display: inline-block;
}

.sponsors img {
  height: 70px;
  border: #eee 1px solid;
}

div#seperator {
  padding-bottom: 3%;
}

#loNumber {
  background-color: #b8d690;
  border-radius: 50px;
  font-size: 32px;
  font-style: italic;
  color: #fff;
  height: 100px;
  display: inline-block;
  width: 100px;
  position: relative;
  top: 100px;
  z-index: 100;
  right: -500px;
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(25deg);
  -moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
}

#loNumber div {
  font-size: 12px;
  line-height: 13px;
}

#footerLinks {
  width: 100%;
  text-align: center;
  padding-top: 0.7%;
  padding-bottom: 2%;
  display: inline-block;
}

#footerLinks a {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 5px;
  font-size: 18px;
  color: #666;
  font-weight: bold;
  margin: 0.5%;
  padding-left: 40px;
  background-image: url(../../custom-images/icon_info.png);
  background-repeat: no-repeat;
  background-position: -1px center;
  background-size: 30px 30px;
  height: 30px;
  cursor: pointer;
  text-decoration: none;
}

#footerLinks a#featured {
  background-image: url(../../custom-images/icon_featured.png);
}

#footerLinks a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

p.browseText {
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  cursor: default;
  letter-spacing: 0.3px;
  color: var(--ic-blue);
  text-align: left;
}

.homeMenuSubtitle {
  background-image: url(../../custom-images/titleBG.png);
  background-repeat: no-repeat;
  background-position: -1px 0;
  background-size: 35px 35px;
  display: inline-block;
  height: 35px;
  width: 35px;
  position: relative;
  top: -12px;
  left: -1px;
}

.footer_info {
  color: #999;
  font-size: 9px;
  padding-top: 5px;
  cursor: default;
  clear: both;
}

#general_wrapper {
  display: inline-block;
  height: 100%;
  width: 100%;
}

#seperator div {
  display: inline-block;
  width: 48px;
  color: #fff;
  font-style: italic;
  font-size: 34px;
  background-color: #2b3e42;
  z-index: 1000;
  cursor: default;
  padding: 7px;
  border-radius: 55%;
  font-weight: 600;
}

.logoutLink {
  padding-top: 10px;
  background: #fff;
  color: #c2652f;
}

.logoutLink a {
  font-size: 12px;
  font-weight: bold;
  color: #c2652f;
}

.logoutLink a:hover {
  color: #e2661e;
}

.wrap {
  width: 80%;
  background-color: #fff;
  text-align: left;
  display: inline-block;
  margin-top: 5px;
  max-width: 1200px;
  min-width: 1000px;
}

.navSection {
  width: 15%;
  display: inline-block;
  vertical-align: top;
  padding-top: 20px;
  padding-right: 20px;
  background-color: #fff;
  height: 100%;
  margin-top: 5px;
}

.social_side_menu {
  background-color: #fff;
  border: #ccc 1px solid;
  border-top-left-radius: 5px;
  padding: 1px;
  border-bottom-left-radius: 5px;
  padding: 5px;
  display: inline-block;
  position: fixed;
  top: 140px;
  right: 0px;
  border-right: 0;
  box-shadow: -3px 3px 5px #666;
  -moz-box-shadow: -3px 3px 5px #666;
  -webkit-box-shadow: -3px 3px 5px #666;
  z-index: 1000;
}

.social_side_menu a {
  cursor: pointer;
  text-decoration: none;
}

.socialButton {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(./image/header/tweet.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  cursor: pointer;
}

#fbLink div.socialButton {
  background-image: url(./image/header/fb.png);
  margin-bottom: 3px;
}

#fbLink:hover div.socialButton {
  background-image: url(./image/header/fbActive.png);
}

#tweetLink:hover div.socialButton {
  background-image: url(./image/header/tweetActive.png);
}

.stripe {
  background-image: url(./image/stripe7.png);
  background-repeat: repeat;
  margin-top: 0px;
}

#resultsSearchWrapper {
  width: 80%;
  text-align: left;
  display: inline-block;
  max-width: 1000px;
  padding-top: 1%;
  padding-bottom: 1%;
}

.resultsSearch {
  padding-top: 4%;
  padding-bottom: 4%;
  background-image: url(../../custom-images/searchBG.jpg);
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
}

/*****************/
.info-container {
  position: relative;
  margin: 1% 7% 3% 7%;
  width: 90%;
}

.info-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.info-item {
  position: relative;
  float: left;
  width: 40%;
  text-align: center;
  margin: 0.5% 1% 2% 1%;
}

.info-more {
  position: absolute;
  bottom: 10px;
  right: 0px;
  padding: 4px 15px;
  font-weight: bold;
  background: #53bfc5;
  text-align: center;
  color: white;
  font-style: italic;
  text-shadow: 1px 1px 1px #897c63;
}

.info-close {
  position: absolute;
  top: 10px;
  right: 150px;
  background: #fff url(../images/cross.png) no-repeat center center;
  width: 27px;
  height: 27px;
  text-indent: -9000px;
  outline: none;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  opacity: 0.7;
}

.info-close:hover {
  opacity: 1;
}

.info-item-main {
  padding: 10px;
  background: #fff;
  overflow: hidden;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.info-icon {
  width: 275px;
  height: 220px;
  border: #eee 1px solid;
  position: relative;
  margin: 0 auto;
  background: transparent url(../images/lo5.png) no-repeat center center;
}

.info-item h3 {
  text-transform: uppercase;
  font-size: 24px;
  color: #333;
  margin-top: 10px;
  text-align: left;
  text-shadow: 0px 1px 1px #e4ebe9;
  font-weight: normal;
  background-image: url(./image/photodentroLogoDsch.png);
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: left center;
  padding: 30px 0 5px 80px;
  height: 40px;
}

.info-item h3#lrt {
  background-image: url(./image/lrt.png);
}

.info-item h4 {
  font-style: italic;
  font-size: 18px;
  text-align: left;
  border-left: 0px solid #b0ccc6;
  padding-left: 10px;
  line-height: 24px;
  margin: 10px;
  position: relative;
  font-weight: normal;
}

.info-item h4 span {
  text-indent: 40px;
  display: block;
}

.info-item h4 span.info-quote {
  color: #f4eee3;
  font-size: 100px;
  position: absolute;
  top: 20px;
  left: 0px;
  text-indent: 0px;
}

.info-content-text {
  font-size: 14px;
  font-style: italic;
  margin: 10px 20px;
  padding: 10px 20px;
  line-height: 22px;
  text-align: left;
}

.info-img-container {
  display: inline-block;
  width: 20%;
  margin-bottom: 10px;
}

.info-img-container img {
  width: 70%;
}

/***************/
.infoWrapper {
  clear: both;
  text-align: left;
  background-color: #defbfb;
  background-image: url("./image/patternF.png");
  padding-bottom: 20px;
}

.infoHeader {
  background: url("../../custom-images/icon_infoIN.png") #ac4269 no-repeat 15px center;
  background-size: auto 14px;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 20px 5px 30px;
  font-size: 12px;
}

.featuredHeader {
  background: url("../../custom-images/icon_featuredIN.png") #52a0cb no-repeat 15px center;
  background-size: auto 14px;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 20px 5px 30px;
  font-size: 12px;
}

.return {
  cursor: pointer;
  float: right;
}

.return img {
  height: 18px;
  vertical-align: middle;
}

.featuredWrapper {
  text-align: left;
  background-color: #eee;
  height: 1000px;
  background-image: url("./image/pattern.png");
}

.thumb_container {
  width: 150px;
  height: 100px;
  display: inline-block;
  background: url("./image/photodentroLogoDsch.png") #52a0cb no-repeat center center;
  background-size: 100% auto;
}

.versionInfo {
  text-align: right;
  font-size: 9px;
  margin: 3px 15px 0 0;
  color: #999;
  cursor: default;
}

.twitter-share-button {
  color: #ff0000;
}

#startloadingImg {
  width: 40px;
  margin-top: 7px;
}

.clearSpanImage {
  float: right;
  cursor: pointer;
  position: relative;
  top: -10px;
}

.clearImage {
  height: 30px;
}

#doorbell fieldset {
  width: 100%;
  background: none;
  font-size: 1.4rem !important;
  font-style: normal !important;
  line-height: 1rem !important;
}

#doorbell legend {
  background: none;
  color: #2b3e42;
}

#doorbell form {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fafafa;
  border-radius: 5px;
  box-shadow: 5px 5px 5px 0 #888;
  margin: 0;
  padding: 21px 20px 15px;
}

#doorbell {
  width: 480px;
}

#doorbell .buttons button {
  color: white;
  cursor: pointer;
  display: block;
  font-size: 16px;
  height: 39px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

#doorbell .btn-primary {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #fff;
}

#doorbell .buttons button *::before,
*::after {
  box-sizing: border-box;
}

#doorbell ::-webkit-input-placeholder {
  color: #ccc;
  font-size: 12px;
  font-style: italic;
}

#doorbell :-moz-placeholder {
  color: #ccc;
  font-style: italic;
}

#doorbell ::-moz-placeholder {
  color: #ccc;
  font-style: italic;
}

#doorbell :-ms-input-placeholder {
  color: #ccc;
  font-style: italic;
}

#doorbell-button {
  visibility: hidden !important;
}

#doorbell form textarea {
  float: left;
}

.feedTabLink {
  background-color: #fff;
  background-image: url("image/itemOptions/feedIcon.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  color: #e4b364;
  display: inline-block;
  font-size: 11px;
  margin-left: 30px;
  padding-right: 20px;
  text-align: right;
  text-decoration: none;
  vertical-align: top;
  cursor: pointer;
}

#doorbell-email-label {
  font-size: 13.2px;
  margin-bottom: 5px;
  margin-top: 12px;
}

#header-aggreagtor-link {
  position: relative;
  top: 45px;
  right: -78px;
  display: inline-block;
  font-size: 15px;
  background-color: #ddeccb;
  background-image: url(image/logo_aggregator.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 50px auto;
  padding: 8px 20px 4px 60px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-box-shadow: -5px 5px 5px -1px rgba(112, 112, 112, 0.27);
  -moz-box-shadow: -5px 5px 5px -1px rgba(112, 112, 112, 0.27);
  box-shadow: -5px 5px 5px -1px rgba(112, 112, 112, 0.27);
  width: 350px;
}

.footer-links {
  padding: 5px 0 5px 0;
  text-align: right;
}

.footer-links a {
  opacity: 1;
}

.footer-links a:hover {
  opacity: 0.8;
}

.role-group {
  font-size: 10pt;
  color: #000;
  font-weight: 400;
}

.lfentities,
.meta-contribute_el {
  font-size: 10pt;
}

.otherProSeparator {
  width: 100%;
  height: 1px;
  background: #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 21px;
}

#faqs h2 {
  margin-top: 30px;
}

#lifecycle-contribute-funding_ergo {
  cursor: pointer;
}

.metadata-box {
  position: relative;
  padding: 15px 30px 20px 30px;
  background-color: #fff;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: none;
  -webkit-box-shadow: 0px 9px 8px -6px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 9px 8px -6px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 9px 8px -6px rgba(0, 0, 0, 0.36);
  border-left: #eee 1px solid;
  border-right: #eee 1px solid;
}

.metadata-plus-link {
  cursor: pointer;
  color: #3c6f70;
}

.metadata-plus-link:hover {
  color: #5da3a5;
}

.metadata-plus-link.active {
  color: #5da3a5;
}

.metadata-plus-img {
  height: 16px;
  width: 16px;
  cursor: pointer;
  vertical-align: sub;
  transition: transform 0.25s;
  margin-bottom: 2px;
}

.metadata-plus-img:hover,
.metadata-plus-img.trigger,
.lrt-group-label:hover img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  transition: transform 0.1s;
}

.metadata-plus-img.active {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: transform 0.5s;
}

.metadataBoxLabel {
  font-size: 14px;
  color: #5da3a5;
  text-decoration: underline;
}

.metadataBoxValue {
  color: #3c6f70;
}

.metadataBoxField {
  color: #000;
  font-weight: normal;
}

#new-item-items,
#new-meta-items {
  margin-bottom: 3px;
}

#extraMetaTable,
#extraSealsTable {
  border-bottom: medium none;
  border-radius: 0;
}

#extraMetaTable tr,
#extraSealsTable tr {
  vertical-align: top;
  padding-bottom: 20px;
}

#extraMetaTable .submitLabel,
#extraSealsTable .submitLabel {
  text-align: left;
  padding-top: 0px;
  padding-left: 0px;
  vertical-align: top;
}

.lfentities,
.meta-contribute_el {
  font-size: 10pt;
}

#new-meta-items {
  margin-top: 5px;
}

img.seal {
  width: 100px;
}

#scrollUp {
  background-image: url(../../custom-images/scroll-up.png);
  background-size: 70px 70px;
  bottom: 40px;
  right: 40px;
  width: 70px;
  height: 70px;
}

.lrt-group span.lrt-group-label {
  cursor: pointer;
  display: inline-block;
  margin: 10px 0 3px 0;
  color: #666;
  font-weight: bold;
  opacity: 0.8;
  font-size: 18px;
}

.lrt-group span.lrt-group-label:hover {
  opacity: 1;
}

.lrt-group ul {
  list-style: none;
  margin: 0px;
  display: none;
}

.lrt-group ul li {
  cursor: pointer;
  opacity: 0.7;
  margin-top: 3px;
  font-size: 18px;
}

.lrt-group ul li:hover {
  opacity: 1;
}

.dot {
  height: 9px;
  width: 9px;
  background-color: #8e8e8e;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

ul#list200 span.dot {
  background-color: #8acec1;
}

#label200 {
  color: #4d8c80;
}

ul#list300 span.dot {
  background-color: #fc8865;
}

#label300 {
  color: #cc5e3d;
}

ul#list400 span.dot {
  background-color: #fbb940;
}

#label400 {
  color: #e6a021;
}

ul#list500 span.dot {
  background-color: #9aba78;
}

#label500 {
  color: #7e9a5f;
}

ul#list600 span.dot {
  background-color: #b7645e;
}

#label600 {
  color: #d2574e;
}

ul#list700 span.dot {
  background-color: #c193c6;
}

#label700 {
  color: #97589e;
}

ul#list800 span.dot {
  background-color: #95b9ba;
}

#label800 {
  color: #55a4a7;
}

ul#list900 span.dot {
  background-color: #af7e45;
}

#label900 {
  color: #a25a06;
}

#searchContent {
  border: none;
  height: 100px;
  width: 100%;
  text-align: center;
  overflow-x: hidden;
  vertical-align: middle;
  z-index: 1000;
  margin: 0px auto;
  position: absolute;
  top: 300px;
}

#if {
  border: 1px solid #fff;
  display: none;
  position: relative;
  width: 100%;
  height: 2250px;
  overflow-x: hidden;
}

#loading {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  border: none;
}

#lrtList {
  display: none;
  padding: 3% 0 0 0%;
  margin-bottom: 70px;
  height: 400px;
  overflow: auto;
  overflow-x: hidden;
  clear: both;
}

#canvas {
  position: absolute;
  display: none;
}

#dom_overlay_container {
  pointer-events: none;
  overflow: hidden;
  width: 1280px;
  height: 800px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}

#_preload_div_ {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1280px;
  height: 800px;
  text-align: center;
}

#_preload_div_ span {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#_preload_div_ img {
  vertical-align: middle;
  max-height: 100%;
}

.browseLink {
  cursor: pointer;
  font-weight: bold;
  color: #2e5f6c;
  opacity: 0.5;
  text-decoration: underline;
}

.browseLink.selected,
.browseLink:hover {
  opacity: 1;
}

#age-range {
  background: none;
  border: none;
  text-align: center;
  width: 100%;
  color: #2b3e42;
  font-weight: bold;
  margin-top: 10px;
  font-size: 20px;
}

table.seals {
  margin-top: 20px;
}

span[class^=general-description_] {
  white-space: pre-wrap;
}

#info-file {
  display: inline-block;
  padding: 4px;
  background-color: #49c4c2;
  color: #fff;
  font-weight: bold;
  opacity: 0.9;
  font-size: 11px;
}

#info-file:hover {
  opacity: 1;
}

#info-file img {
  width: 25px;
  vertical-align: middle;
  margin-right: 4px;
}

.funding_separator {
  display: block;
  border-top: 1px #ccc dotted;
  margin-right: 20%;
  margin-top: 5px;
  height: 5px;
  padding: 0;
  margin-bottom: 0;
}

.browse-table img {
  min-height: 130px;
  min-width: 160px;
  margin-left: 50px;
}

.browse-table em {
  font-style: normal;
  font-size: 23px;
}

.browse-table {
  background-color: #d7f1ff;
  margin-bottom: 0px;
}

a#nextBtn,
a#prevBtn {
  cursor: pointer;
}

.classification-taxon-value {
  display: block;
}

ul.nav.navbar-nav.navbar-right .btn-primary {
  margin-top: 137px;
}

.adopt-size {
  width: 100%;
}

h1.split-box-title {
  text-align: left;
  color: #3e97d1;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 1.3;
}

.split-box-subtitle {
  text-align: left;
  padding-top: 20px;
  font-size: 20px;
}

.img-text-box {
  display: flex;
  text-align: left;
  font-size: 20px;
  line-height: 1.6;
}

.img-text-box img {
  margin-right: 23px;
  margin-top: 38px;
}

.orangeTextBig {
  font-size: 26px !important;
  color: #f0a830;
}

.orangeText {
  color: #82c1d0;
}

.jumbo-button {
  background-color: #f0a830 !important;
  background-image: none !important;
  font-size: 24px;
  padding: 30px;
  min-width: 27%;
  letter-spacing: 4px;
  border-radius: 40px;
  margin-top: 20px;
}

.explainMessage {
  font-size: 24px;
  border: 1px solid rgba(128, 128, 128, 0.3803921569);
  width: 85%;
  display: inline-block;
  padding: 40px;
  background: #f5f2e4;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 1px;
}

.full-box-subtitle {
  color: #4b888a;
  font-size: 28px;
  font-weight: 300;
  width: 80%;
  margin: 0 auto;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 26em;
  flex-direction: column;
}

#about h1 {
  color: #0a6068;
  letter-spacing: 1px;
  font-size: 50px;
  margin-bottom: 40px;
  padding-top: 3%;
}

.aboutText {
  padding-left: 12%;
  padding-right: 12%;
  padding-bottom: 3%;
}

.aboutText p {
  font-size: 28px !important;
}

.underAboutTitle {
  width: 70%;
  margin: auto;
}

.left-grid {
  position: absolute;
}

.left-grid img {
  max-width: 100% !important;
}

.aboutRightText {
  text-align: right;
  margin-bottom: 40px !important;
  font-style: italic;
}

#about p {
  color: #0a6068;
  font-size: 22px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.vl {
  border-left: 1px solid white;
  height: 30px;
}

#about ~ div.row {
  background-color: #f3f1e5;
}

.partners {
  background-color: #eec2b4 !important;
}

.euDiv {
  padding-top: 4%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.euDiv img {
  width: 200px;
}

.euDiv p {
  font-size: 24px !important;
  letter-spacing: 0.5px;
  max-width: 42%;
  line-height: 26px;
  text-align: left;
}

.partners {
  padding: 6% 0;
}

.partners a {
  cursor: pointer;
}

.partners img {
  max-height: 150px;
  max-width: 100%;
}

.logoMessage {
  font-size: 25px;
  color: #552c20;
  line-height: 30px;
  margin-top: 15px;
}

.partArea {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.partCont {
  max-width: 100% !important;
}

.adopt-box {
  background: rgba(255, 255, 255, 0.6588235294);
  border: 1px solid rgba(128, 128, 128, 0.2784313725);
  width: 67%;
  display: inline-block;
  margin-top: 40px;
  min-height: 600px;
  box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.4509803922);
  -webkit-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.4509803922);
  -o-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.4509803922);
  -ms-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.4509803922);
}

.adopt-box:hover {
  transform: scale(1.03);
  transition: transform 0.5s;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7803921569);
}

img.orange-bg {
  padding: 30px;
  width: 100px;
}

h4.third-box-title {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.6px;
}

p.third-box-subtitle {
  font-size: 22px;
  margin-top: 0;
  padding: 30px;
  text-align: justify;
}

.addOffset {
  margin-top: 3% !important;
}

.full-box-title-white {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 42px;
}

ul.list-unstyled.clear-margins a {
  font-size: 36px !important;
  letter-spacing: 1px;
}

.full-box-subtitle-white {
  font-size: 23px;
  letter-spacing: 1px;
  padding-top: 10px;
  color: #ffffff;
}

.second-offset-margin {
  margin-bottom: 48px !important;
}

.third-offset-margin {
  margin-bottom: 25px !important;
}

.split-box-title-bigger {
  text-align: left;
  color: #3e97d1;
  letter-spacing: 1px;
  font-size: 50px;
  line-height: 1.3;
  font-weight: 300;
}

.split-box-subtitle-bigger {
  text-align: left;
  padding-top: 15px;
  font-size: 25px;
}

ul.list-unstyled.clear-margins {
  display: inline-flex;
}

.yellow-line {
  display: inline-block;
  border-top: solid 1px #f5d65a;
  padding-top: 5px;
  width: 50%;
}

p.copyright {
  color: #fff !important;
  margin-top: 10px;
}

.footer-bottom {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  clear: both;
  display: block;
  padding-top: 10px;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.footer_img {
  margin: 0 5px 10px;
  text-decoration: none;
  border: 1px solid #eee;
  display: inline-block;
  clear: both;
}

.footer-bottom img {
  max-height: 65px;
}

.footer-copyright {
  background-color: #f0a830;
}

h1.jumbo-title {
  color: #fff !important;
  font-size: 90px;
  letter-spacing: 2px;
  padding-top: 50px;
}

p.jumbo-subtitle {
  font-size: 35px;
  color: #fff !important;
  padding-top: 15px;
}

img.jumbo-icon {
  width: 130px !important;
  margin-top: 0;
}

.jumbo-box {
  margin: 0 auto !important;
  width: 100%;
  background: rgba(36, 59, 86, 0.7607843137);
  padding: 30px;
}

.jumboCard {
  background: rgba(36, 59, 86, 0.7607843137);
  padding: 10px 35px;
}

.fix-distance {
  padding-top: 70px;
  width: 74%;
  margin: auto;
}

img.jumbo-icon.fix-lamp {
  width: 160px !important;
  position: relative;
  right: 5px;
}

.pagination > .disabled > span {
  color: #4c7b6b;
}

ul.pagination {
  font-size: 17px;
  box-shadow: 0px 0px 5px 3px rgba(181, 153, 153, 0.5294117647);
  display: block;
  padding-left: unset !important;
}

span.itemListLabel {
  display: none !important;
}

span.itemListValue a {
  color: #000 !important;
  text-decoration: none !important;
}

.itemListMetaInfoRow {
  font-size: 17px;
  line-height: 19px;
  height: 85px;
}

#facets .list-group-item {
  font-size: 17px;
}

.item_icon img {
  width: 45px;
  margin-top: 0px;
  margin-bottom: 6px;
}

.container.imgFilters {
  display: contents;
}

.imageFiltersDiv {
  max-width: 100%;
  margin-right: 34%;
}

.imageFiltersCol {
  display: flex;
}

.imgFiltersHeading {
  color: #ffffff !important;
  background: #3e97d1 !important;
  border-color: #3e97d1 !important;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-bottom: 7px;
}

ul.nav.nav-tabs li {
  width: 25%;
}

.nav-tabs.nav > li > a {
  padding: 10px 40px;
  background-color: #eaeaea;
}

.nav-tabs > li.active > a {
  background-color: #fff;
  color: #f2b855;
}

.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #f2b855;
}

.tab-pane {
  border: 1px solid rgba(185, 185, 185, 0.6509803922);
  padding: 15px;
  border-top: none;
}

.scenarioImg {
  border: 2px solid #f2b855;
  padding: 70px 0px;
}

.authorImg {
  padding: 0 !important;
}

.authorInfo {
  padding: 0 !important;
}

.authorInfo {
  border-right: 1px solid gray;
  font-size: 17px;
  margin-top: 5%;
}

.educationalLevel {
  border-right: 1px solid gray;
}

.yellowTitle {
  background-color: #ffb606;
  color: #fff;
  font-size: 20px;
  padding: 7px;
}

.blueTitle {
  background-color: #3e97d1;
  color: #fff;
  font-size: 20px;
  padding: 7px 12.2px;
}

img.bluebg {
  background: #3e97d1;
  border-radius: 5px;
}

img.yellowbg {
  background-color: #ffb606;
  border-radius: 5px;
  margin-bottom: 7px;
}

.fixIconPosition {
  margin-bottom: 7px;
}

.secondYellowTitle {
  background-color: #ffb606;
  color: #fff;
  font-size: 20px;
  padding: 7px 24.4px;
}

span.glyphicon.glyphicon-star {
  color: #ffb606;
}

span.grayTitle {
  color: #b3b3b3;
}

ul.list-unstyled.clear-margins li {
  margin-bottom: 15px !important;
}

.review-alert {
  color: black !important;
  padding-left: 0px !important;
}

.scenario-tabs {
  background-color: #cdedff;
  margin-bottom: 15px;
  padding: 5px;
  border: 2px solid #797979;
  border-radius: 10px;
}

.unit-title {
  font-size: 28px;
  font-weight: 500;
  color: #2c78ab;
}

.scenario-tabs {
  font-size: 18px;
}

.pdf-export {
  float: right;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding: 3px;
  background-color: #f2f2f2;
  margin-top: 6%;
}

.pdf-export-descr {
  float: right;
  width: 115px;
  text-align: center;
  font-size: 18px;
  padding: 3px;
  font-weight: 600;
}

.row.container.btn-group {
  display: flex !important;
}

.scenario-img img {
  width: 100% !important;
  padding: 20px;
  background-color: #fff;
  border-radius: 25px;
  object-fit: scale-down;
}

div#accordion {
  display: inline-block;
}

#accordion .card-header {
  background: #2d7aae;
}

#accordion .card-header button {
  color: #fff !important;
  font-size: 23px;
  width: 100%;
  text-align: left !important;
  text-decoration: none;
  border: none !important;
}

#accordion .card-body {
  background-color: rgba(242, 242, 242, 0.7411764706);
  padding: 20px;
  border-radius: 15px;
  font-size: 23px;
  -webkit-box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.64);
  -moz-box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.64);
  box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.64);
}

.teaching-objective {
  background: #cdedff;
  border-radius: 15px;
  padding: 10px 20px;
  margin: 10px 0;
}

.teaching-objective .section-parent .row > label {
  display: none !important;
}

.learning-outcomes {
  background: #e9ecee;
  border-radius: 15px;
  padding: 10px 20px;
  margin: 10px 0;
}

.learning-outcomes .section-parent .row > label {
  display: none !important;
}

.approach-strategies {
  background: #cdedff;
  border-radius: 15px;
  padding: 10px 20px;
  margin: 10px 0;
}

.approach-strategies .section-parent .row > label {
  display: none !important;
}

.audience {
  background: #e9ecee;
  border-radius: 15px;
  padding: 10px 20px;
  margin: 10px 0;
}

.audience .section-parent .row > label {
  display: none !important;
}

.orchestration {
  background: #cdedff;
  border-radius: 15px;
  padding: 10px 20px;
  margin: 10px 0;
}

.orchestration .section-parent .row > label {
  display: none !important;
}

.requirements {
  background: #e9ecee;
  border-radius: 15px;
  padding: 10px 20px;
  margin: 10px 0;
}

.requirements .section-parent .row > label {
  display: none !important;
}

.teaching-objective-front {
  border: 3px solid #bfcbfd;
  background: #f8fbfd;
  padding: 5px;
  margin: 10px auto;
}

.requirements-front {
  border: 3px solid #bfcbfd;
  background: #f8fbfd;
  padding: 5px;
  margin: 10px auto;
}

.orchestration-front {
  border: 3px solid #bfcbfd;
  background: #f8fbfd;
  padding: 5px;
  margin: 10px auto;
}

.audience-front {
  border: 3px solid #bfcbfd;
  background: #f8fbfd;
  padding: 5px;
  margin: 10px auto;
}

.approach-strategies-front {
  border: 3px solid #bfcbfd;
  background: #f8fbfd;
  padding: 5px;
  margin: 10px auto;
}

.learning-outcomes-front {
  border: 3px solid #bfcbfd;
  background: #f8fbfd;
  padding: 5px;
  margin: 10px auto;
}

.glyphicon-chevron-down {
  float: right;
}

.glyphicon-chevron-up {
  float: right;
}

.card-header .glyphicon-chevron-up {
  transition: 0.3s transform ease-in-out !important;
}

.card-header button.collapsed .glyphicon-chevron-up {
  transform: rotate(180deg) !important;
}

.resized-thumb {
  max-width: 170px;
}

.row.control-group {
  float: left;
  width: -webkit-fill-available;
  width: -moz-available;
}

.removeDropdowns {
  position: relative;
  text-align: right;
  bottom: 166px;
  left: 20px;
}

.section-parent {
  margin-left: -10px;
  background: #fff;
  padding: 16px;
  border: 1px solid rgba(0, 90, 255, 0.5215686275);
  border-radius: 10px;
  margin-bottom: 15px;
}

.section-parent h2 {
  margin-top: 0 !important;
}

.review-box {
  margin-left: 0 !important;
}

.contrTitles {
  font-size: 17px;
}

.metadataFieldLabel {
  padding: 0 !important;
  font-weight: 600;
}

.section-grandchildren {
  background-color: #f8f8f8;
  padding: 20px;
  border-radius: 15px;
  width: 100%;
}

.activity-tabs > li.active > a {
  background-color: #ffffff !important;
  color: #2d7aae !important;
}

.activity-tabs.nav > li > a {
  background-color: #2d7aae;
  color: #ffffff;
}

.activity-tabs-content .tab-pane {
  border: none;
  padding: 15px;
  border-top: none;
  background-color: #fff;
}

.resp-only {
  display: none;
}

.fixDimensions {
  width: 62%;
  display: inline-block;
  padding: 2%;
}

#dateIssued {
  display: none !important;
}

div#opener {
  background-color: #f2b041;
  width: 265px;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 33px;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  position: fixed;
  right: 60px;
  top: 205px;
  z-index: 2 !important;
  font-size: 18px;
}

ul.popup-list {
  list-style: none;
  padding-left: 0px;
  text-align: center;
}

li.popup-item {
  display: inline-block !important;
  padding: 10px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
  top: 220px !important;
  border: 4px solid #75adcb;
  position: fixed !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  background: #75adcb;
  color: #fff;
  font-size: 17px;
}

.itemLoginLabel a.login-button {
  font-size: 17px;
  color: #428bca;
  text-decoration: none;
}

.itemLoginLabel a.login-button:hover {
  text-decoration: underline;
}

.notLoggedIn {
  font-size: 17px;
}

button.ui-dialog-titlebar-close:before {
  color: #7b6d53 !important;
  content: "x" !important;
  position: relative;
  bottom: 4px;
  height: 2px;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 41%;
  width: 29px;
  margin: -11px 0 0 0;
  padding: 4px;
  height: 29px;
}

img.popup-thumb {
  max-width: 150px;
}

div#dialog {
  background: #f5f5f5;
  max-height: 600px !important;
}

img.libIconImg {
  width: 30px !important;
}

#accordion button.btn.btn-link {
  white-space: normal;
}

.footer-bottom p {
  padding: 5px;
}

.educationalLevel {
  margin-top: 10%;
}

.scenarioComments {
  margin-top: 10%;
}

.bgColorBox {
  background: #f0a830;
  width: 100px;
  display: inline-block;
  border-radius: 66px;
  margin-top: 85px;
  margin-bottom: 15px;
}

.col-md-6.bgImgLaps {
  background-color: #1a1a1a;
  background-image: url("../../custom-images/louis-reed-pwcKF7L4-no-unsplash_SQ.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  height: 57em;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bgColorLaps2 {
  background-color: #f9f2e8 !important;
  background-image: url(../../custom-images/branimir-balogovic-kVFm9KGrusc-unsplash_SQ.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 55em;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: cover;
  -webkit-box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.64);
  -moz-box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.64);
  box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.44);
}

.miscTable .evenRowEvenCol ul li {
  font-size: 20px;
}

.card.jumboCard:hover {
  backdrop-filter: brightness(0.5);
  -webkit-backdrop-filter: brightness(0.5);
}

.ratingLabel {
  float: left;
}

.ratings-container {
  margin-top: 5px;
  max-width: 320px;
  float: right !important;
  font-size: 17px !important;
  background-color: whitesmoke;
  padding: 10px;
  /* border: 1px solid #3e97d1; */
  box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.64);
}

div#rating {
  margin-bottom: 5px;
  border-bottom: 1px dotted #3e97d1;
}

.closeDialogue {
  margin-top: 30px;
  padding: 6px;
  background-color: #ffb606;
  color: #fff;
  width: 90px;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  border: 2px solid #3e97d1;
  font-size: 17px;
}

.save-ratings-div {
  font-size: 17px;
}

table#save-ratings {
  margin-top: 24px;
}

td.ratingLabel {
  width: 195px;
}

.ratingRaterIsOwner {
  font-size: 17px;
}

form#edit_metadata {
  max-width: 85%;
}

.fixTabs {
  margin-left: 14px;
  max-width: 1484px;
}

.hideUser {
  visibility: hidden;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  margin-top: -12px;
}

.hideUser label {
  padding: 0;
}

.hideUser span {
  padding: 0;
}

.level-three {
  font-size: 15px;
}

.level-two {
  font-size: 20px;
}

.fixLabelOne {
  position: relative;
  right: 9px;
}

.fixLabelTwo {
  position: relative;
  left: 7px;
}

span.itemListValue {
  overflow-wrap: break-word;
}

#charLimit {
  font-size: 13px;
  position: inherit;
  top: -25px;
  float: right;
  padding-right: 7px;
}

#lom_general-title {
  padding: 5px 80px 5px 10px !important;
}

.manual-button > a {
  font-size: 19px;
  margin-right: 7px;
  color: #8b4027 !important;
  padding: 11px 10px;
  text-decoration: none;
  border-radius: 2px;
  border: solid #eed0c3 2px;
}

.dropdown-manuals .dropdown-menu .dropdown-item {
  display: block;
  text-decoration: none !important;
  padding: 2px;
}

form#edit_metadata {
  max-width: 100%;
}

span.glyphicon.glyphicon-chevron-right.barArrow::before {
  background: #85c3d3;
  border-radius: 25px;
  padding: 10px 11px;
  color: #fff;
  font-size: 13px;
}

span.glyphicon.glyphicon-chevron-right.barArrow {
  float: right;
  position: relative;
  margin-top: -67px;
  margin-right: -20px;
}

.pageFieldFrame {
  background-color: #b2cddf !important;
  border-radius: 15px;
  padding: 10px 20px;
  margin: 10px 0;
}

.help-block {
  width: 96%;
  max-width: 97%;
  margin-left: 15px;
  font-size: 18px;
  border: 1px solid gray;
  padding: 8px;
  background-color: snow;
  height: 110px;
  overflow: auto;
  font-style: italic;
  border-radius: 20px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2784313725);
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2784313725);
  -o-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2784313725);
  -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2784313725);
  -ms-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2784313725);
  margin-bottom: 15px;
  resize: vertical;
}

.help-block .hint-text {
  font-size: 18px;
}

span#mandatoryLink {
  font-size: 16px;
}

span#recomLink {
  font-size: 16px;
}

span#optionalLink {
  font-size: 16px;
}

.editLogBtn {
  position: absolute;
  right: 32px;
  padding: 8px 25px;
  font-size: 21px !important;
}

@media (max-width: 992px) {
  .pdf-export {
    margin-top: 3%;
  }
  .pdfBox {
    display: inline-block;
    margin-top: 2%;
  }
  .collapse.in {
    display: block !important;
  }
  ul.nav.navbar-nav.navbar-right .btn-primary {
    margin-top: 0;
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .manual-button > a {
    border: none;
  }
}
@media (max-width: 800px) {
  .footer-links .eme-footer-moe {
    position: initial !important;
  }
  .nav-tabs.nav > li > a {
    padding: 10px 2px;
  }
  .discovery-pagination-controls.panel-footer {
    padding: 2px 2px 13px 12px;
  }
}
@media (max-width: 767px) {
  .sform {
    width: 90% !important;
  }
  .footer-logo {
    text-align: center;
  }
  .footer-social {
    text-align: center;
    float: none;
    margin-top: 20px;
  }
  .footer-logo img:nth-child(1) {
    max-height: 70px;
  }
  .footer-social img {
    max-height: 30px;
  }
  .browseOption {
    max-width: 300px;
  }
}
@media (max-width: 743px) {
  #mydspace-page .btn-primary:nth-child(2) {
    margin-top: 10px;
  }
}
@media (max-width: 500px) {
  h1.jumbo-title {
    font-size: 50px;
  }
  img.jumbo-icon {
    display: none;
  }
  .adopt-box {
    min-height: 415px;
  }
  img.orange-bg {
    margin-top: 50px;
  }
  .discovery-pagination-controls.panel-footer {
    padding: 0px 0px 12px 12px;
  }
  .discovery-result-pagination {
    margin-top: 25px;
  }
  img.orange-bg {
    margin-top: 0;
  }
  .bgColorBox {
    margin-top: 30px;
  }
  input#tquery {
    height: 60px;
  }
  .homeForm .homeSearchBtn {
    margin-bottom: -22.3px;
  }
  .homeForm input {
    font-size: 21px;
  }
  .discForm input {
    size: 15px;
  }
  .jumbo-button {
    font-size: 19px;
  }
  .euDiv {
    padding-top: 5%;
    display: block;
  }
  .euDiv p {
    font-size: 24px !important;
    letter-spacing: 0.5px;
    max-width: 87%;
    line-height: 27px;
    text-align: left;
    margin: 0 auto;
    padding-top: 35px;
  }
  .full-box-subtitle {
    height: 30em;
  }
}