@charset "UTF-8";
:root {
  font-size: 62.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.3; }

body {
  font-size: 1.6rem;
  font-family: "Source Sans Pro", "Font Awesome 5 PRO", Helvetica, Arial, Geneva, sans-serif;
  height: 100vh;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px 1fr;
  grid-template-columns: 200px 1fr;
  -ms-grid-rows: 60px 60px 1fr;
  grid-template-rows: 60px 60px 1fr;
  overflow-x: hidden; }
  body.split {
    -ms-grid-columns: 40px 1fr 1fr;
    grid-template-columns: 40px 1fr 1fr; }
  body.nooverflow {
    overflow: hidden; }
  @media (max-width: 767px) {
    body {
      -ms-grid-columns: 40px 1fr;
      grid-template-columns: 40px 1fr; }
      body .sidebar b {
        font-weight: normal;
        display: none; }
      body .sidebar .sidenav {
        width: 45px;
        overflow: hidden; } }

body.sscr_open {
  -ms-grid-columns: 200px 1fr;
  grid-template-columns: 200px 1fr; }
  body.sscr_open .sidenav {
    width: 200px; }
    body.sscr_open .sidenav b {
      font-weight: normal;
      display: inline; }

.noside {
  -ms-grid-columns: 40px 1fr;
  grid-template-columns: 40px 1fr;
  /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body { display: none; }
}*/ }
  .noside .sidebar b {
    font-weight: normal;
    display: none; }
  .noside .sidebar .sidenav {
    width: 45px;
    overflow: hidden; }
  .noside .submenue_content {
    display: block;
    position: absolute;
    left: 40px;
    top: 300px;
    z-index: 1000;
    width: 200px;
    background-color: white;
    border: 10px; }
    .noside .submenue_content b {
      display: inline-block; }
  .noside .a_navbar .tasknav .tasknav_info {
    margin-left: 16px; }
  .noside .a_navbar .tasknav .resultfilter {
    margin-left: 16px; }

body.notlogged {
  -ms-grid-columns: 0px 1fr;
  grid-template-columns: 0px 1fr; }
  body.notlogged .sidebar {
    display: none; }
  body.notlogged .tasknav .menuopener {
    display: none; }
  body.notlogged .tasknav .sscr_menuopener {
    display: none; }
  body.notlogged .a_navbar .tasknav .tasknav_info {
    margin-left: 16px; }

body.body_expd {
  overflow: hidden; }
  body.body_expd:after {
    content: "";
    display: block;
    position: fixed;
    /* could also be absolute */
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1400;
    background-color: rgba(0, 0, 0, 0.9); }

h1 {
  font-size: 3rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 2.4rem;
  margin-bottom: 0.2rem; }

p {
  margin-top: 0;
  margin-bottom: 0.8rem; }

.blurred_dark {
  -webkit-transition: -webkit-filter 1s;
  transition: -webkit-filter 1s;
  -o-transition: filter 1s;
  transition: filter 1s;
  transition: filter 1s, -webkit-filter 1s;
  -webkit-filter: blur(0.75rem) opacity(0.9);
  filter: blur(0.75rem) opacity(0.9);
  /*	&:hover{
		filter: blur(0rem) opacity(1);
		
	}*/ }

.blurred_light {
  -webkit-transition: -webkit-filter 1s;
  transition: -webkit-filter 1s;
  -o-transition: filter 1s;
  transition: filter 1s;
  transition: filter 1s, -webkit-filter 1s;
  -webkit-filter: blur(1rem) opacity(0.3);
  filter: blur(1rem) opacity(0.3);
  /*
		&:hover {
		filter: blur(0rem) opacity(1);
		
	}*/ }

.clickable {
  cursor: pointer; }

.registerwarning {
  border: 1px solid red;
  padding: 5px; }

input.secret {
  color: black;
  background-color: black; }

button[data-onclick="tabs.search"] {
  display: none; }

/*figure {
    position: relative;
    box-sizing: border-box;
    margin: 0px;

    img {
        display: block;
        position: relative
    }

    figcaption {
        box-sizing: border-box;
        position: absolute;
        padding: 0.5rem;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.6);
        color: black;


    }

    button {
        box-sizing: border-box;
        position: absolute;
        padding: 0.75rem;
        bottom: 0;
        left: 0;
        border: none;
        background: rgba(5, 17, 167, 0.6);
        color: white;


        &.cart {
            left: auto;
            right: 0;
        }
    }
}*/
img {
  width: 100%;
  height: auto; }

i.fad {
  --fa-primary-color: white;
  --fa-secondary-color: red;
  --fa-secondary-opacity: 1.0; }

.btn {
  display: inline-block;
  font-weight: 400;
  border-radius: 0px;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #203f5a;
  border: none;
  padding: 0.3rem 0.6rem;
  font-size: 1.5rem;
  line-height: 1.3;
  color: #fff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  .btn[disabled] {
    color: #ced4da;
    cursor: default; }
  .btn[disabled]:hover {
    color: #ced4da;
    cursor: default; }

@media (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; } }

.btn:hover {
  color: #adb5bd;
  text-decoration: none;
  cursor: pointer; }

.btn:focus,
.btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 114, 180, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(70, 114, 180, 0.25); }

.btn-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group .btn:not(:first-child) {
    margin-left: -1px; }

input:focus {
  outline: none;
  background-color: white; }

.a_modal {
  display: none;
  position: fixed;
  z-index: 1200;
  padding-top: 150px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  /* Modal Content */
  /* Add Animation */
  /* The Close Button */ }
  .a_modal .modal-content {
    position: relative;
    background-color: white;
    margin: auto;
    padding: 0;
    border: 1px solid #6c757d;
    width: 60%;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s; }

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }
  .a_modal .close i {
    color: #ff0000;
    float: right;
    font-size: 2.4rem;
    padding-top: 0.6rem; }
  .a_modal .close:hover,
  .a_modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .a_modal .modal-header {
    padding: 0.1rem 1.6rem;
    background-color: white;
    border-bottom: 1px solid #ced4da;
    border-top: 8px solid #203f5a; }
    .a_modal .modal-header h3 {
      margin-top: 0.8rem; }
  .a_modal .modal-body {
    padding: 2rem 1.6rem; }
  .a_modal .modal-footer {
    padding: 0.2rem 1.6rem;
    background-color: white;
    min-height: 40px;
    display: -ms-grid;
    display: grid;
    grid-column-gap: 2rem;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    border-top: 1px solid #ced4da; }
    .a_modal .modal-footer .btn {
      height: 30px;
      -ms-grid-column-align: end;
      justify-self: end;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
  .a_modal.modal_sm .modal-content {
    width: 28%; }
    @media (max-width: 1200px) {
      .a_modal.modal_sm .modal-content {
        width: 50%; } }
    @media (max-width: 992px) {
      .a_modal.modal_sm .modal-content {
        width: 60%; } }
    @media (max-width: 767px) {
      .a_modal.modal_sm .modal-content {
        width: 90%; } }
    @media (max-width: 480px) {
      .a_modal.modal_sm .modal-content {
        width: 98%; } }
  .a_modal.modal_md .modal-content {
    width: 50%; }
  .a_modal.modal_lg {
    padding-top: 5vh; }
    .a_modal.modal_lg .modal-content {
      height: 90vh;
      overflow: hidden;
      width: 75%; }
      .a_modal.modal_lg .modal-content .modal-header {
        height: 40px; }
      .a_modal.modal_lg .modal-content .modal-body {
        height: calc(100% - 150px);
        padding: 2rem 1.6rem;
        overflow: auto; }
        .a_modal.modal_lg .modal-content .modal-body .modal-footer {
          height: 40px; }
  .a_modal.modal_full .modal-content {
    width: 100%; }
  .a_modal.modal_nofoot .modal-footer {
    display: none; }
  .a_modal input[type=text],
  .a_modal input[type=password],
  .a_modal input[type=email] {
    width: 100%;
    padding: 8px 10px;
    margin: 6px 0 12px 0;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.fr_temp {
  float: right; }

.fr {
  float: right; }

.fl {
  float: left; }

.fl_temp {
  float: left; }

.cf::after {
  content: "";
  clear: both;
  display: table; }

.block {
  display: block; }

.none {
  display: none; }

.ared {
  color: #ff0000; }

b {
  font-weight: normal; }

.antares_spinnerdiv i {
  margin-top: 30vh;
  margin-left: 50vw;
  color: #203f5a; }

.pagedimmer {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

@media (max-width: 992px) {
  .mscr_nope {
    display: none; } }

@media (max-width: 992px) {
  .mscr_only {
    display: inherit; } }

@media (min-width: 1200px) {
  .mscr_only {
    display: none; } }

@media (max-width: 767px) {
  .sscr_nope {
    display: none; } }

@media (max-width: 767px) {
  .sscr_only {
    display: inherit; } }

@media (min-width: 992px) {
  .sscr_only {
    display: none; } }

.nowrap {
  white-space: nowrap; }

.header {
  background-color: white;
  grid-column: 1 / -1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 1fr -webkit-max-content;
  -ms-grid-columns: max-content 1fr max-content;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  height: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center; }
  .header .header-left {
    height: inherit; }
    .header .header-left img {
      position: relative;
      height: 85%;
      width: auto;
      margin-top: 5px;
      margin-left: 5px;
      margin-bottom: 5px; }
  .header .header-middle {
    height: inherit;
    /* h4 {
            margin: 1rem;
        }*/ }
    .header .header-middle img {
      position: relative;
      -o-object-fit: contain;
      object-fit: contain;
      width: auto;
      height: 75%;
      top: 50%;
      -webkit-transform: translate(0, -55%);
      -ms-transform: translate(0, -55%);
      transform: translate(0, -55%); }
  .header .header-right {
    height: inherit;
    /*        img {

            object-fit: contain;
            width: 100%;
            height: 100%;
        }*/ }
    .header .header-right h4 {
      margin: 3rem 1rem 0 0;
      color: #fff; }

.a_navbar {
  background-color: #287ba8;
  grid-column: 1/-1;
  -ms-grid-row: 2;
  grid-row-start: 2;
  z-index: 1000;
  height: 56px;
  /*	.menuopener.menu_min {
				display: none;
			}
		
		.menuopener.menu_expd {
				display: none;
			}*/
  /*
	.media_sorter {

		display: inline-block;
		float: right;
		margin-top: 3px;
	}*/ }
  .a_navbar .nav_placeholder {
    grid-column: 1/-1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    height: 60px; }
  .a_navbar.sticky {
    position: fixed;
    top: 0;
    width: 100%; }
  .a_navbar .topnav {
    color: #000;
    height: 25px;
    padding: 0 1rem; }
  .a_navbar a.a_navbar-brand {
    padding-top: 3px;
    display: inline-block; }
  .a_navbar .login_drop {
    float: right;
    overflow: hidden;
    margin-right: 0.1rem;
    margin-left: 1rem; }
  .a_navbar .login_drop .login_btn {
    font-size: 16px;
    border: none;
    outline: none;
    padding-bottom: 8px;
    background-color: inherit;
    font-family: inherit;
    /* Important for vertical align on mobile phones */
    margin: 0;
    /* Important for vertical align on mobile phones */ }
  .a_navbar .login_drop:hover .login_btn {
    color: #6c757d; }
  .a_navbar .topnav_right a {
    cursor: pointer;
    color: #203f5a; }
  .a_navbar .topnav_right p {
    color: #dee2e6;
    display: inline; }
  .a_navbar .login_drop_content {
    display: none;
    position: absolute;
    right: 1rem;
    background-color: white;
    min-width: 160px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1; }
  .a_navbar .login_drop_content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #dee2e6; }
    .a_navbar .login_drop_content a:hover {
      color: #203f5a; }
  .a_navbar .login_drop:hover .login_drop_content {
    display: block; }
  .a_navbar .topnav_left {
    white-space: nowrap;
    display: inline-block;
    padding-right: 5px; }
  .a_navbar a {
    text-decoration: none;
    color: #000; }
  .a_navbar .tasknav {
    height: 35px;
    background-color: #dee2e6;
    width: auto;
    padding: 0.3rem 0.8rem 0.2rem 0.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .a_navbar .tasknav .menuopener {
      float: left;
      display: block; }
    .a_navbar .tasknav .sscr_menuopener {
      display: none; }
    @media (max-width: 767px) {
      .a_navbar .tasknav .menuopener {
        float: left;
        display: none; }
      .a_navbar .tasknav .sscr_menuopener {
        float: left;
        display: block; } }
  .a_navbar .searchbar {
    display: inline-block;
    width: 50%;
    margin-left: 175px;
    margin-right: 2rem;
    position: relative;
    white-space: nowrap; }
    @media (max-width: 767px) {
      .a_navbar .searchbar {
        margin-left: 16px; } }
    @media (max-width: 480px) {
      .a_navbar .searchbar {
        margin-left: 16px;
        width: 70vw; } }
    .a_navbar .searchbar .search_overlay {
      background-color: white;
      position: absolute;
      border: 1px solid #fbc33d;
      border-right: none;
      padding: 0.6rem;
      height: 16px;
      outline: none;
      width: calc(100% - 30px);
      top: 0;
      font-size: 1.5rem;
      color: #6c757d;
      vertical-align: top;
      border: none;
      z-index: 1200;
      opacity: 1; }
    .a_navbar .searchbar form {
      display: inline-block;
      width: 100%; }
      .a_navbar .searchbar form.a_searched span.a_searched {
        display: inline; }
      .a_navbar .searchbar form.a_searched span.a_notsearched {
        display: none; }
      .a_navbar .searchbar form:not(.a_searched) span.a_searched {
        display: none; }
      .a_navbar .searchbar form:not(.a_searched) span.a_notsearched {
        display: inline; }
      @media (max-width: 767px) {
        .a_navbar .searchbar form .antares_resultdesc {
          display: none; }
        .a_navbar .searchbar form .antares_resultcounter::before {
          content: "\f649";
          margin-right: 0.5rem; }
        .a_navbar .searchbar form .antares_resultcounter::after {
          content: "|";
          margin-left: 0.5rem; } }
    .a_navbar .searchbar input {
      display: inline-block;
      border: 1px solid #fbc33d;
      border-right: none;
      padding: 0.6rem;
      height: 16px;
      outline: none;
      width: calc(100% - 30px);
      font-size: 1.5rem;
      color: #6c757d;
      vertical-align: top;
      border: none; }
      .a_navbar .searchbar input:focus {
        background-color: white; }
    .a_navbar .searchbar button {
      display: inline-block;
      width: 30px;
      height: 28px;
      border: 1px solid #fbc33d;
      background: #fbc33d;
      vertical-align: top;
      color: #fff;
      cursor: pointer;
      font-size: 16px;
      margin-left: -3px;
      z-index: 1301; }
  .a_navbar .resultfilter {
    display: inline-block;
    vertical-align: top;
    border: none;
    margin-left: 1rem; }
    .a_navbar .resultfilter p {
      display: inherit;
      margin: 3px 10px; }
    .a_navbar .resultfilter button {
      display: inline-block;
      height: 27px;
      border: 1px solid #203f5a;
      background: #203f5a;
      vertical-align: top;
      color: #fff;
      cursor: pointer;
      font-size: 16px;
      margin-left: -3px; }
      @media (max-width: 480px) {
        .a_navbar .resultfilter button span {
          display: none; } }
    .a_navbar .resultfilter.filteractive button.showinactive {
      display: none; }
    .a_navbar .resultfilter.filteractive button.filterdelete {
      background-color: #fbc33d;
      margin-left: 1rem;
      border: none; }
      .a_navbar .resultfilter.filteractive button.filterdelete .fa-stack {
        font-size: 1.1rem;
        margin-top: -4px; }
        .a_navbar .resultfilter.filteractive button.filterdelete .fa-stack .fa-stack-1x {
          font-size: 1.2Fnonerem;
          color: #203f5a;
          color: white; }
        .a_navbar .resultfilter.filteractive button.filterdelete .fa-stack .fa-stack-2x {
          color: white;
          color: #203f5a;
          font-size: 2rem; }
    .a_navbar .resultfilter:NOT(.filteractive) button.showactive {
      display: none; }
  .a_navbar .tasknav_info {
    display: inline-block;
    margin-left: 176px;
    padding-top: 5px;
    color: #fbc33d;
    white-space: nowrap;
    overflow: hidden;
    max-width: 80%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    @media (max-width: 767px) {
      .a_navbar .tasknav_info {
        margin-left: 18px; } }

.sidebar {
  background-color: white;
  grid-row: 3 / -1; }
  .sidebar .sidenav {
    width: 200px; }
    .sidebar .sidenav.sticky {
      position: fixed;
      top: 60px; }
    .sidebar .sidenav ul {
      color: #fbc33d;
      padding-left: 0px;
      list-style: none;
      margin-top: 0px;
      /*li:first-child {
                background-color: red;
                position: fixed;
                width: 100vw;
                box-sizing: border-box;
                height: 40px;
            }
*/ }
      .sidebar .sidenav ul li {
        padding: 8px 2px 8px 10px;
        border-bottom: 1px solid #e9ecef;
        cursor: pointer; }
        .sidebar .sidenav ul li i {
          margin-right: 0.8rem; }
      .sidebar .sidenav ul li:last-child {
        border-bottom: none; }

.submenue_content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1; }

.content_wrapper {
  background-color: #EBF0F3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  grid-row: 3 / -1;
  padding-bottom: 50px; }
  .content_wrapper > div {
    display: -ms-grid;
    display: grid;
    position: relative;
    grid-gap: 1.5rem;
    padding: 1rem 0.75rem 0.75rem 0.75rem;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    grid-auto-flow: dense;
    /*		&.split {
			grid-template-columns: 1fr 1fr;
		}*/ }
    .content_wrapper > div .workspace {
      grid-column: 1/-1; }

#wrapperx {
  display: none; }

.tpl_impressum {
  padding-left: 3rem; }

iframe.mediaplayer {
  display: block;
  position: fixed;
  z-index: 5000;
  width: 100vw;
  height: 100vh;
  top: 0px;
  bottom: 0px;
  left: 0px;
  background-color: white;
  padding: 0;
  margin: 0;
  border: none;
  border-top: 40px solid white; }

.mediaplayerclose {
  display: block;
  position: fixed;
  z-index: 5001;
  top: 1px;
  right: 10px;
  background-color: white;
  font-size: 2.5rem; }

button.mediaplayerclose:hover {
  background-color: white; }

footer {
  position: fixed;
  height: 40px;
  width: 100%;
  bottom: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr -webkit-min-content 2fr;
  -ms-grid-columns: 2fr min-content 2fr;
  grid-template-columns: 2fr -webkit-min-content 2fr;
  grid-template-columns: 2fr min-content 2fr;
  border-top: 2px solid #203f5a;
  grid-gap: 1rem;
  background-color: #fff;
  z-index: 1200;
  font-size: 1.4rem;
  -ms-flex-line-pack: center;
  align-content: center; }
  footer a {
    margin-right: 1rem;
    text-decoration: none; }
  footer .footer-left {
    padding-left: 1rem;
    -ms-grid-column-align: left;
    justify-self: left; }
    footer .footer-left img {
      display: inline-block;
      height: 30px;
      width: auto;
      margin-left: 1rem;
      margin-top: 3px; }
  footer .footer-right {
    -ms-grid-column-align: right;
    justify-self: right; }

.shelfsearch input {
  position: relative;
  display: inline-block;
  border-right: none;
  padding: 0.6rem;
  height: 16px;
  outline: none;
  width: 80%;
  font-size: 1.5rem;
  color: #6c757d;
  vertical-align: top;
  border: none; }
  .shelfsearch input:focus {
    outline: none;
    background-color: white; }

.mzchoose {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  grid-gap: 2rem;
  padding: 2rem;
  justify-items: stretch; }
  .mzchoose h4 {
    grid-column: 1/-1; }
  .mzchoose .mztile {
    background-color: white;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    grid-gap: 2rem;
    padding: 1rem;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 4px solid #203f5a;
    height: 100px; }
    .mzchoose .mztile img {
      width: auto;
      height: auto;
      max-width: 120px !important;
      max-height: 100px !important; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #bfbfbf;
  border-radius: 10px;
  float: right; }

.lbadge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #bfbfbf;
  border-radius: 15px; }

.hello {
  margin-top: 20%;
  text-align: center; }

.hello h3 {
  margin-left: auto;
  margin-right: auto; }

.hello p {
  margin-top: 50px; }

div.result,
div.medialist {
  display: -ms-grid;
  display: grid;
  position: relative;
  grid-gap: 1.5rem;
  padding: 1rem 0.75rem 0.75rem 0.75rem;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  -ms-flex-line-pack: distribute;
  align-content: space-around; }
  @media (max-width: 480px) {
    div.result,
    div.medialist {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }
  div.result .media_element,
  div.medialist .media_element {
    background-color: white;
    position: relative; }
    div.result .media_element[data-mediasrc="offline"] .func-playbutton,
    div.result .media_element[data-mediasrc="offline"] .func-downloadbutton,
    div.medialist .media_element[data-mediasrc="offline"] .func-playbutton,
    div.medialist .media_element[data-mediasrc="offline"] .func-downloadbutton {
      display: none !important; }
    div.result .media_element[data-mediasrc="online"] .func-rentbutton,
    div.medialist .media_element[data-mediasrc="online"] .func-rentbutton {
      display: none !important; }
    div.result .media_element .media_info,
    div.medialist .media_element .media_info {
      padding: 0.2rem 1rem;
      background-color: #287ba8; }
      div.result .media_element .media_info p,
      div.medialist .media_element .media_info p {
        margin: 0; }
    div.result .media_element:not(.inlist) .me_flagged,
    div.medialist .media_element:not(.inlist) .me_flagged {
      display: none; }
    div.result .media_element:not(.inlist) .func-medialistremove,
    div.medialist .media_element:not(.inlist) .func-medialistremove {
      display: none !important; }
    div.result .media_element .media_img,
    div.medialist .media_element .media_img {
      display: block;
      position: relative;
      width: auto;
      height: 130px; }
      div.result .media_element .media_img.img_zoom,
      div.medialist .media_element .media_img.img_zoom {
        height: 130px;
        overflow: hidden;
        width: auto; }
        div.result .media_element .media_img.img_zoom img,
        div.medialist .media_element .media_img.img_zoom img {
          position: relative;
          -webkit-transition: -webkit-transform 2s ease;
          transition: -webkit-transform 2s ease;
          -o-transition: transform 2s ease;
          transition: transform 2s ease;
          transition: transform 2s ease, -webkit-transform 2s ease;
          height: 130px;
          width: auto; }
          div.result .media_element .media_img.img_zoom img:hover,
          div.medialist .media_element .media_img.img_zoom img:hover {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2); }
    div.result .media_element .media_title,
    div.medialist .media_element .media_title {
      padding-left: 1rem;
      padding-right: 0.5rem; }
      div.result .media_element .media_title h4,
      div.medialist .media_element .media_title h4 {
        margin-top: 1rem;
        margin-bottom: 0; }
    div.result .media_element .media_footer,
    div.medialist .media_element .media_footer {
      background-color: white;
      grid-column: 1 /-1; }
      div.result .media_element .media_footer a,
      div.medialist .media_element .media_footer a {
        display: block;
        z-index: 1100;
        width: 100%;
        cursor: pointer;
        height: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      div.result .media_element .media_footer i,
      div.medialist .media_element .media_footer i {
        color: #fbc33d;
        font-size: 2.4rem; }
    div.result .media_element .me_flagged,
    div.medialist .media_element .me_flagged {
      position: absolute;
      width: 25px;
      height: 25px;
      background-color: #203f5a;
      right: 0px;
      bottom: 0px;
      font-size: 2rem;
      text-align: center;
      color: #287ba8;
      color: #fff; }
      div.result .media_element .me_flagged i,
      div.medialist .media_element .me_flagged i {
        margin-top: 2px; }
    div.result .media_element.gal,
    div.medialist .media_element.gal {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: -webkit-min-content 1fr;
      -ms-grid-columns: min-content 1fr;
      grid-template-columns: -webkit-min-content 1fr;
      grid-template-columns: min-content 1fr;
      -ms-grid-rows: 25px 130px 1fr 30px;
      grid-template-rows: 25px 130px 1fr 30px; }
      div.result .media_element.gal .media_info,
      div.medialist .media_element.gal .media_info {
        grid-column: 1/-1; }
      div.result .media_element.gal .media_img,
      div.medialist .media_element.gal .media_img {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2 / 3; }
      div.result .media_element.gal .media_btn,
      div.medialist .media_element.gal .media_btn {
        -ms-grid-column: 2;
        grid-column: 2;
        padding-left: 1rem;
        border: none;
        color: #fff; }
        div.result .media_element.gal .media_btn .btn,
        div.medialist .media_element.gal .media_btn .btn {
          text-align: left;
          width: 140px;
          margin: 0.8rem 0.4rem 0 0;
          display: inline-block;
          background: #fcd679;
          position: relative; }
          div.result .media_element.gal .media_btn .btn .iright,
          div.medialist .media_element.gal .media_btn .btn .iright {
            position: absolute;
            right: 0.5rem;
            top: 0.5rem; }
          div.result .media_element.gal .media_btn .btn:hover,
          div.medialist .media_element.gal .media_btn .btn:hover {
            background: #fbc33d;
            color: white; }
      div.result .media_element.gal .media_btn [data-onclick="window.print"],
      div.medialist .media_element.gal .media_btn [data-onclick="window.print"] {
        display: none; }
      div.result .media_element.gal .media_body,
      div.medialist .media_element.gal .media_body {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3 / 4;
        grid-column: 1 /-1;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: -webkit-min-content 1fr;
        -ms-grid-rows: min-content 1fr;
        grid-template-rows: -webkit-min-content 1fr;
        grid-template-rows: min-content 1fr;
        /*					.media_btn_big {
			display: none;
		}*/ }
        div.result .media_element.gal .media_body .media_title,
        div.medialist .media_element.gal .media_body .media_title {
          padding-bottom: 1rem; }
        div.result .media_element.gal .media_body .media_text,
        div.medialist .media_element.gal .media_body .media_text {
          overflow-y: hidden;
          padding-right: 1rem;
          padding-left: 1rem;
          line-height: 2rem;
          height: 15rem;
          -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, black), color-stop(93.33333%, transparent));
          -webkit-mask-image: -webkit-linear-gradient(top, black 50%, transparent 93.33333%);
          mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, black), color-stop(93.33333%, transparent));
          mask-image: linear-gradient(to bottom, black 50%, transparent 93.33333%); }
        div.result .media_element.gal .media_body .media_record,
        div.medialist .media_element.gal .media_body .media_record {
          display: none; }
    div.result .media_element.media_element_big,
    div.medialist .media_element.media_element_big {
      position: fixed;
      z-index: 1800;
      width: 90vw;
      height: 90vh;
      top: 5vh;
      bottom: 5vh;
      left: 5vw;
      right: 5vw;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 400px 1fr;
      grid-template-columns: 400px 1fr;
      -ms-grid-rows: 25px 226px 1fr;
      grid-template-rows: 25px 226px 1fr; }
      div.result .media_element.media_element_big .media_info,
      div.medialist .media_element.media_element_big .media_info {
        grid-column: 1/-1; }
      div.result .media_element.media_element_big .media_img,
      div.medialist .media_element.media_element_big .media_img {
        display: inline-block;
        width: 400px;
        height: 226px;
        position: relative;
        background-color: white; }
        div.result .media_element.media_element_big .media_img.img_zoom,
        div.medialist .media_element.media_element_big .media_img.img_zoom {
          height: 226px;
          overflow: hidden;
          width: auto; }
          div.result .media_element.media_element_big .media_img.img_zoom img,
          div.medialist .media_element.media_element_big .media_img.img_zoom img {
            position: relative;
            -webkit-transition: -webkit-transform 2s ease;
            transition: -webkit-transform 2s ease;
            -o-transition: transform 2s ease;
            transition: transform 2s ease;
            transition: transform 2s ease, -webkit-transform 2s ease;
            height: 226px;
            width: auto; }
            div.result .media_element.media_element_big .media_img.img_zoom img:hover,
            div.medialist .media_element.media_element_big .media_img.img_zoom img:hover {
              -webkit-transform: scale(1.2);
              -ms-transform: scale(1.2);
              transform: scale(1.2); }
        @media (max-width: 480px) {
          div.result .media_element.media_element_big .media_img,
          div.medialist .media_element.media_element_big .media_img {
            width: 100%;
            height: auto; } }
      div.result .media_element.media_element_big .media_body,
      div.medialist .media_element.media_element_big .media_body {
        overflow: auto;
        background-color: white;
        grid-column: 1/-1;
        margin-top: 2rem; }
        div.result .media_element.media_element_big .media_body .media_title,
        div.medialist .media_element.media_element_big .media_body .media_title {
          padding-left: 2rem; }
        div.result .media_element.media_element_big .media_body .media_text,
        div.medialist .media_element.media_element_big .media_body .media_text {
          padding: 1rem 2rem;
          height: auto;
          background-color: white;
          overflow: auto;
          -webkit-mask-image: none;
          mask-image: none; }
        div.result .media_element.media_element_big .media_body .media_record,
        div.medialist .media_element.media_element_big .media_body .media_record {
          display: block;
          padding: 1rem;
          background-color: white;
          word-wrap: break-word; }
          div.result .media_element.media_element_big .media_body .media_record .rec_table,
          div.medialist .media_element.media_element_big .media_body .media_record .rec_table {
            display: table;
            width: auto;
            border-collapse: collapse; }
          div.result .media_element.media_element_big .media_body .media_record .rec_tr,
          div.medialist .media_element.media_element_big .media_body .media_record .rec_tr {
            display: table-row;
            border-bottom: 1px solid #dee2e6; }
            div.result .media_element.media_element_big .media_body .media_record .rec_tr:last-child,
            div.medialist .media_element.media_element_big .media_body .media_record .rec_tr:last-child {
              border-bottom: none; }
          div.result .media_element.media_element_big .media_body .media_record .rec_tcontent,
          div.medialist .media_element.media_element_big .media_body .media_record .rec_tcontent {
            display: table-cell;
            padding: 0.5rem; }
            @media (max-width: 480px) {
              div.result .media_element.media_element_big .media_body .media_record .rec_tcontent,
              div.medialist .media_element.media_element_big .media_body .media_record .rec_tcontent {
                display: block; }
                div.result .media_element.media_element_big .media_body .media_record .rec_tcontent ul,
                div.medialist .media_element.media_element_big .media_body .media_record .rec_tcontent ul {
                  padding-left: 1.5rem; } }
          div.result .media_element.media_element_big .media_body .media_record .rec_tlabel,
          div.medialist .media_element.media_element_big .media_body .media_record .rec_tlabel {
            display: table-cell;
            width: 25%;
            padding: 0.5rem;
            font-weight: 600; }
            @media (max-width: 480px) {
              div.result .media_element.media_element_big .media_body .media_record .rec_tlabel,
              div.medialist .media_element.media_element_big .media_body .media_record .rec_tlabel {
                display: block;
                width: 100%; } }
      div.result .media_element.media_element_big .media_btn,
      div.medialist .media_element.media_element_big .media_btn {
        background-color: white;
        display: inline-block;
        width: 400px;
        vertical-align: top; }
        @media (max-width: 480px) {
          div.result .media_element.media_element_big .media_btn,
          div.medialist .media_element.media_element_big .media_btn {
            width: 100%; } }
        div.result .media_element.media_element_big .media_btn .btn,
        div.medialist .media_element.media_element_big .media_btn .btn {
          display: inline-block;
          border: none;
          margin: 0.8rem auto;
          width: 180px;
          background: #fcd679;
          margin-left: 10px;
          color: white;
          padding: 0.6rem;
          text-align: left;
          position: relative; }
          div.result .media_element.media_element_big .media_btn .btn .iright,
          div.medialist .media_element.media_element_big .media_btn .btn .iright {
            position: absolute;
            right: 0.5rem;
            top: 0.8rem; }
          div.result .media_element.media_element_big .media_btn .btn:hover,
          div.medialist .media_element.media_element_big .media_btn .btn:hover {
            background: #fbc33d; }
          div.result .media_element.media_element_big .media_btn .btn i,
          div.medialist .media_element.media_element_big .media_btn .btn i {
            margin-right: 0.5rem; }
          div.result .media_element.media_element_big .media_btn .btn .fa-caret-down,
          div.medialist .media_element.media_element_big .media_btn .btn .fa-caret-down {
            float: right; }
      div.result .media_element.media_element_big .media_footer,
      div.medialist .media_element.media_element_big .media_footer {
        position: absolute;
        top: 40px;
        right: 24px; }
        div.result .media_element.media_element_big .media_footer a,
        div.medialist .media_element.media_element_big .media_footer a {
          display: block;
          cursor: pointer;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        div.result .media_element.media_element_big .media_footer i,
        div.medialist .media_element.media_element_big .media_footer i {
          font-size: 3rem;
          color: red; }
      div.result .media_element.media_element_big .me_flagged,
      div.medialist .media_element.media_element_big .me_flagged {
        top: 0px; }

div.medialist .me_flagged {
  display: none; }

.content_wrapper > .bookshelf {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }

.content_wrapper > .schoolmaster {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.content_wrapper > .eduid {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }

.eduid_element,
.user_element {
  max-width: 450px;
  background-color: #fff; }
  .eduid_element h4,
  .user_element h4 {
    display: inline; }
  .eduid_element .sme_body p,
  .user_element .sme_body p {
    margin-left: 80px; }
  .eduid_element .sme_body.mqr,
  .user_element .sme_body.mqr {
    padding: 1rem; }
    .eduid_element .sme_body.mqr p,
    .user_element .sme_body.mqr p {
      margin-left: 1rem; }
  .eduid_element i,
  .user_element i {
    color: #ced4da;
    float: left;
    padding: 1rem; }
  .eduid_element .sme_footer,
  .user_element .sme_footer {
    padding: 0 1rem; }
    .eduid_element .sme_footer p,
    .user_element .sme_footer p {
      margin-left: 0px; }
  .eduid_element:hover .blurred_dark,
  .user_element:hover .blurred_dark {
    -webkit-transition: -webkit-filter 1s;
    transition: -webkit-filter 1s;
    -o-transition: filter 1s;
    transition: filter 1s;
    transition: filter 1s, -webkit-filter 1s;
    -webkit-filter: blur(0rem) opacity(1);
    filter: blur(0rem) opacity(1); }
  .eduid_element:hover .blurred_light,
  .user_element:hover .blurred_light {
    -webkit-transition: -webkit-filter 1s;
    transition: -webkit-filter 1s;
    -o-transition: filter 1s;
    transition: filter 1s;
    transition: filter 1s, -webkit-filter 1s;
    -webkit-filter: blur(0rem) opacity(1);
    filter: blur(0rem) opacity(1); }

.add_element input {
  margin-top: 2rem;
  width: 98%; }

.add_element .sme_footer .btn {
  width: 100%; }

.add_element .sme_footer i {
  padding: 0.2rem;
  float: none; }

.book_element {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px 1fr;
  grid-template-columns: 200px 1fr;
  -ms-grid-rows: 40px 240px 48px;
  grid-template-rows: 40px 240px 48px;
  background-color: #fff;
  /*	&.book_element_expd {
		
		position: fixed;
		z-index: 999;
		width: 100%;
		position: fixed;
	z-index: 1200;
	padding-top: 150px;
	max-width: 100%;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
	}*/ }
  .book_element h4 {
    display: inline; }
  .book_element p {
    padding: 0 18px 0 18px;
    line-height: 2rem; }
  .book_element img {
    max-width: 150px; }
  .book_element .sme_header {
    background-color: #f79537;
    padding: 0.8rem;
    grid-column: -1/1; }
    .book_element .sme_header .bookcheck {
      display: inline-block; }
  .book_element .sme_body {
    position: relative;
    grid-column: -1/1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 1fr;
    grid-template-columns: 150px 1fr;
    background-color: white; }
    .book_element .sme_body .sme_expander {
      position: absolute;
      bottom: 2rem;
      right: 1rem;
      cursor: pointer;
      z-index: 1; }
      .book_element .sme_body .sme_expander i.fas.fa-times-circle {
        display: none; }
      .book_element .sme_body .sme_expander i.fas.fa-plus-circle {
        display: inline-block;
        color: #203f5a; }
    .book_element .sme_body .book_text {
      padding-top: 1rem;
      line-height: 2rem;
      height: 21rem;
      overflow-y: hidden;
      -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, black), color-stop(93.33333%, transparent));
      -webkit-mask-image: -webkit-linear-gradient(top, black 75%, transparent 93.33333%);
      mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, black), color-stop(93.33333%, transparent));
      mask-image: linear-gradient(to bottom, black 75%, transparent 93.33333%); }
      .book_element .sme_body .book_text .codeinfo {
        font-weight: 600; }
  .book_element .book_footer {
    grid-column: -1/1;
    padding: 1rem; }
    .book_element .book_footer .btn {
      float: right; }

.sme_header {
  padding: 1rem;
  background-color: white; }
  .sme_header p {
    margin: 0; }
  .sme_header input {
    float: right;
    height: 18px;
    width: 18px; }

.book_element.book_element_expd {
  position: fixed;
  z-index: 1800;
  -ms-grid-rows: 75px 75vh 48px;
  grid-template-rows: 75px 75vh 48px;
  width: 100vw;
  height: 100vh;
  top: 0px;
  bottom: 0px;
  left: 0px;
  padding-top: 5vw;
  background-color: rgba(0, 0, 0, 0.85); }
  .book_element.book_element_expd .sme_expander {
    top: -65px; }
    .book_element.book_element_expd .sme_expander i.fas.fa-plus-circle {
      display: none; }
    .book_element.book_element_expd .sme_expander i.fas.fa-times-circle {
      display: inline-block;
      color: #ff0000; }
  .book_element.book_element_expd img {
    max-width: 100%;
    height: auto; }
  .book_element.book_element_expd .sme_header,
  .book_element.book_element_expd .book_footer,
  .book_element.book_element_expd .sme_body {
    margin-left: 10vw;
    margin-right: 10vw;
    background-color: white; }
  .book_element.book_element_expd .book_text {
    height: auto;
    overflow-y: auto;
    -webkit-mask-image: none;
    mask-image: none; }
  .book_element.book_element_expd .sme_header .bookcheck {
    display: none; }
  .book_element.book_element_expd .sme_body {
    -ms-grid-columns: 1fr 3fr;
    grid-template-columns: 1fr 3fr; }

.eduidselector,
.medialistselector {
  z-index: 3000;
  padding: 0rem 1rem 0.5rem 1rem;
  position: absolute;
  background-color: white;
  border: 1px solid #203f5a;
  text-align: right;
  min-width: 300px;
  max-width: 400px; }
  .eduidselector .listselector_header,
  .medialistselector .listselector_header {
    border-top: 8px solid #203f5a;
    border-bottom: 1px solid #203f5a;
    padding: 0.5rem 1rem;
    margin-right: -1rem;
    margin-left: -1rem;
    text-align: left; }
    .eduidselector .listselector_header p,
    .medialistselector .listselector_header p {
      display: inline; }
  .eduidselector .listselector_newlist,
  .medialistselector .listselector_newlist {
    padding: 0.5rem 0rem;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 34px;
    grid-template-columns: 1fr 34px;
    margin-top: 1rem; }
    .eduidselector .listselector_newlist input,
    .medialistselector .listselector_newlist input {
      /*width: auto;
			padding: 0.5rem;
			display: inline-block;
			border-right: none;*/
      width: 100%;
      padding: 0.5rem;
      border: none;
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .eduidselector .listselector_newlist .btn,
    .medialistselector .listselector_newlist .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
      .eduidselector .listselector_newlist .btn[disabled],
      .medialistselector .listselector_newlist .btn[disabled] {
        background-color: #ced4da;
        color: #e9ecef;
        cursor: default; }
        .eduidselector .listselector_newlist .btn[disabled]:hover,
        .medialistselector .listselector_newlist .btn[disabled]:hover {
          background-color: #ced4da;
          color: #e9ecef; }
  .eduidselector .listselector_choose,
  .medialistselector .listselector_choose {
    margin-top: 1rem; }
    .eduidselector .listselector_choose input,
    .medialistselector .listselector_choose input {
      width: 100%;
      padding: 0.5rem;
      margin-top: 0.9rem;
      padding: 0.5rem;
      border: none;
      border-left: 1px solid #ccc;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .eduidselector .listselector_choose input .func-search,
      .medialistselector .listselector_choose input .func-search {
        border-bottom: none; }
    .eduidselector .listselector_choose select,
    .medialistselector .listselector_choose select {
      margin-bottom: 0.5rem;
      width: 100%;
      padding-left: 0.8rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 1px solid #ccc;
      overflow-y: scroll;
      scrollbar-width: none;
      -ms-overflow-style: none; }
      .eduidselector .listselector_choose select:focus,
      .medialistselector .listselector_choose select:focus {
        outline: none !important;
        /*outline-style: none;
box-shadow: none;
border-color: transparent;*/ }
      .eduidselector .listselector_choose select:hover,
      .medialistselector .listselector_choose select:hover {
        scrollbar-width: auto; }
  .eduidselector button.func-close,
  .medialistselector button.func-close {
    position: absolute;
    right: 1rem;
    border: none;
    background-color: #fff;
    padding: 0;
    font-size: 2rem; }

.playlisthead {
  display: block;
  position: relative;
  margin-top: -1rem;
  padding: 1rem;
  background-color: white; }

.eduid .playlisthead,
.medialist .playlisthead {
  display: -ms-grid;
  display: grid;
  grid-gap: 2rem;
  position: relative;
  margin-top: -1rem;
  padding: 1rem;
  background-color: white;
  /*	.eduidclosable_head {
		
		
		
	
		
		
		
		

		>Jan
		
		
			background-color: $main-col1-light;


			.eduidclosable_opener,
			.eduidclosable_closer {
				background-color: transparent;
				
			}*/
  /*.eduidclosable_head {

		
			.eduidclosable_opener,
			.eduidclosable_closer {
				background-color: transparent;
				color: $text-dark;
				border-top: 2px solid $main-col1-light;
				border-right: 2px solid $main-col1-light;
				border-left: 2px solid $main-col1-light;
				border-bottom: 2px solid white;
				margin-bottom: -2px;
				z-index: 1;
				position: relative;
				width: 225px;

				margin-left: 0px;
				padding-left: 0rem;
				padding-top: 0;
				padding-bottom: 0;
				text-align: left;


				i:nth-child(1) {
					padding: 0.3em;
					background-color: $main-col1-light;
					color: $text-invers;
				}


			}
		}*/
  /*
		.eduidclosablesetup {

			border: solid $main-col1-light;
			border-width: 2px 2px 2px 2px;
			//margin-bottom: 1rem;
			padding: 1rem;	}
		
		
		
		

			.closable_inner {

				display: grid;
				grid-gap: 2rem;
				
	
			}
*/ }
  .eduid .playlisthead:nth-of-type(2),
  .medialist .playlisthead:nth-of-type(2) {
    margin-top: 0;
    border-top: 3px solid #287ba8; }
  .eduid .playlisthead .btn.delall,
  .medialist .playlisthead .btn.delall {
    float: right; }
  .eduid .playlisthead .eduid_options,
  .medialist .playlisthead .eduid_options {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: start; }
  .eduid .playlisthead .eduid_list,
  .medialist .playlisthead .eduid_list {
    padding: 1rem;
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    background-color: #e9ecef; }
  .eduid .playlisthead .add_element,
  .medialist .playlisthead .add_element {
    background-color: aquamarine; }
  .eduid .playlisthead .eduid_item,
  .medialist .playlisthead .eduid_item {
    display: -ms-grid;
    display: grid;
    border-top: 5px solid #203f5a;
    background-color: white;
    position: relative; }
    .eduid .playlisthead .eduid_item .eduid_item_body,
    .medialist .playlisthead .eduid_item .eduid_item_body {
      padding: 1rem; }
      .eduid .playlisthead .eduid_item .eduid_item_body i,
      .eduid .playlisthead .eduid_item .eduid_item_body p,
      .medialist .playlisthead .eduid_item .eduid_item_body i,
      .medialist .playlisthead .eduid_item .eduid_item_body p {
        display: inline; }
      .eduid .playlisthead .eduid_item .eduid_item_body p,
      .medialist .playlisthead .eduid_item .eduid_item_body p {
        margin-left: 1rem; }
      .eduid .playlisthead .eduid_item .eduid_item_body i,
      .medialist .playlisthead .eduid_item .eduid_item_body i {
        color: #203f5a; }
    .eduid .playlisthead .eduid_item .eduid_item_footer,
    .medialist .playlisthead .eduid_item .eduid_item_footer {
      bottom: 0px;
      position: relative;
      height: 25px;
      -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end; }
      .eduid .playlisthead .eduid_item .eduid_item_footer .btn:first-child,
      .medialist .playlisthead .eduid_item .eduid_item_footer .btn:first-child {
        position: absolute;
        left: 0px;
        background-color: #287ba8; }
      .eduid .playlisthead .eduid_item .eduid_item_footer .btn:last-child,
      .medialist .playlisthead .eduid_item .eduid_item_footer .btn:last-child {
        position: absolute;
        background-color: transparent;
        font-size: 1.6rem;
        right: 0px; }
  .eduid .playlisthead .addform,
  .medialist .playlisthead .addform {
    margin-top: 1rem;
    display: inline-block;
    white-space: nowrap; }
    .eduid .playlisthead .addform input[type=number],
    .medialist .playlisthead .addform input[type=number] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 1px solid #203f5a;
      width: 60px;
      padding: 0;
      line-height: 23px;
      margin-right: -3px;
      padding-left: 5px; }

.inlineedit-element {
  padding: 0.8rem; }
  .inlineedit-element em {
    width: 80px;
    display: inline-block;
    font-style: normal;
    font-weight: 600; }
  .inlineedit-element input {
    outline: none !important;
    border: none;
    border-bottom: 1px solid #dee2e6; }

.inlineedit-passiveelement {
  background-color: #e9ecef; }
  .inlineedit-passiveelement::before {
    content: "\f044";
    margin-right: 1rem;
    color: #6c757d; }

.bemerkung textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 5em;
  padding: 1rem; }

.inlineedit-editor-checkbox.inlineedit-passiveelement {
  background-color: white;
  padding: 0rem; }
  .inlineedit-editor-checkbox.inlineedit-passiveelement::before {
    content: none; }

.medialist .playlisthead {
  display: block;
  position: relative;
  margin-top: -1rem;
  padding: 1rem;
  background-color: white; }

.medialist .btn[data-onclick='medialists.remove_list'] {
  float: right; }

.medialist .savebutton {
  margin-bottom: 1rem; }

.lists_element {
  background-color: #fff;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 50px 2fr 25px;
  grid-template-rows: 50px 2fr 25px; }

.le_header {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 0.5rem 1rem;
  border-top: 5px solid #203f5a;
  border-bottom: 1px solid #e9ecef; }
  .le_header h4 {
    display: inline;
    margin-top: 0rem; }

.le_body {
  padding-bottom: 1rem; }
  .le_body img {
    background-color: #adb5bd; }
  .le_body p {
    padding-left: 1rem;
    padding-right: 1rem; }
    .le_body p:first-child {
      margin-top: 1rem; }
  .le_body input[type=text] {
    width: 90%;
    padding: 8px 10px;
    margin: 1rem;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .le_body .edu_viko {
    padding: 1rem;
    margin: 1rem;
    background-color: #dee2e6; }
    .le_body .edu_viko h4 {
      margin-top: 0;
      margin-bottom: 2rem; }

.le_footer {
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  padding: 1rem; }
  .le_footer .btn:first-child {
    float: left; }
  .le_footer .btn:last-child {
    float: right; }

/* Slideshow container */
#news {
  padding: 0; }

.slidefather {
  max-width: 100%;
  position: relative;
  margin: auto; }

/* Hide the images by default */
.smasterSlides {
  display: none; }

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8); }

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center; }

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0; }

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: background-color 0.6s ease;
  -o-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease; }

.active, .dot:hover {
  background-color: #717171; }

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s; }

@-webkit-keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

@keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

@media print {
  body {
    /*grid-template-columns: 0px 1fr;
		grid-template-rows: 1fr auto;*/
    overflow: auto;
    height: auto;
    display: block; }
  .blurred_dark, .blurred_light {
    -webkit-filter: none;
    filter: none; }
  .header, .a_navbar, .workspace,
  .sidebar, .footer, .btn, input {
    display: none; }
  #menuopener {
    display: none; }
  .savebutton {
    visibility: hidden; }
  .content_wrapper > div {
    display: block; }
  .inlineedit-passiveelement::before {
    display: none; }
  .inlineedit-passiveelement {
    background-color: white; }
  .playlisthead::after {
    content: "(Hier kommmt noch eine Liste hin.) Die Schülerzugänge können auf Visitenkarten-Druckbögen Typ C32014 (Avery Zweckform) gedruckt werden."; }
  .workspace {
    page-break-after: always; }
  .eduid_element {
    display: inline-block;
    width: 85mm;
    height: 52mm;
    page-break-inside: avoid;
    margin-bottom: 0; }
    .eduid_element .sme_body {
      padding-top: 0; }
      .eduid_element .sme_body.mqr {
        padding-top: 0px;
        padding-bottom: 0px; }
      .eduid_element .sme_body i.func-qrcode {
        padding-top: 0px; }
        .eduid_element .sme_body i.func-qrcode img {
          width: 100px;
          height: auto; }
      .eduid_element .sme_body p {
        font-size: 1.2rem; }
    .eduid_element p.inlineedit-element {
      display: inline-block;
      margin-bottom: 0; } }

.a_navbar {
  background-color: #203f5a; }
  .a_navbar .topnav {
    color: #fff; }
  .a_navbar a.a_navbar-brand {
    display: inline-block;
    color: #fff; }
  .a_navbar .login_drop .login_btn {
    color: #fff; }
    .a_navbar .login_drop .login_btn:hover {
      color: #dee2e6; }
  .a_navbar .topnav_right a {
    color: #fff; }
  .a_navbar .login_drop_content a {
    color: #495057; }

.submenue_content {
  background-color: #f1f1f1; }

/*.content_wrapper {
	& > div {
		@import "media_element_new";
	}
}*/
.antares-active i,
.antares-active b {
  color: #203f5a; }

#news {
  display: block; }

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