/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #337ab7;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #cccccc;
  outline: 0;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

/*** custom ***/

.bootstrap-switch.bootstrap-switch-disabled, 
.bootstrap-switch.bootstrap-switch-readonly, 
.bootstrap-switch.bootstrap-switch-indeterminate {
   opacity: 0.5;
}

.bootstrap-switch.bootstrap-switch-disabled + span, 
.bootstrap-switch.bootstrap-switch-readonly + span, 
.bootstrap-switch.bootstrap-switch-indeterminate + span {
   opacity: 0.3;
}

.bootstrap-switch {
   box-sizing: border-box;
    width: 45px !important;
}

.bootstrap-switch-container {
   background-color: #f1f1f1;
}

.bootstrap-switch-wrapper {
    border-radius: 20px;
}

.bootstrap-switch-handle-on,
.bootstrap-switch-handle-off {
   opacity: 0;
   padding: 0;
}

.bootstrap-switch .bootstrap-switch-label {
   background: transparent;
   position: absolute;
}

.bootstrap-switch .flip-switch-handle {
    display: inline-block;
    background-color: #ffffff;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.bootstrap-switch .bootstrap-switch-container, 
.bootstrap-switch .bootstrap-switch-container > span {
    padding: 0;
}

.bootstrap-switch .bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-default {
   line-height: 22px;
}

.bootstrap-switch-on .bootstrap-switch-container {
    background-color: #757575;
}

.bootstrap-switch-off .bootstrap-switch-container {
    margin-left: -21px !important;
}
.bootstrap-switch .bootstrap-switch-default {
    position: absolute;
    left: 45px;
}

/* global styles for elements */

body {
   margin: 0;
   padding: 0;
   background-color: #f7f7ed;
   font-family: Helvetica, Arial, sans-serif;
   color: rgb(66,62,63);
   overflow: hidden;
}

input, textarea {
   border: 1px solid #D4D4C7;
}

img {
   border: 0 none;
}

select{
   height: 27px;
   background: transparent;
   font-size: 13px;
   line-height: 1;
   border: 1px solid #D4D4C7;
   border-radius: 0;
   text-align:center;
   border-radius: 15px;
   -webkit-box-shadow: 0 8px 9px -9px rgb(189,190,178);
   -moz-box-shadow: 0 8px 9px -9px rgb(189,190,178);
   box-shadow: 0 8px 9px -9px rgb(189,190,178);
}

select option {
   text-align: left;
}

h1 {
   font-size: 16px;
   margin-bottom: 15px;
   margin-top: 15px;
}

h2, h3 {
   margin-bottom: 10px;
   margin-top: 10px;
}

a {
   color: #205780;
}

input {
   color: #000;
}

span.bold {
   font-weight: bold;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

iframe:not([seamless]) {
    border:none;
    background: #F7F7F1;
}
iframe[name="upload_iframe"] {
    background-color: #FFFFFF;
    margin: 1em 0;
    box-shadow: 2px 2px 2px #DDDDDD;
}

.not-displayed {
    display: none;
}

.empty-content-placeholder {
    font-style: italic;
    color: #969682;
    padding: 20px 0;
    font-size: 13px;
}

.empty-content-placeholder a {
    color: inherit;
    font-weight: bold;
}

::-webkit-input-placeholder { /* WebKit browsers */
    font-style: italic;
    font-size: 11px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: italic;
    font-size: 11px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: italic;
    font-size: 11px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    font-size: 11px;
}

/* bootstrap-switch */

.bootstrap-switch {
   overflow: visible;
   width: 40px !important;
   margin: 3px 3px 3px 0;
}

.bootstrap-switch * {
   box-sizing: border-box;
}

.bootstrap-switch .bootstrap-switch-primary {
    line-height: 16px;
}

.bootstrap-switch .bootstrap-switch-label {
   top: -3px;
   width: 22px !important;
}

.bootstrap-switch .flip-switch-handle {
   box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
   border: 1px solid #cccccc;
}

.bootstrap-switch-container,
.bootstrap-switch-on .bootstrap-switch-container {
   background-color: transparent;
}

.bootstrap-switch.bootstrap-switch-on {
   background-color: #757575;
}

.bootstrap-switch.bootstrap-switch-off {
   background-color: #eeeeee;
}

.bootstrap-switch-off .bootstrap-switch-container {
   margin-left: -22px !important;
}

/* login */
.login-welcome {
    width: 485px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgb(196, 196, 180);
}
.login-welcome-headline {
    margin-top: 0;
}
.login-welcome-links-caption {
    padding: 20px 0 5px;
    font-weight: bold;
}
.login-welcome-links-cntnr {
    border-top: 1px solid #ffffff;
    padding-top: 30px;
}
.login-welcome-links-caption,
.login-welcome-links-cntnr {
    width: 485px;
}
.login-welcome-links {
    padding-top: 15px;
}

/* main panel */

.main-panel {
   height: 100%;
   padding: 0 25px 25px;
   background-color: #efefef;
   font-size: 13px;
   overflow-y: auto;
   width: 950px;
}

.main-panel.login {
   background-image: url('../pics/login.png');
   background-repeat: no-repeat;
   background-position: 65% 55%;
   background-size: 60%;
}

.main-panel-text{
   width: 650px;
   padding: 20px 0 5px;
}

.viewport {
   width: 950px;
}

.text-page-header{
   width: 950px;
   margin-top: 15px;
   padding-bottom: 13px;
   border-bottom: 3px solid #333333;
}

.content-wrapper {
   background-color: #efefef;
   position: absolute;
   top: 100px;
   bottom: 70px;
   left: 0;
   right: 0;
}

.content, .header, .footer-menu, .footer-meta {
   margin: 0 auto;
   width: 1000px;
}

.content{
   height: 100%;
   border-left: 1px solid #d4d4c7;
   border-right: 1px solid #d4d4c7;
}

.div-caption {
   font-weight: bold;
   padding: 5px 0;
}

/* head */

.head{
   background-color: #000;
   background-image: linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -o-linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -moz-linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -webkit-linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -ms-linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.05, rgb(40,39,37)),
      color-stop(0.56, rgb(66,62,63))
   );
   margin-top:-120px;
   width: 100%;
}

.header{
   height: 100px;
}

.top-menu{
   height: 100%;
   width: 850px;
   float: left;
}

.logo{
   height: 100%;
   width: 150px;
   float: left;
   text-align: center;
}

.logo img{
   width: 100%;
}

.header-meta {
   color: #D4CFCA;
   margin: 3px 0;
   font-size: 11px;
}

.topic-indicator {
   margin: 4px 10px;
}

.app-info{
   height: 20px;
   color: #f7f7ee;
   font-weight: bold;
   font-size: 11px;
   padding: 10px 0 4px;
   float: left;
}

.user-data{
   height: 18px;
   color: #807d7a;
   font-size: 11px;
   width: 215px;
   text-align: right;
}

.user-data a img{
   margin: 0 5px 0 10px;
}

.user-panel .user-data{
   display: none;
}

.news, .user-info{
   width: 195px;
   float: left;
   padding: 10px 5px;
}

.news ul li img, .user-info ul li img{
   margin: -2px 5px 0 0;
   width: 7px;
   vertical-align: middle;
}

.profile-settings{
   float: right;
   width: 120px;
   height: 95px;
   background-color: #2c2b2b;
   padding: 12px 15px;
}

.profile-settings a {
   text-decoration: none;
}

a.settings-profile,
a.settings-settings,
a.settings-customize {
    color: #807d7a !important;
}

.profile-settings form input[type="submit"] {
   background-color: #2c2b2b;
}

.profile-settings a:hover, .profile-settings form input[type="submit"]:hover {
   text-decoration: underline;
}

.top-menu .user-data{
   float: right;
   padding: 10px 7px 4px;
}

.user-data a, .app-info a{
   color: #f7f7ee;
}

.cb-apps {
    padding: 1em;
}
.cb-apps a {
    color: #ffffff;
    padding-left: 1em;
    font-weight: normal;
}

/* menu bars (top and footer) */

.menu-bar {
   height: 40px;
   background-color: #efefef;
   background-image: linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,241) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,218)),
      color-stop(0.5, rgb(247,247,247))
   );
   clear: both;
}

.menu-bar .menu-bar-item, .footer-menu button.align-left {
   float: left;
}

.footer-menu button.align-right {
   float: right;
}

.footer-menu button.align-left:hover {
   border-radius: 0 0 0 5px;
}

.footer-menu button.align-right:hover {
   border-radius: 0 0 5px 0;
}

.menu-bar a, .menu-bar span,
.footer-menu button {
   display: block;
   padding: 12px 5px;
   color: rgb(66,62,63);
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}

.menu-bar a, .menu-bar span {
   min-width: 68px;
}

.footer-menu button {
   min-width: 80px;
}

.menu-bar a, .menu-bar span {
   height: 16px;
}

.menu-bar .menu-bar-item.current span {
   color: #205780;
}

.menu-bar .menu-bar-item, .footer-menu button {
   border-left: 1px solid #f7f7ee;
   border-right: 1px solid #d4d4c7;
}

.footer-menu button.align-left:first-child,
.footer-menu button.align-left:last-child {
   border-left: none;
}

.footer-menu button.align-right:first-child,
.footer-menu button.align-right:last-child {
   border-right: none;
}

.menu-bar .menu-bar-item.app-btn{
   width: 133px;
   float: right;
   border-left: 1px solid #d4d4c7;
   border-right: none;
   background-image: linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -o-linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(218,218,203)),
      color-stop(0.5, rgb(255,255,255))
   );
   text-align: left;
   padding-left: 15px;
}

.menu-bar .menu-bar-item.active {
   color: #205780;
}

.app-btn-img{
   vertical-align: bottom;
   float: right;
   margin: 3px 3px 0 0;
}

li.menu-bar-item {
   list-style-type: none;
}

.menu-bar a:hover, .footer-menu button:hover {
   background-color: rgb(240,237,225);
   background-image: linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -o-linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(215,212,193)),
      color-stop(0.5, rgb(240,237,225))
   );
   color: #205780;
}

.menu-bar .menu-bar-item.inactive span {
   background-color: #efefef;
   background-image: linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,218)),
      color-stop(0.5, rgb(247,247,247))
   );
   color: rgb(150, 150, 130);
   cursor: default;
}

/* footer menu */

.footer-menu {
   height: 40px;
   border-radius: 0px 0px 5px 5px;
   border-top: 1px solid #d4d4c7;
   background-color: #efefef;
   background-image: linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,218)),
      color-stop(0.5, rgb(247,247,247))
   );
}

.footer-menu button {
   border-top: none;
   border-bottom: none;
   margin: 0;
   background-image: none;
   background-color: transparent;
}

.footer-item {
    cursor: pointer;
}

.footer-item.inactive {
    cursor:default;
    opacity: 0.4;
    display: none;
}

.footer-item.inactive:hover {
    background-color: transparent;
    color: #423E3F;
    opacity: 0.4;
    background-image: none;
}

.footer-meta.clearfix {
    font-size: 11px;
}

/* user-panel and cb-suite-menu */

.user-panel{
   font-size: 11px;
   color: #F7F7EE;
   font-weight: normal;
   line-height: 18px;
}

.user-panel ul{
   list-style: none;
   margin: 0;
   padding: 0;
}

.user-panel .user-data{
   float: right;
   padding: 10px 7px;
   font-size: 11px;
}

.cb-suite-menu, .user-panel{
   width: 1000px;
   margin: 0 auto;
}

.user-panel {
   height: 120px;
}

.cb-suite-menu{
   display: none;
   padding-top: 15px;
}

.cb-suite-menu .app-list-item a {
   color: #F7F7EE;
   font-size: 12px;
   font-weight: bold;
}

.user-panel a, .user-panel form input[type="submit"]{
   color: #F7F7EE;
   font-size: 11px;
   font-weight: normal !important;
   cursor: pointer;
   border: none;
}

.cb-apps, .recent-apps{
   float: left;
   padding: 0 0 25px;
   color: #807d7a;
}

.cb-apps h4, .recent-apps h4, .user-panel h4 {
   margin: 0 0 10px;
   padding: 0;
   font-size: 12px;
   font-weight: bold;
   color: #807d7a;
}
.cb-apps h4 {
    color: #ffffff;
    padding-left: 1em;
    font-weight: normal;
}

.user-panel h4 {
   font-size: 11px;
   font-weight: normal;
}

.cb-apps{
   width: 510px;
}

.cb-apps ul.__cb-controlbar-wrap {
   position: relative;
   height: auto;
   list-style: none;
   margin: 0;
   padding: 0;
   font-family: inherit;
   font-size: inherit;
}

.cb-apps ul li{
   width: 50%;
   float: left;
}

.recent-apps{
   width: 280px;
}

.recent-apps a{
   float: left;
   width: 120px;
   margin-right: 20px;
   text-align: center;
}

a.favorite.active, a.favorite.inactive:hover{
   color: #f7f7ee;
}

a.favorite.inactive{
   color: #807d7a;
}

.recent-apps a img{
   border: none;
   width: 100%;
}

/* sub-menu */

.sub-menu-bar{
   float: left;
   height: 28px;
}

.sub-menu-bar-item, .sub-menu-bar li {
   float: left;
   text-align: center;
   margin: 0px;
   text-transform: lowercase;
}

.sub-menu-bar li a {
   color: #2d2d2d;
   border-left: 1px solid #f7f7ee;
   border-right: 1px solid #d4d4c7;
   border-bottom: 1px solid #d4d4c7;
   border-top: none;
   border-radius: 0px;
   font-size: 13px;
   text-decoration: none;
   width: 68px;
   padding: 5px;
   font-weight: bold;
   display: block;
}

.sub-menu-bar li{
   list-style-type: none;
}

.sub-menu-bar li:first-child a{
   border-left: 1px solid #d4d4c7;
   border-radius: 0px 0px 0px 5px;
}

.sub-menu-bar li:last-child a{
   border-radius: 0px 0px 5px 0px;
}

.sub-menu-bar li.current a {
   color: #fff;
   background-color: rgb(40,38,37);
   border: 1px solid rgb(40,38,37);
   border-top: none;
   border-radius: 0px 0px 5px 5px;
}

.sub-menu-bar-item {
   font-size: 13px;
   text-decoration: none;
   min-width: 68px;
   padding: 5px;
   color: #2d2d2d;
   font-weight: bold;
   float: left;
   text-align: center;
   border-left: 1px solid #f7f7ee;
   border-right: 1px solid #d4d4c7;
   border-bottom: 1px solid #d4d4c7;
   border-top: none;
   border-radius: 0px;
   margin: 0px;
   /*text-transform: capitalize;*/
}

.sub-menu-bar-item:first-child{
   border-left: 1px solid #d4d4c7;
   border-radius: 0px 0px 0px 5px;
}

.sub-menu-bar-item:last-child{
   border-radius: 0px 0px 5px 0px;
}

.sub-menu-bar-item.active{
   color: #fff;
   background-color: rgb(40,38,37);
   border: 1px solid rgb(40,38,37);
   border-top: none;
   border-radius: 0px 0px 5px 5px;
}

/* language button */

.language-bar{
   float: right;
   height: 16px;
   padding: 5px 10px;
   border-right: 1px solid #d4d4c7;
   border-bottom: 1px solid #d4d4c7;
   width: 130px;
}

.language-bar-item{
   color: #2d2d2d;
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   width: 50px;
   float: right;
   line-height: 16px;
}

.language-bar-item .flag{
   background-image: url('/module/lib/location/language_flags/24x17.png');
   width: 24px;
   float: right;
   height: 16px;
   margin-left: 5px;
}

/* autocomplete */

.__AC_position{
   background-image: none !important;
   top: 23px !important;
   border-radius: 4px;
}

.__AC_position{
   width: 500px !important;
}

.__AC_layer{
   position: relative !important;
   border: 1px solid #d4d4c7 !important;
   -moz-box-shadow: 0px 3px 15px rgba(189, 190, 178, 1);
   -webkit-box-shadow: 0px 3px 15px rgba(189, 190, 178, 1);
   box-shadow: 0px 3px 15px rgba(189, 190, 178, 1);
}

.__AC_layer::before{
   content: '';
   position: absolute;
   top: -10px;
   left: 10px;
   height: 10px;
   width: 25px;
   background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/pointer.gif');
   background-repeat: no-repeat;
}

.__AC_data{
   max-height: 150px !important;
}

.__AC_layer div.__AC_data:last-child{
   background-color: #F7ECCF !important;
   color: #000 !important;
}

.__AC_layer div.__AC_data:last-child div{
   color: #000;
}

.__AC_layer div.__AC_data:last-child div:hover{
   color: #fff;
}

.__AC_data{
   font-size: 12px !important;
}

.__AC_data div{
   margin: 2px 0;
}

/* form container */

.form-container .edit-btn {
   float: right;
   height: 26px;
   min-width: 111px;
   display: block;
}

.form-container .block-header {
   color: rgb(150,150,130);
   font-size: 13px;
   float: left;
   width: 850px;
   margin: 8px 2px 0;  
}

.form-container .half-block-title-left,
.form-container .half-block-title-right {
  color: rgb(150,150,130);
   font-size: 13px;
   float: left;
   margin: 8px 2px 0;
   font-weight: normal;
}
.form-container .half-block-title-left {
   min-width: 178px;
}
.form-container .half-block-title-right {
   width: 162px;
}

.form-container .edit-btn{
   color: #9B0000;
   background-color: #D4D4C7;
   float: right;
}

.form-container .block-container{
   margin-bottom: 5px;
/*   padding-top: 20px;*/
   padding-bottom: 30px;
   position: relative;
   clear: both;
   width: 850px;
   margin-left: auto;
   margin-right: auto;
}

.form-container .field-container{
   width: 850px;
   clear: both;
   font-size: 12px;
   padding: 1px 0;
   position: relative;
}

.form-container .field-container ul{
   list-style: none;
   padding: 0;
   margin: 0;
}

.form-container .field-container ul li{
   margin-bottom: 2px;
}

.form-container .field-container ul li div.display-container,
.form-container .field-container ul li div.edit-container,
.form-container .field-container ul li div.add-container{
   width: 850px;
   margin: 0;
   padding: 5px 0;
   position: relative;
}

.form-container .field-container ul li div.display-container{
   cursor: default;
}

.form-container .field-container ul li div.edit-container .message-container {
   padding: 10px;
   color: red;
   height: auto;
   min-height: 14px;
}

.form-container .field-container ul li .display-container.clicked{
   background-color: #fff;
}

.form-container .field-container ul li.highlighted .display-container .display-field, 
.form-container .field-container ul li.highlighted .display-container .sortable-handle{
   background-color: #fff;
}

.form-container .field-container ul li div.edit-container,
.form-container .field-container ul li div.add-container {
   display: none;
   background-color: #fff;
}

.form-container .field-container .__AC_position {
   top: 36px;
   z-index: 100;
}

.form-container .field-container ul li input,
.form-container .field-container ul li select{
   float: left;
}

.edit-container .styled-select {
    border: 1px solid #D4D4C7;
    float: left;
    margin-left: 10px;
    padding-left: 0;
    width: 140px;
    background-position: 98% center;
}

.form-container .field-container ul li input,
.form-container .field-container input,
#offer_detail .styled-select,
#offers .styled-select,
.csv_event .styled-select,
.xml_event .styled-select {
   border: 1px solid #d4d4c7;
   height: 20px;
}

.form-container .field-container ul li select,
.form-container .field-container ul li input,
.form-container .field-container input,
#offer_detail .styled-select,
#offers .styled-select,
.csv_event .styled-select,
.xml_event .styled-select {
   padding: 2px 5px;
}

.searchbox {
    clear: both;
    margin: 0;
    position: relative;
}
.searchbox .search {
    padding-left: 15px;
    background-position: right 10px center;
    border-radius: 15px;
    float: left;
    height: 25px;
    position: relative;
    width: 395px;
    z-index: 10;
}
.searchbox input, 
.searchbox .styled-select {
    box-shadow: 0 8px 9px -9px #bdbeb2;
}
.entry-list-container {
    border: medium none;
    clear: both;
    margin: 0;
    padding: 10px 0 0;
    width: 740px;
}
.entry-list-container a {
    color: #205780;
    font-size: 13px;
    text-decoration: underline;
}
.entry-list-container ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.entry-list-container ul li.tile-view-style {
    background-color: #fff;
    border-bottom: medium none;
    border-top: medium none;
    box-shadow: 2px 2px 2px #ddd;
    margin-bottom: 10px;
}
.entry-list-container ul li {
    width: 740px;
}
.entry-list-container ul li .title {
    margin-bottom: 5px;
}
.entry-list-container ul li.tile-view-style .image-container, 
.entry-list-container ul li.tile-view-style .desc-container, 
.entry-list-container ul li.tile-view-style .meta-container {
    color: #000;
    min-height: 96px;
    padding-bottom: 10px;
    padding-top: 15px;
}
.entry-list-container ul li.tile-view-style .image-container {
    padding: 15px 10px 10px;
} 
.entry-list-container ul li.tile-view-style .desc-container {
    padding: 15px 15px 10px;
}
.entry-list-container ul li.tile-view-style .meta-container {
    padding: 5px 15px 20px;
    border-left: 1px solid #d4d4c7;
    color: #dddddd;
    width: 149px;
}
.entry-list-container ul li .image-container, 
.entry-list-container ul li .desc-container, 
.entry-list-container ul li .meta-container {
    float: left;
    font-size: 12px;
}
.entry-list-container ul li.tile-view-style .image-container {
   width: 140px;
}
.entry-list-container ul li.tile-view-style .desc-container {
   width: 370px;
}

.form-container .field-container ul li select {
   background: transparent;
   padding: 0 5px;
   font-size: 13px;
   line-height: 1;
   border: 0;
   border-radius: 0;
}

.form-container .field-container ul li .display-fields {
   float: left;
}

.form-container .field-container ul li .display-field, 
.film-title-block .edit-container .duration-edit-field,
#form_table #role_list .caption,
.form-container .field-container ul li .sortable-handle {
   margin-right: 10px;
   color: #205780;
   background-color: transparent;
   height: 16px;
   padding: 5px 10px 3px;
   border: 1px solid #d4d4c7;
   -webkit-box-shadow: 0 8px 6px -6px #fff;
   -moz-box-shadow: 0 8px 6px -6px #fff;
   box-shadow: 0 8px 6px -6px #fff;
   overflow: hidden;
}

.form-container .field-container ul li .display-field,
.form-container .field-container ul li .sortable-handle {
   float: left;
}

.form-container .field-container .edit-field {
   margin-left: 10px;
}

.form-container .field-container ul li select{
   height: 26px;
   width: 125px;
   border: 1px solid #d4d4c7;
}

.form-container .field-container ul li.active{
   -webkit-box-shadow: 0px 3px 15px rgba(196, 196, 180, 0.6);
   -moz-box-shadow:0px 3px 15px rgba(196, 196, 180, 0.6);
   box-shadow: 0px 3px 15px rgba(196, 196, 180, 0.6);
}

.sortable-handle {
	background-image: url("../images/drag_icon.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: url("../images/move.png"), move;
}
.sortable-handle:hover {
	background-image: url("../images/drag_icon_hover.png");
}

.film-contents .open-editor-button,
.film-contents .delete-text-button,
.form-container .field-container ul li .display-container .delete,
.form-container .field-container ul li div.edit-container .save,
.form-container .field-container ul li div.add-container .save,
.form-container .field-container ul li div.edit-container .close,
.form-container .field-container ul li div.add-container .close {
   width:  50px;
   height: 26px;
   background-repeat: no-repeat;
   background-position: center center;
   display: block;
}

.form-container .field-container ul li div.edit-container .save,
.form-container .field-container ul li div.add-container .save,
.form-container .field-container ul li div.edit-container .close,
.form-container .field-container ul li div.add-container .close{
   position: absolute;
   top: auto;
   bottom: 5px;
}

.form-container .field-container ul li div.edit-container .save,
.form-container .field-container ul li div.edit-container .close{
   border: 1px solid rgb(69,103,113);
}

.form-container .field-container ul li div.display-container .delete{
   display: none;
   float: right;
}

.form-container .field-container ul li div.edit-container .save,
.form-container .field-container ul li div.add-container .save{
   margin: 0 10px 0 0;
   right: 50px;
}

.form-container button.save {
   background-image: url('../images/edit_save_icon.png') !important;
}

.form-container button.delete, 
#form_table li.delete {
   background-image: url('../images/edit_delete_icon.png') !important;
}

.form-container .field-container ul li div.edit-container .close,
.form-container .field-container ul li div.add-container .close{
   right: 5px;
}

.dropdown-container-display-field {
    background-image: url("../images/selectbox_arrow_icon.png");
    background-position: 98% 56%;
    background-repeat: no-repeat;
    border: 1px solid #D4D4C7;
    clear: both;
    color: #9B0000;
    cursor: pointer;
    height: 16px;
    margin-top: 5px;
    padding: 5px;
}

.form-container button.close, 
.dropdown-container .close {
   background-image: url('../images/edit_close_icon.png') !important;
}

.form-container .field-container ul li .save img,
.form-container .field-container ul li .delete img,
.form-container .field-container ul li .close img{
   height: 20px;
}

.input-button-go {
    width: 40px;
    height: 26px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin-left: 6px;
    line-height: 100%;
    text-transform: uppercase;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
    border: 1px solid #CCCCCA;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 0 5px #BDBEB2;
}

/* footer */

.footer-meta{
   padding: 8px 0 5px 50px;
   font-size: 10px;
   text-decoration: none;
   color: #f7f7ee;
   text-shadow: 1px 1px rgb(0,0,0);
   font-weight: normal;
   font-size: 11px;
}

a.footer-meta-link {
   text-decoration: none;
   color: #f7f7ee;
   text-shadow: 1px 1px rgb(0,0,0);
   font-weight: normal;
   font-size: 11px;
}

.footer-meta ul{
   margin: 0;
   padding: 0;
   color: rgb(66,62,63);
   list-style: none;
}

.footer-meta ul li{
   float: left;
   margin: 0px 2px;
}

.footer-meta ul li.menu-bar-item {
   border-right: 1px solid #000;
   padding-right: 4px;
}

.footer-meta ul li.menu-bar-item:last-child {
   border-right: 0px none;
}

.footer-meta ul li.menu-bar-item a{
   text-decoration: none;
   color: #f7f7ee;
   text-shadow: 1px 1px rgb(0,0,0);
   font-weight: normal;
}

.footer-meta p{
   float: right;
   margin: 0 50px 0 0;
   color: #db2f26;
}

.footer {
   position: fixed;
   left: 0px;
   bottom: 0px;
   height: 70px;
   width: 100%;
   background-color: #807d7a;
   background-image: linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);
   background-image: -o-linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);
   background-image: -moz-linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);
   background-image: -webkit-linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);
   background-image: -ms-linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);

   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.05, rgb(58,58,58)),
      color-stop(0.56, rgb(73,71,70))
   );
}

/* confirm boxes */

.confirm-box{
   position: absolute;
   top: 125px;
   z-index: 1400;
   width: 600px;
   background-color: #fff;
   border-radius: 5px;
}

.confirm-box .box-header{
   height: 20px;
   padding: 15px 25px 10px;
   border-bottom: 1px solid #d4d4c7;
}

.confirm-box .box-content{
   padding: 5px 25px 20px;
}

.confirm-box .box-content a{
   margin-right: 10px;
   padding: 10px 25px;
   min-width: 60px;
}

.confirm-box .box-content p{
   padding: 15px 0 25px;
   color: #969682;
   font-size: 14px;
   margin: 0;
}

.confirm-box .box-content a.confirm-box-no{
   color: #969682;
}

/* checkbox container */

.checkbox-container input[type="radio"] + label{
   padding: 0;
   display: inline-block;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   vertical-align: middle;
}

.checkbox-container input[type="radio"].available + label{
   background: url('../pics/radio_green_empty.png');
}

.checkbox-container input[type="radio"].available:checked + label{
   background: url('../pics/radio_green_check.png');
}

.checkbox-container input[type="radio"].partly-available + label{
   background: url('../pics/radio_yellow_empty.png');
}

.checkbox-container input[type="radio"].partly-available:checked + label{
   background: url('../pics/radio_yellow_check.png');
}

.checkbox-container input[type="radio"].not-available + label{
   background: url('../pics/radio_red_empty.png');
}

.checkbox-container input[type="radio"].not-available:checked + label{
   background: url('../pics/radio_red_check.png');
}

.checkbox-container .description{
   padding: 15px 0 0;
   clear: both;
}

.checkbox-container .description > span{
   padding: 0;
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
}

.checkbox-container .description span.desc-img{
   padding: 0;
   display: inline-block;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   vertical-align: middle;
}

.checkbox-container .description span.avail span.desc-img{
   background: url('../pics/radio_green_check.png');
}

.checkbox-container .description span.partly-avail span.desc-img{
   background: url('../pics/radio_yellow_check.png');
}

.checkbox-container .description span.not-avail span.desc-img{
   background: url('../pics/radio_red_check.png');
}


/* typical elements inside main panel */

.related-page-header{
   width: 740px;
   margin-top: 15px;
   padding-bottom: 20px;
   border-bottom: 5px solid #000;
}

a.toggle-view-btn{
   width: 40px;
   height: 17px;
   display: inline-block;
   float: right;
}

a.toggle-view-btn,
a.quick-entry-button,
.form-container button.delete,
.form-container button.save,
.form-container button.close,
.form-container .more-entries,
#form_table #add_role,
#form_table li.delete,
.autocomplete_no_match,
.form-container .edit-btn,
.confirm-box .box-content a,
.subpage-button, 
.pix-button-go, 
.pix-image-upload-background,
.delete_button {
   padding: 5px;
   font-size: 11px;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(246,246,239)),
      color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
}

a.toggle-view-btn,
a.quick-entry-button,
.form-container button.delete,
.form-container button.save,
.form-container button.close,
.form-container .more-entries,
#form_table #add_role,
#form_table li.delete,
.autocomplete_no_match,
.form-container .edit-btn,
.confirm-box .box-content a,
.open-editor-button,
.delete-text-button,
.subpage-button, 
.pix-button-go, 
.pix-image-upload-background,
.delete_button {
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   color: #205780;
}

.form-container .more-entries,
#form_table #add_role,
.pix-edit-form-button.pix-insert-image,
.pix-image-upload-background {
   min-width: 85px;
   text-align: center;
   text-decoration: none;
   border-radius: 3px;
   font-size: 11px;
   display: block;
   line-height: 195%;
}

.form-container .more-entries {
   color: rgb(69,103,113);
   position: absolute;
   right: 0;
   bottom: 0;
   padding: 0 12px;
}

.form-container .more-entries.hidden{
   visibility: hidden;
}

.styled-checkbox {
    background-image: url("../images/styled_checkbox_sprite.png");
    background-position: 0 0;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    vertical-align: middle;
    width: 20px;
}

.styled-delete-button {
   background:url('../images/edit_delete_icon.png');
   background-repeat: no-repeat;
   background-position: center;
   background-color: #fcfcf9;
   width:40px;
   height:15px;
   border:1px solid rgb(189, 190, 178);
}

.tags-cntnr input {
    height: 60px;
    max-width: 202px;
    min-width: 202px;
    width: 222px;
}

.search-box {
   margin-top: 20px;
   width: 740px;
}

.styled-select select {
    border: medium none;
    padding-left: 35px;
    text-align: left;
    min-width: 120%;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.__CbUiCbTexWindow .styled-select {
    float: right;
}
.__CbUiDialogWindow {
    box-shadow: 0 3px 14px 0 rgba(50, 50, 50, 0.75);
}
.styled-select {
    background-position: 95% center;
    background-image: url("../images/selectbox_arrow_icon.png");
    background-repeat: no-repeat;
    border: 1px solid #D4D4C7;
    box-shadow: 0 8px 9px -9px #BDBEB2;
    height: 25px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    box-shadow: 0 8px 9px -9px #BDBEB2;
}

.styled-input {
    height: 16px;
    padding: 5px 10px 3px;
    border: 1px solid #d4d4c7;
}

/* buttons typically used in list elements (e.g. for delete or confirm) */
.styled-small-button {
    background-color: #fcfcf9;
    background-image: -moz-linear-gradient(center bottom , rgb(246, 246, 239) 15%, rgb(255, 255, 255) 85%);
    border: 1px solid rgb(189, 190, 178);
    border-radius: 2px;
    box-shadow: 0 0 5px rgb(189, 190, 178);
    color: #205780;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    line-height: 250%;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

/* modal window buttons (e.g. "OK", "abbrechen", ...) */
.styled-modal-button {
    color: #205780;
    line-height: 30px;
    min-width: 135px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}

.__CbUiStyledList .slim-list-item {
    border-top: medium none !important;
    margin-bottom: 2px;
    position: relative;
    list-style: none;
}

.__CbUiStyledList .list-block-container {
    background-color: #fff;
    box-shadow: 2px 2px 2px #DDD;
    margin-top: 5px;
    position: relative;
}

.__CbUiStyledList .slim-list-item-header {
   border-bottom: 1px solid #e4e4e7;
   line-height: 150%;
   min-height: 1.8em;
   padding: 5px 90px 0 3px;
   position: relative;
   width: 100%;
}

.__CbUiStyledList .slim-list-item-header h4 {
    display : inline-block;
    max-width: 440px;
}

.__CbUiStyledList .short-indicator-container {
    background-color: #fff;
    box-sizing: border-box;
    font-size: 0;
    height: 100%;
    line-height: 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    width: 86px;
}

.__CbUiStyledList .short-indicator {
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
}

.__CbUiStyledList .item-info > * {
   display: inline-block;
}

.__CbUiStyledList .context-button-container {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    border-left: 1px solid #e4e4e7;
}

.__CbUiStyledList #ContextMenu,
.clipboard-flyout {
   background-color: #f0f0f1;
    background-image: -moz-linear-gradient(center bottom , #f0f0f1 0%, #ffffff 100%);
    border: 1px solid #ccc;
    box-shadow: 3px 3px 8px #aaa;
    display: none;
    font-size: 12px;
    font-weight: bold;
    min-width: 160px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.__CbUiStyledList #ContextMenu > div,
.clipboard-flyout > div {
    background-position: 3px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    cursor: pointer;
    float: none;
    min-height: 22px;
    padding-left: 27px;
    padding-top: 5px;
    vertical-align: middle;
    width: 100%;
    line-height: 20px;
}

.__CbUiStyledList .slim-list-item-icon.published, .production-item-state-icon.published {
    background: rgba(0, 0, 0, 0) url("../images/icon_confirmed.png") no-repeat scroll 5px 4px;
}

.__CbUiStyledList .slim-list-item-icon.not-published, .production-item-state-icon.published {
    background: rgba(0, 0, 0, 0) url("../images/icon_unconfirmed.png") no-repeat scroll 5px 4px;
}

.__CbUiStyledList .slim-list-item-icon.internal, .production-item-state-icon.published {
    background: rgba(0, 0, 0, 0) url("../images/icon_internal.png") no-repeat scroll 5px 4px;
}

.__CbUiStyledList .slim-list-item-icon.delete, .production-item-state-icon.published {
    background: rgba(0, 0, 0, 0) url("../images/icon_delete.png") no-repeat scroll 5px 4px;
}

.__CbUiStyledList .list-block-container:hover .slim-list-item-header, 
.__CbUiStyledList .list-block-container:hover .short-indicator-container {
   background-color: #f3f3f3;
}
.__CbUiStyledList .list-block-container .list-item-edit-button {
   display: none;
}
.__CbUiStyledList .list-block-container:hover .list-item-edit-button {
   display: initial;
    background: rgba(0, 0, 0, 0) url("/module/lib/framework/images/edit_edit_icon.png") no-repeat scroll center top 5px;
    margin-left: 10px;
    padding: 10px;
}

.__CbUiSubpageButton {
   float: right;
   min-width: 123px;
   height: 38px;
   padding: 5px;
   font-size: 11px;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(246,246,239)), color-stop(0.85, rgb(255,255,255)));
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   color: #205780;
}

.CbUiImgTile.pictures-container {
    margin-top: 25px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 3px solid #000000;
}

.CbUiImgTile .image-tile-item-container {
   float: left;
}

.CbUiImgTile .image-tile-item {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f0f0f1 100%) repeat scroll 0 0;
    border: 1px solid #ccccca;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgb(189, 190, 178);
    float: left;
    height: 191px;
    margin: 2px;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 171px;
}

.CbUiImgTile .tile-item-positioner {
   display: table;
   width: 100%;
   height: 100%;
}

.CbUiImgTile .tile-item-positioner a {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.CbUiImgTile .preview-image {
   cursor: url("../images/move.png"), auto;
}
.__CbUiCbTexPageContainer.__CbUiCbTexPage-4 .tile-item-positioner{
    width: 139px;
    height: 139px;
}
.__CbUiCbTexPageContainer.__CbUiCbTexPage-4 .image-tile-item img.preview-image,
.__CbUiCbTexPageContainer.__CbUiCbTexPage-4 .image-tile-item img.preview-image-marketing{
    width: 131px;
    height: 131px;
}
.CbUiImgTile .image-tile-item img.preview-image, .image-tile-item img.preview-image-marketing {
   max-height: 131px;
   max-width: 131px; /** old value 167px **/
}

.CbUiImgTile .image-tile-item .preview-image {
   box-shadow: 2px 2px 4px #666666;
}

.CbUiImgTile .image-tile-item .image-tile-image-description {
   color: #000;
   background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
   bottom: 4px;
   font-size: 10px;
   left: 4px;
   padding: 5px;
   position: absolute;
   text-align: left;
   visibility: hidden;
   width: 161px;
   z-index: 100;
}
.CbUiImgTile .image-tile-item .remove-image {
    box-shadow: 0 0 8px 2px #fff;
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 1000;
}
.CbUiImgTile .divider-rule {
    float: left;
    margin-top: 30px;
    width: 100%;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #c4c4b4;
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin-bottom: 8px;
}

.cat-display-field {
    background-image: url("../images/selectbox_arrow_icon.png");
    background-position: 98% 56%;
    background-repeat: no-repeat;
    border: 1px solid #d4d4c7;
    clear: both;
    color: #205780;
    cursor: pointer;
    height: 16px;
    margin-top: 5px;
    padding: 5px;
}

.filter-button-go {
    border: 1px solid #C4C4B4;
    cursor: pointer;
    height: 26px;
    line-height: 100%;
    padding: 0;
    width: auto;
    min-width: 2.2em;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 3px 0 0 6px;
    text-transform: uppercase;
    border-radius: 2px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
}

.image-tile-item {
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccccca;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgb(189, 190, 178);
    float: left;
    height: 191px;
    margin: 2px;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 171px;
}

.image-tile-item-positioner {
    display: table;
    height: 100%;
    width: 100%;
}

.image-tile-item-positioner a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.image-tile-item img.preview-image, 
.image-tile-item img.preview-image-marketing {
    max-height: 193px;
    max-width: 135px;
}

.image-tile-item .image-tile-image-description {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    bottom: 4px;
    font-size: 10px;
    left: 4px;
    padding: 5px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 161px;
    z-index: 100;
}

.image-tile-item:hover .image-tile-image-description {
    visibility: visible;
}

.image-tile-item .preview-image {
    cursor: url("../images/move.png"), auto;
    box-shadow: 2px 2px 4px #666666;
}

.one-third-block {
   float: left;
   margin-left: 10px;
   width: 228px;
   height: 410px;
   border: 1px solid #D4D4C7;
   padding: 5px;
}

.one-third-block:first-child {
   margin-left: 0;
}

.input-container{
   clear: both;
   width: 740px;
   padding: 10px 0;
   border-top: 1px solid #fff;
   border-bottom: 1px solid rgb(196,196,180);
}

.input-header{
   color: #969682;
}

.input-container .edit-btn{
   margin-top: 10px;
   height: 16px;
   padding: 3px;
   line-height: 160%;
   min-width: 99px;
}

.input-container input{
   width: 603px;
   margin: 5px 15px 5px 0;
   border: 1px solid #D4D4C7;
   padding: 5px;
}

.input-remark{
   color: #205780;
   font-style: italic;
}

.autocomplete_no_match{
   margin-top: 10px;
   cursor: pointer;
   padding: 0 5px !important;
   text-transform: none;
   width: 98%;
   height: 21px;
   line-height: 195%;
}

.main-panel-text {
   float: left;
}

.main-panel-text .first-block{
   border-bottom: 1px solid rgb(196, 196, 180);
   padding-bottom: 50px;
   padding-top: 15px;
}

.main-panel-text .second-block{
   border-top: 1px solid #fff;
   padding-top: 50px;
}

.buttons-container {
   position: relative;
}

.edit-container p{
   margin: 5px 10px;
}

.blocks{
   border-bottom: 1px solid rgb(196,196,180);
   padding-bottom: 10px;
}

input:disabled{
   background-color: #EEEEEE;
}


.not-available select{
   color: #fff;
   font-weight: bold;
}

.more-margin{
   margin-bottom: 30px !important;
}

.main-panel-text-container{
   border-bottom: 1px solid rgb(196,196,180);
}

.collapsible-text-container .more-button{
   color: #205780;
   text-decoration: underline;
}

.more-button {
    cursor: pointer;
}

.collapsible-text-container .long-text{
   width: 100%;
   display: none;
   padding: 10px 0;
}

#lang-button{
   background-image: none;
   background-color: transparent;
   border: none;
   color: #2d2d2d;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   width: 95px;
   float: right;
   text-align: right;
   margin: 0;
   padding: 0;
   cursor: pointer;
}

#lang-button .text-label {
    font-size: 12px;
}

.flag-display-field span,
.text-flag-display-field span,
#lang-button .flag-label{
   background-image: url('/module/lib/location/language_flags/24x17.png');
   width: 24px;
   float: right;
   height: 17px;
   margin-left: 5px;
}

#lang-button.de_DE .flag-label,
.flag-display-field .language-id-1,
.text-flag-display-field .text-language-id-1 {
   background-position: 552px 374px;
   /*background-position: 368px 242px;*/
}

.flag-display-field .language-id-3,
.text-flag-display-field .text-language-id-3 {
  background-position: 312px 408px;
   /*background-position: 206px 269px;*/
}

#lang-button.nl_NL .flag-label,
.flag-display-field .language-id-4,
.text-flag-display-field .text-language-id-4 {
   background-position: 312px 255px;
   /*background-position: 208px 165px;*/
}

.flag-display-field .language-id-5,
#lang-button.it_IT .flag-label,
.text-flag-display-field .text-language-id-5{
   background-position: 432px 119px;
   /*background-position: 288px 77px;*/
}

.flag-display-field .language-id-6,
.text-flag-display-field .text-language-id-6 {
  background-position: 528px 135px;
   /*background-position: 348px 89px;*/
}

.flag-display-field .language-id-7,
.text-flag-display-field .text-language-id-7 {
  background-position: 528px 254px;
   /*background-position: 348px 168px;*/
}

.flag-display-field .language-id-16,
.text-flag-display-field .text-language-id-16 {
   background-position: 576px 16px;
   /*background-position: 380px 11px;*/
}

.flag-display-field .language-id-22,
.text-flag-display-field .text-language-id-22 {
   background-position: 432px 254px;
   /*background-position: 285px 168px;*/
}

#lang-button.pl_PL .flag-label,
.flag-display-field .language-id-44,
.text-flag-display-field .text-language-id-44 {
   background-position: 264px 255px;
   /*background-position: 176px 165px;*/
}

.flag-display-field .language-id-54,
.text-flag-display-field .text-language-id-54 {
   background-position: 169px 152px;
   /*background-position: 112px 100px;*/
}

#lang-button.bg_BG .flag-label,
.flag-display-field .language-id-13,
.text-flag-display-field .text-language-id-13 {
   background-position: 600px 340px;
   /*background-position: 400px 220px;*/
}

#lang-button.da_DA .flag-label,
.flag-display-field .language-id-18,
.text-flag-display-field .text-language-id-18 {
   background-position: 552px 272px;
   /*background-position: 368px 176px;*/
}

#lang-button.en_EN .flag-label,
.flag-display-field .language-id-59,
.flag-display-field .language-id-2,
.text-flag-display-field .text-language-id-59,
.text-flag-display-field .text-language-id-2 {
   background-position: 528px 221px;
   /*background-position: 352px 143px;*/
}

#lang-button.lv_LV .flag-label,
.flag-display-field .language-id-35,
.text-flag-display-field .text-language-id-35 {
   background-position: 360px 85px;
   /*background-position: 240px 55px;*/
}

#lang-button.sl_SL .flag-label,
.flag-display-field .language-id-50,
.text-flag-display-field .text-language-id-50 {
   background-position: 192px 255px;
   /*background-position: 128px 165px;*/
}

#lang-button.sr_SR .flag-label,
.flag-display-field .language-id-52,
.text-flag-display-field .text-language-id-52 {
   background-position: 48px 102px;
   /*background-position: 32px 67px;*/
}

#lang-button.sv_SV .flag-label,
.flag-display-field .language-id-53,
.text-flag-display-field .text-language-id-53 {
   background-position: 192px 374px;
   /*background-position: 128px 242px;*/
}
#lang-button.cn_CN .flag-label,
.flag-display-field .language-id-58,
.text-flag-display-field .text-language-id-58 {
   background-position: 577px 221px;
   /*background-position: 128px 242px;*/
}
#lang-button.jp_JP .flag-label,
.flag-display-field .language-id-29,
.text-flag-display-field .text-language-id-29 {
   background-position: 408px 187px;
   /*background-position: 128px 242px;*/
}
.footer-meta ul li a.footer-links-item {
   text-decoration: none;
   color: #f7f7ee;
   text-shadow: 1px 1px rgb(0,0,0);
   font-weight: normal;
}

.autocomplete-edit-field {
   background-position: 97% 40%;
   background-color: rgb(218, 225, 228) !important;
   color: rgb(95, 123, 165) !important;
   border-radius: 4px;
}

.autocomplete-edit-field.__AC_invalidated {
   background-image: url('/module/lib/framework/images/glas_icon.png');
}

.autocomplete-edit-field-container,
.date-edit-field-container {
   position: relative;
   display: inline-block;
   float: left;
}

.subpage-button {
   float: right;
   min-width: 111px;
   height: 26px;
}

.secondary-button {
    display: block;
    font-size: 11px;
    line-height: 195%;
    min-width: 85px;
    text-align: center;
    text-decoration: none;
    color: #456771;
    background-color: #FCFCF9;
    background-image: -moz-linear-gradient(center bottom , #F6F6EF 15%, #FFFFFF 85%);
    background-image: -webkit-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -ms-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -o-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    border: 1px solid #BDBEB2;
    border-radius: 3px;
    box-shadow: 0 0 5px #BDBEB2;
    cursor: pointer;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.white-box {
    background-color: #FFFFFF;
    box-shadow: 2px 2px 2px #DDDDDD;
    padding: 17px 5px;
}

.white-box .open-editor-button {
    background-color: #F7F7F1;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #D4D4C7;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
    margin-left: 10px;
}

.white-box .button-cntnr {
    position: absolute;
    right: 0;
    top: 0;
}

.white-box .button-cntnr button {
    float: left;
    margin: 15px 10px 0 0;
}

.tile-img {
    box-shadow: 2px 2px 4px #666666;
}

/* Excel upload-window */

.__CbUiCbUploadWindow .__CbUiContent {
    width:910px;
}

.__CbUiCbUploadWindow .lang-select, 
.__CbUiCbUploadWindow .support {
    display: none;
}

.service-content {
    margin-top: 20px;
}

.beta-annotation {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.button-right {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

#DeleteFooterMenuButton  {
   color: #a73c2e;
}

#CbTexTitle {
    float: right;
    width: 420px;
}

.profile-settings .inactive {
   color: #777;
   cursor: default;
}
.profile-settings .inactive:hover {
   text-decoration: none;
}

.cb-suite-menu-text,
.cb-suite-menu-text a {
   padding: 15px;
   color: #FFF;
   font-size: 12px;
}
.__CbUiRegisterWindow .__CbUiContent {
   max-height: 500px;
   overflow: auto;
   box-sizing: border-box;
}
.__CbUiRegisterWindow .__CbUiErrorMessage {
   clear : both;
   color : red;
   display: none;
   line-height: 140%;
}
.__CbUiRegisterWindow *::-webkit-input-placeholder {
   font-style: normal;
   font-size: 100%;
   color: #aaa;
}
.__CbUiRegisterWindow *::-moz-placeholder {
   font-style: normal;
   font-size: 100%;
   color: #555;
}
.__CbUiRegisterWindow *::-ms-input-placeholder  {
   font-style: normal;
   font-size: 100%;
   color: #555;
}
.__CbUiRegisterWindow .__AC_position {
   max-width: 100%;
}
.__CbRegLinkClass {
   padding-bottom:10px;
   font-size:11px;
   width: 430px;
   margin: 0 auto;
}

.__CbRegLinkClass a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

.__CbRegLinkClass a:hover {
   text-decoration: underline;
}

.__CbRegValidatedCity {
   font-weight: bold;
}

.__CbRegPage {
   /*background-color:#ffffff;*/
   position:relative;
   display:none;
   font-size:12px;
   min-height: 450px;
}

.__CbRegLogo {
   position:absolute;
   left:10px;
   top:10px;
   z-index:1337;
   opacity:0;
}

.__CbRegLanguageEntry {
   margin-bottom:10px;
   cursor:pointer;
}

.__CbRegLangSelect, .__CbRegLanguageBox {
   border:1px solid black;
   background-color:#ffffff;
}

.__CbRegLanguageBox {
   margin: 2px;
   padding: 0px 3px;
   float: right;
   width: 18px;
   text-align: center;
   color: rgb(0, 0, 0);
}

.__CbRegLanguageBoxText {
   padding-top: 2px;
}

.__CbRegInputs {
   width:410px;
}

.__CbRegForm {
   margin-top:10px;
   overflow:hidden;
   padding:0px 10px 0px 10px;
}

.__CbRegFormHeader {
   padding-top:10px;
   padding-bottom: 3px;
}

.__CbRegFormHeaderContent {
   font-size:10px;
   background-color:#F8F7F0;
   color:#BABABA;
}

.__CbRegInputLine {
   margin-bottom: 4px;
}

.__CbRegInputLine input {
    padding-left: 10px;
}

.__CbRegFloatClear {
   clear:both;
}
.__CbRegError {
   padding-top:5px;
   color:#ff0000;
   font-style:italic;
}

.__CbRegError.__CbUiMultiText {

}

.__CbRegPasswordStrengthBox {
   float:left;
   height:10px;
   width:66px;
   margin-right:5px;
}

.__CbRegButtonContainer {
   text-align: right;
   padding-top: 5px;
   margin-right: -11px;
}

#registerframe_button_ok {
    margin-top: 20px;
}

.__CbRegBottomDesc {
   padding-top: 20px;
   margin: 0 auto;
   width: 410px;
}

#registerframe_main_page {
   display:block;
}

#registerframe_button_password_reminder {
   display:none;
   width: auto;
}

#registerframe_button_register_progress {
   display:none;
   cursor:default;
}

#registerframe_hide_button {
   display:none;
}

.__CbRegInputLine select {
    border-radius: 4px;
}

.__CbRegInputLine .styled-select {
    background-position: 90% center;
    border: 1px solid #bababa;
    background-color: #FFFFFF;
    width: 120px;
   margin-bottom: 0;
}

.__CbRegInputLine > input {
    width: 100%;
}

#registerframe_input_first,
#registerframe_input_last,
#registerframe_input_zip,
#registerframe_input_city,
#registerframe_input_street,
#registerframe_input_nr,
#registerframe_input_mail,
#registerframe_input_phone {
    margin-top: 3px;
}

#registerframe_input_gender {
   width:140px;
   min-height:28px;
   color:#000000;
   border: none;
   background: none;
   margin-left: 0px;
   padding-top: 5px;
   padding-left: 9px;
   padding-bottom: 3px;
   text-align: left;
}

#registerframe_input_first, #registerframe_input_last {
   width:100%;
}

#registerframe_input_street {
   width:100%;
   margin-top: 2px;
}

#registerframe_input_nr {
   width:100%;
}

#registerframe_input_zip {
   width:100%;
   margin-top: 0;
}

#registerframe_input_city_id {
   display:none;
}

#registerframe_input_city {
   display: block;
   min-height: 28px;
   border: none;
   position: relative;
   width: 414px;
}

#registerframe_input_city .__CbUiSearchBox {
   height: auto;
    min-height: 16px;
    padding: 6px 0 6px 6px;
    border: 1px solid #BABABA;
}

#registerframe_input_mail, #registerframe_input_account:disabled {
   width:100%;
   background-color: #EEEEEE;
   color: #C0C0C0;
   margin-top: 0;
}

#registerframe_input_password_confirm,
#registerframe_input_new_password, #registerframe_input_new_password_confirm {
   display:block;
   width:410px;
}

.__CbRegInputs .__CbRegInputLine #registerframe_input_password,
.__CbRegInputs .__CbRegInputLine #registerframe_input_password_confirm {
   display:block;
   width:410px;
}

#registerframe_language_selector {
   padding-left:35px;
   color:rgb(180,0,0);
   font-weight:bold;
   padding-right:70px;
   overflow:auto;
}

#registerframe_intro {
   display:block;
   margin:auto;
   width:430px;
   line-height:16px;
}

#registerframe_new_email {
   display:none;
}

#registerframe_new_email #registerframe_input_mail,
#registerframe_input_account {
   width: 100%;
}

.__CbUiRegisterWindow input,
.admin-table-userdata .__CbRegInputLine input {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
}

#registerframe_changepass_email {
   margin-top:10px;
   padding: 5px;
   background-color: #F8F7F0;
   display: none;
}

#registerframe_password_hint {
   padding-top:10px;
   display:none;
   width: 430px;
}

#registerframe_password_info {
   padding-top:10px;
   font-size:9px;
}

#registerframe_password_strong, #registerframe_password_weak {
   font-size: 10px;
   text-align: center;
   line-height: 90%;
   color: white;
}

#registerframe_error {
   display: none;
}

#registerframe_error_user {
   padding: 0 0 0 25px;
   background-size: 20px auto;
}

#registerframe_input_terms.__CbUiInputError {
   border:1px solid #FF0000;
   padding-top:6px;
   padding-left:4px;
   padding-right:3px;
   padding-bottom: 6px;
}

.__CbUiRegisterWindow #registerframe_input_city .__AC_position .__AC_layer .__AC_data {
   max-height: 135px !important;
}

#registerframe_input_city .autocomplete-new-city {
    border: 1px solid #D4D4C7;
    display: block;
    float: left;
    min-height: 24px;
   height: auto;
    color: #c0c0c0;
}

.__CbUiRegisterWindow .contentTitle {
    color: #A73C2E;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 30px;
}

.__CbUiRegisterWindow #registerframe_main_page .contentTitle {
   margin-bottom: 10px;
}

#registerframe_title,
#registerframe_title_alt{
   font-size: 20px;
   font-weight: normal;
   margin: 0;
}

.__CbUiRegisterWindow .contentTitle #registerframe_title_alt{
   display: none;
}
.__CbUiRegisterWindow .__CbUiInputText,
.__CbUiRegisterWindow .__CbUiPassword,
.admin-table-userdata .__CbRegInputLine input {
    border: 1px solid #BABABA;
    display: block;
    padding: 6px 0 6px 10px;
}
.__CbUiRegisterWindow .__CbUiInputText, .__CbUiRegisterWindow .__CbUiPassword,
.__CbUiLayerFrame .__CbUiSelect, .__CbUiLayerFrame #registerframe_input_password,
.__CbUiLayerFrame #registerframe_input_password_confirm,
.__CbUiLayerFrame #registerframe_input_new_password,
.__CbUiLayerFrame #registerframe_input_new_password_confirm {
    background-color: #FFFFFF;
    color: #BABABA;
}
.__CbUiRegisterWindow .__CbUiFieldUnedited {
    color: #C0C0C0;
}
.__CbUiRegisterWindow .__CbUiInputText, .__CbUiRegisterWindow .__CbUiPassword {
   height: auto;
    min-height: 16px;
}
.__CbUiRegisterWindow #registerframe_input_password, .__CbUiRegisterWindow #registerframe_input_password_confirm,
.__CbUiRegisterWindow #registerframe_input_new_password, .__CbUiRegisterWindow #registerframe_input_new_password_confirm {
    display: block;
    width: 410px;
}
#registerframe_button_password_lost {
   display: none;
   color: #db2f26;
   text-transform: uppercase;
}

#registerframe_button_password_lost_inactive {
   color: #c0c0c0;
   text-transform: uppercase;
   text-decoration: underline;
}
.__CbUiRegisterWindow .__CbUiInputError {
    border: 1px solid #FF0000 !important;
}
.__CbUiRegisterWindow .__CbUiFieldEdited {
    color: #000000;
}
.__CbUiRegisterWindow .__CbRegPage a, .__CbUiRegisterWindow .__CbRegLinkClass a, .__CbUiRegisterWindow .CbRegPage a:visited, .__CbUiRegisterWindow .__CbRegLinkClass a:visited {
    color: #DB2F26;
    text-decoration: underline;
}

.login-headline {
    padding-top: 1em;
}
.login-text {
    width: 66%;
    border-bottom: 1px solid #C4C4B4;
    padding-bottom: 25px;
}
.login-further-links {
    padding-top: 50px;
}
a.menu-bar-item.login {
    color: #db2f26;
}
.support-button-overlay {
    height: 15px;
    width: 30px;
    z-index: 10;
    position: absolute;
    top: -38px;
    right: 40px;
    cursor: pointer;
}

#registerframe_input_city .__AC_button {
    text-align: center !important;
}

span.__CbRegNewAccountText {
   color: #A73C2E;
}

.__CbRegNewAccountText + .__CbRegBottomDesc {
   padding-top: 20px;
}

.__CbRegNewAccountTextCntnr {
    width: 410px;
}
.CbControlbar2Window .__CbRegButtonContainer .__CbUiText,
.AgdokRegisterWindow .__CbRegButtonContainer .__CbUiText {
   width: 70%;
   text-align: left;
}
#registerframe_checkdoublet_block,
#registerframe_doublet_medium_matches_block {
   margin-top: 20px;
}
#registerframe_checkdoublet_block .selection {
    border: 1px solid #d4d4c7;
    clear: both;
    color: #9b0000;
    cursor: pointer;
    margin-top: 5px;
    padding: 5px 5px 9px 0;
    font-size: 13px;
}

.styled-select-autoheight {
    background-image: url("../images/selectbox_arrow_icon.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    border: 1px solid #d4d4c7;
    box-shadow: 0 8px 9px -9px #bdbeb2;
    height: inherit;
    overflow: hidden;
    position: relative;
    z-index: 5;
}


/* Doublet Check Window */

.DSRegisterCheckDoubletWindow .entryblock {
  padding: 4px 0px;
  border-bottom: 1px solid #000;
  background: #fff url("../../../register/images/img_accordion-close.png") no-repeat right top 10px;
}

.DSRegisterCheckDoubletWindow .entryblock.opened {
  background-image: url("../../../register/images/img_accordion-open.png");
}

.DSRegisterCheckDoubletWindow div.entryblock:last-child {
  padding: 4px 0px;
  border-bottom: none;
}

.DSRegisterCheckDoubletWindow hr {
  display: none;
}


.DSRegisterCheckDoubletWindow .styled-select-autoheight.selection > img {
  margin-right: 10px;
}


.DSRegisterCheckDoubletWindow div.styled-select-autoheight.selection {
  margin-top: 0px;
}


.DSRegisterCheckDoubletWindow h2.register-duplicate-check-headline {
  font-size: 24px;
  margin-bottom: 29px;
  margin-top: 35px;
  width: 200%;
}


.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.left,
.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.left {
  padding-right: 20px;
  width: 50%;
}

.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right,
.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.right {
  padding-left: 20px;
  padding-top: 53px;
  width: 50%;
}

.DSRegisterCheckDoubletWindow h2#registerframe_choose_high_match_headline,
.DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline {
  font-size: 19px;
  line-height: 19px;
}

.DSRegisterCheckDoubletWindow h2#registerframe_choose_high_match_headline {
   margin-top: 37px;
}

.DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline {
  margin-bottom: 0;
}

.DSRegisterCheckDoubletWindow #registerframe_checkdoublet_block .styled-select-autoheight.selection {
  border: none;
  box-shadow: none;
  color: #000000;
}

/*.DSRegisterCheckDoubletWindow .duplicate-image {
   background: url('images/avatra2.png') center center / contain;
   width: 32px;
   height: 32px;
}*/

.DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline {
  margin-bottom: 0;
}

.DSRegisterCheckDoubletWindow .selection-block {
  text-align: right;
}

.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button,
.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button,
.DSRegisterCheckDoubletWindow button.registerframe_doublet_submit {
  background-color: #000000;
  background-image: none;
  border: none;
  box-shadow: none;
  color: #ffffff;
}

.DSRegisterCheckDoubletWindow button.registerframe_doublet_submit {
  background-color: #000000;
  background-image: none;
  border: none;
  box-shadow: none;
  color: #ffffff;
  padding: 12px 20px;
  margin-top: 30px;
  text-transform: uppercase;
  width: 100%;
  background: #000 url("images/img_accordeon-close_white.png") no-repeat center right;
  background-position: 95%;
}

.DSRegisterCheckDoubletWindow .entryblock .styled-select-autoheight img {
  width: auto;
  height: 35px;
  margin-right: 10px;
}

.DSRegisterCheckDoubletWindow .entryblock .selection-block > div > h4.__CbUiText {
    font-size: 12px;
    letter-spacing: 0.2em;
    margin: 0;
}


.DSRegisterCheckDoubletWindow .entryblock .selection-block .user-id-block,
.DSRegisterCheckDoubletWindow .entryblock .selection-block .film-5-block,
.DSRegisterCheckDoubletWindow .entryblock .selection-block .film-6-block {
   text-align: left;
   padding-left: 3px;
   font-size: 13px;
   margin-bottom: 2px;
}

.DSRegisterCheckDoubletInfoWindow h2 {
    font-size: 15px;
    margin-top: 20px;
}

.DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .styled-select-autoheight.selection {
  margin-top: 1px !important;
}

.DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .selection {
    margin-top: 0px;
    padding: 5px 0px;
    position: relative;
}

.DSRegisterCheckDoubletWindow div#registerframe_button_register_no_doublet_action {
  font-weight: bold;
}

.DSRegisterCheckDoubletWindow .HalfWidthContainer.left p {
    margin-bottom: 1.5em;
}

.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button,
.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button {
   margin-top: 17px;
   margin-bottom: 20px;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: normal;
   padding: 3px 16px;
}

.DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .selection {
    margin-top: 0px;
    padding: 5px 0px;
}
.DSRegisterCheckDoubletWindow div#registerframe_button_register_no_doublet_action {
  font-weight: bold;
}

.DSRegisterCheckDoubletInfoWindow h2:first-child {
   margin-top: 0;
}

.DSRegisterCheckDoubletInfoWindow textarea#registerframe_doublet_info_text {
   margin-bottom: 77px;
   width: 100%;
   min-height: 90px;
}
.DSRegisterCheckDoubletInfoWindow .FullWidthContainer:first-of-type span.__CbUiText {
   font-weight: normal;
}

.DSRegisterCheckDoubletInfoWindow h2.register-duplicate-check-info-headline {
    font-size: 25px;
    letter-spacing: 0.025em;
    line-height: 0.8em;
    margin-bottom: 36px;
}

.DSRegisterCheckDoubletInfoWindow .doublet-login-data-container,
#registerframe_checkdoublet_block .doublet-login-data-container {
    float: left;
    border-right: 1px solid;
    margin-right: 27px;
    width: 267px;
}

#registerframe_checkdoublet_block .doublet-login-data-container {
   width: 50%;
}

.DSRegisterCheckDoubletInfoWindow h2:first-child {
   line-height: 1.75em;
}

.DSRegisterCheckDoubletInfoWindow .registerframe-data-container {
    padding: 0 43px 29px;
}

#registerframe_checkdoublet_block .registerframe-data-container {
   margin-bottom: 25px;
}

.DSRegisterCheckDoubletInfoWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1),
.DSRegisterCheckDoubletInfoWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1) {
   padding-bottom: 28px;
}

.DSRegisterCheckDoubletInfoWindow h2.register-duplicate-check-info-headline {
    line-height: 0.8em;
}

.DSRegisterCheckDoubletWindow .duplicate-profile-img-wrp {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.DSRegisterCheckDoubletWindow .duplicate-info-text-wrp {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
}

/*div#registerframe_error_user {
  height: 40px;
}
*/
div.DSRegisterCheckDoubletWindow .__CbUiTextButton {
  display: inline-block !important;
}

div.DSRegisterMessageWindow .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
div.DSRegisterMessageWindow .__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .FullWidthContainer {
  height: 400px !important;
}

div.DSRegisterMessageWindow div.FullWidthContainer .__CbRegButtonContainer {
  height: auto;
}

div.DSRegisterMessageWindow div.FullWidthContainer .__CbRegButtonContainer .padded-box {
  margin-bottom: 20px;
}

span.__CbUiText.__CbUiReplaceHtml {
   display: inline-block;
   margin-top: 20px;
}

#registerframe_checkdoublet_block .duplicate-profile-img-wrp img {
    float: left;
}

#registerframe_checkdoublet_block .duplicate-info-text-wrp {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    color: #000000;
    line-height: 1.2em;
}

#registerframe_checkdoublet_block .selection {
   border: none;
   box-shadow: none;
}

#registerframe_checkdoublet_block .entryblock:last-child .selection {
    border: none;
}

#registerframe_checkdoublet_block .match-button-container {
   text-align: right;
   margin: 15px 15px 30px;
}

#registerframe_checkdoublet_block .entryblock {
    border-bottom: 1px solid #000000;
}

#registerframe_checkdoublet_block .entryblock:last-child {
    border: none;
}

#registerframe_checkdoublet_block h4.__CbUiText.registerframe-headline-doublet-userid,
#registerframe_checkdoublet_block h4.__CbUiText.registerframe-headline-doublet-film5 {
    margin: 10px 0 5px;
}

#registerframe_checkdoublet_block .user-id-link-block,
#registerframe_checkdoublet_block .film-5-link-block,
#registerframe_checkdoublet_block .film-6-link-block{
   margin-bottom: 5px;
}

#registerframe_checkdoublet_block .bottom-info {
   margin-top: 20px;
}

#registerframe_checkdoublet_block .__CbRegButtonContainer {
   padding-right: 26px;
}

#registerframe_checkdoublet_block .registerframe_doublet_info_text {
   width: 100%;
   height: 6em;
   margin-bottom: 20px;
}

#registerframe_checkdoublet_block h2 {
   font-size: 15px;
}

.__CbRegExistAccountText.__CbUiText.login-label {
   margin-bottom: 1.5em;
}

.DSRegisterCheckDoubletWindow .selection-block > div > h4 {
   padding: 10px 0;
}
.film-5-link-block::before,
.film-6-link-block::before,
.user-id-link-block::before {
   content: '- ';
}




.__CbUiFrame.cb-window {
   background: #ffffff;
   border-radius: 0;

   min-height: 350px;

   width: 100%;
   max-width: 930px;

   padding-top: 40px;
   padding-bottom: 40px;
}

.__CbUiFrame.cb-window .__CbUiCloseButton {
   right: 40px;
   top: 40px;
   background-image: url("/module/lib/framework/images/img_close-black.png");
   background-size: 14px 14px;
   color: #000;
   font-size: 0;
   height: 14px;
   right: 40px;
   top: 0;
   width: 14px;
}

.__CbUiFrame.cb-window .__CbUiText {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 1.05px;

   color: #101010;
}

.__CbUiFrame.cb-window .voucher-error-message {
   color: red;
   font-style: italic;
   margin-bottom: 8px;
   display: none;
}

.__CbUiFrame.cb-window .contentTitle {
   visibility: hidden;
   display: none;
}

.__CbUiFrame.cb-window .__CbRegPage {
   min-height: 0;
}

.__CbUiFrame.cb-window .__CbRegLinkClass {
   width: 100%;
}

.__CbUiFrame.cb-window .__CbUiForm {
   padding-left: 0;
   padding-right: 0;
}

.__CbUiFrame.cb-window #registerframe_message {
   margin-bottom: 40px;
}

.cb-col {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   padding-left: 40px;
   padding-right: 40px;
}

.cb-window__header {
   padding-bottom: 50px;
}

.__CbUiFrame.cb-window .cb-input {
   border: 2px solid #d0d0d0;
   box-sizing: border-box;
   margin-bottom: 8px;
   padding: 10px 0 10px 20px;
   width: 100%;
   border-radius: 5px;
   display: block;
   height: auto;
   min-height: 16px;
}

.__CbUiFrame.cb-window  .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton {
   padding: 13px;
   width: 100%;
   max-width: 9999px;
}




@media only screen and (min-width: 768px) {
  
   .cb-col--half {
      width: 50%;
   }

}

@media only screen and (max-width: 767px) {
   
   .__CbUiFrame.DSRegisterCheckDoubletWindow.DSRegisterWindow.CbControlbar2Window.CbControlbar2RegisterWindow .HalfWidthContainer {
      float: none;
      width: 100%;
   }
   
   .DSRegisterCheckDoubletWindow h2.register-duplicate-check-headline {
      width: 100%;
   }
   
   .__CbUiFrame.DSRegisterCheckDoubletInfoWindow.DSRegisterWindow.CbControlbar2Window.CbControlbar2RegisterWindow #registerframe_checkdoublet_block .doublet-login-data-container {
      border: medium none;
      float: none;
      padding-bottom: 20px;
      width: 100%;
   }

  .CbControlbar2Window #AddressData .reduced-line-height,
  .AgdokRegisterWindow #AddressData .reduced-line-height {
    /*margin-bottom: 100px;*/
  }
  div.DSRegisterCheckDoubletWindow.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right,
  div.DSRegisterCheckDoubletWindow.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.right {
    width: 100%;
  }
  div.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.left,
  div.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.left {
    width: 100%;
    padding-right: 40px;
  }
  div.DSRegisterCheckDoubletInfoWindow .doublet-login-data-container {
    border-right: none;
  }
  
  .CbControlbar2Window #registerframe_checkdoublet_block .__CbRegButtonContainer {
     padding-right: 0;
  }

}

@media only screen and (max-width: 479px) {
  div.DSRegisterCheckDoubletInfoWindow .doublet-login-data-container {
    border-right: none;
  }
}


.CbControlbar2Window * {
    font-family: "Roboto",sans-serif!important;
    box-sizing: border-box;
}

.CbControlbar2Window  p{
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.05px;
    color: #101010;    
}

.CbControlbar2Window  h2{
    font-size: 60px;
    line-height: 60px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.CbControlbar2Window  h1.DSRegisterWindowTitle {
    font-size: 18px!important;
    line-height: 24px!important;
    letter-spacing: 1.05px
}

.CbControlbar2Window font i {
    color: #ff0000;
}

.CbControlbar2Window .input-switch-button span{
    letter-spacing: 1.05px; 
}

.CbControlbar2Window *::-webkit-input-placeholder {
    font-style: normal;
    font-size: 100%;
    color: #aaa;
}
.CbControlbar2Window *::-moz-placeholder {
    font-style: normal;
    font-size: 100%;
    color: #555;
}
.CbControlbar2Window *::-ms-input-placeholder  {
    font-style: normal;
    font-size: 100%;
    color: #555;
}

.CbControlbar2Window .bootstrap-switch{
/*    line-height: 8px;*/
}

.CbControlbar2Window .bootstrap-switch .bootstrap-switch-label{
    top: initial;
    left: initial;
}


.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame hr {
    height: 2px;
    margin-bottom: 10px;    
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.float-right {
    float: right;
}

.CbControlbar2Window .__CbRegInputs {
    width: auto !important;
}

.CbControlbar2Window #registerframe_password_lost {
    text-align: right;
    padding-top: 6px;
    letter-spacing: 1.05px;
}

.CbControlbar2Window .__CbUiErrorMessage {
    clear : both;
    color : red;
    display: none;
    text-align: left;
    line-height: 140%;
}
.__CbUiErrorMessage[data-message-for="registerframe_input_gender"] {
    margin-bottom: 3px;
}
.__CbUiErrorMessage[data-message-for="registerframe_input_first"] {
    margin-top: 28px;
}
.CbControlbar2Window .tabbed-content {
    position: relative;
    display: none;
    opacity: 0;
    transition-property: all;
    transition-duration: 0.8s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.8s;
}
.CbControlbar2Window .tabbed-content.active {
    display: block;
    opacity: 1;
    transition-property: all;
    transition-duration: 0.8s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.8s;
}
.CbControlbar2RegisterWindowTitle.tab:not(.active) {
    color : #999;
}
label.CbControlbar2RegisterWindowTitle {
    cursor: pointer;
    display: inline-block;
}
label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
    padding: 15px 15px 5px 15px;
    vertical-align: middle;
    box-sizing: border-box;
    font-weight: normal;
}

.CbControlbar2Window .profile-image {
    min-width: 120px;
    min-height: 120px;
    /*   background-color: #ccc;*/
    background-image: url('/module/jscript/lib/cb_ui/img/avatar_icon_bg.jpg');
    border-radius: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: copy;
    position: relative;
}
.CbControlbar2Window .profile-image-label{
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}
.CbControlbar2Window .pix-upload-delete, .CbControlbar2Window .pix-upload-edit {
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    display: none;
}
.CbControlbar2Window .pix-upload-delete {
    top : 0;
    background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_icon_bg.png');
    z-index: 99999;
}
.CbControlbar2Window .pix-upload-edit {
    bottom : 0;
    background-image: url('/module/jscript/lib/cb_ui/img/edit_icon_bg.png');
}
.CbControlbar2Window .pix-upload.with-image:hover .pix-upload-delete,
.CbControlbar2Window .pix-upload.with-image:hover .pix-upload-edit {
    display: block;
}

.CbControlbar2Window .__CbRegInputs .styled-select {
    height: auto;
    min-height: 34px;
}
.CbControlbar2Window .__CbRegInputLine .styled-select {
    background-position: 90% center;
    border: 1px solid #bababa;
    background-color: #FFFFFF;
    width: 120px;
}
.CbControlbar2Window .styled-select {
    display: inline-block;
    background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png");
    background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -webkit-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
    background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -o-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
    background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -moz-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
    background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
    background-position: 98% center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
}
.CbControlbar2Window .__AC_position {
    max-width: 100%;
}
.__CbRegInputs .__CbRegInputLine
#registerframe_input_password,
#registerframe_input_password_confirm,
#registerframe_input_new_password,
#registerframe_input_new_password_confirm,
.__CbRegNewAccountTextCntnr,
#registerframe_password_hint,
#registerframe_input_city,
.__CbRegBottomDesc {
    width: auto !important;
}

#registerframe_stay_logged_in {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.__CbUiWindowContent.clearfix {
    display: flex;
    flex-direction: column;
}

.__CbUiLayerFrame span#registerframe_input_password,
.__CbUiLayerFrame span#registerframe_input_password_confirm,
.__CbUiLayerFrame span#registerframe_input_new_password,
.__CbUiLayerFrame span#registerframe_input_new_password_confirm {
    background-color: transparent;
}
.CbControlbar2Window .input-button-go.__AC_button {
    min-height: 30px;
    height: auto;
    margin: 0 0 0 15px !important;
    float: left;
}
.CbControlbar2RegisterWindowTitle {
    font-size: 18px;
    font-weight: normal;
    color: #000;
}
.CbControlbar2RegisterWindowTitleContainer {
    background-color: #eee;
    border-bottom: 1px solid #aaa;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
    margin: 0 auto;
    padding: 0;
    width: 930px;
    min-height: 350px;
    background-color: #fff;
    border-radius: 0;
    color:#000 !important;
}

.__CbUiText.login-label {
    font-weight: 500;
}

.__CbUiText.login-desc {
    font-size: 14px;
    line-height: 20px;
}

.__CbUiFrame.CbControlbar2Window {
    font-size: 13px;
}

.__CbUiFrame button#registerframe_button_register, .DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info {
    padding: 13px;
    font-size: 12px;
    letter-spacing: 2px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
    padding: 40px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
    padding: 0 40px 20px 40px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
    width: 50%;
    display: flex;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer.no-padding,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.no-padding {
    padding: 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer {
    width: 100%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1){
    padding-bottom: 50px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(2){
    padding-top: 0px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbRegNewAccountTextCntnr {
    margin-bottom: 20px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .padded-box {
    padding: 0;
    width: 100%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegButtonContainer{
    width: 100%;
}

.CbControlbar2Window
.__CbRegInputs .__CbRegInputLine input[type="text"] ,
.CbControlbar2Window
.__CbRegInputs .__CbRegInputLine input[type="password"] ,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__CbRegButtonContainer .__CbUiTextButton, 
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
    border-radius: 5px!important;
    display: block;
    min-height: 16px;
    height: auto;
    line-height: normal
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__CbRegInputLine #registerframe_input_gender {
    min-height: 34px;
}
.__CbUiLayerFrame span#registerframe_input_new_password_confirm,
.__CbUiLayerFrame span#registerframe_input_new_password,
.__CbUiLayerFrame span#registerframe_input_password {
    background-color: transparent;
}

.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="password"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine #registerframe_input_city .__CbUiSearchBox, 
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
    width: 100%;
    padding: 10px 0 10px 20px;
    border: 2px solid #d0d0d0;
    margin-bottom: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    letter-spacing: 0.8px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer
.__CbRegButtonContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbRegInputs .__CbRegButtonContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegButtonContainer
{
    margin-right: 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegPasswordStrengthBox {
    width: 15%;
    height: 5px;
    margin-right: 2%;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegPasswordStrengthBox:nth-last-child(3) {
    margin-right: 0%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer
.__CbUiRegisterWindowCloseButton,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbUiRegisterWindowCloseButton {
    background-image: url('/module/lib/framework/images/img_close-black.png');
    background-size: 14px 14px;
    font-size: 0px;
    color: #000;
    top: 40px;
    right: 40px;
    height: 14px;
    width: 14px;
}

.__CbUiRegisterWindow .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton,
.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton {
    max-width: 425px;
    width: 100%;
    padding: 16px 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    background-color: #3e73c0;
    background-image: none;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__CbRegButtonContainer{
    text-align: left;
    position: initial;
    padding-bottom: 0;
}

button#registerframe_button_password_reminder {
    background-color: #2f74a9 !important;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs #registerframe_error {
    font-size: 12px;
    background-color: #ffeded;
    border-radius: 4px;
    padding-top: 4px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__AC_position {
    top: 37px !important;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
#registerframe_changepass_email {
    background-color: transparent;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_strong,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_weak {
    font-size: 80%;
    line-height: 90%;
    color: #aaa;
    margin-top: 8px;
    text-align: left;
    width: 45%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_weak {
    float: left;
    clear: left;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_strong {
    float: right;
    text-align: right;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
#registerframe_error {
    font-size: 12px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame #registerframe_password_hint {
    background-color: transparent;
    margin-bottom: 10px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegButtonContainer #registerframe_input_terms {
    float: left;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegButtonContainer #registerframe_input_terms + span {
    margin-left: 10px;
    float: left;
}

.FullWidthContainer .__CbRegButtonContainer {
/*    bottom: 40px;
    position: absolute;
    right: 40px;
    width: 385px;*/
}

.__CbRegButtonContainer a {
    text-decoration: underline;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegError {
    padding: 0 20px 0 50px;
    background-image: url('/module/lib/framework/images/img_warning.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 34px auto;
    padding-left: 40px;
    color: #000;
    line-height: 16px !important;
}

.__CbUiFrame.CbControlbar2Window .__CbUiInputError {
    border: 1px solid #FF0000 !important;
}
.CbControlbar2Window .box-column2-align-right {
    box-sizing: border-box;
    float: right;
    width: 50%;
    height: auto;
}
.CbControlbar2Window .box-column1-align-left {
    box-sizing: border-box;
    float: left;
    width: 50%;
    height: auto;
    padding-right: 30px;
}
.__CbUiFrame.CbControlbar2Window .register-content-box {
    padding: 40px;
}
.__CbUiFrame.CbControlbar2Window .register-content-box, .register-content-box p {
    line-height: 150%;
}
.CbControlbar2Window .box-column1-align-left p,
.CbControlbar2Window .box-column2-align-right p {
    margin-bottom: 1.6em;
}


@media only screen and (min-width: 960px) and (max-width: 1160px) {

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
        width: 780px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
        width: 620px;
    }

}

@media only screen and (max-width: 767px) {

    .CbControlbar2RegisterWindowTitleContainer {
        background-color: transparent;
        border-bottom: none;
    }

    .CbControlbar2RegisterWindowTitle {
        margin-top: 20px;
    }

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
        width: 300px;
    }

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
        width: 100%;
    }

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer:first-child {
        padding-bottom: 0px;
    }

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer:last-child {
        padding-top: 10px;
    }


    .CbControlbar2Window .box-column2-align-right {
        box-sizing: border-box;
        float: none;
        width: 100%;
        height: auto;
        padding-left: 0px;
    }

    .CbControlbar2Window .box-column1-align-left {
        box-sizing: border-box;
        float: none;
        width: 100%;
        height: auto;
        padding-right: 0px;
    }

    .CbControlbar2Window .box-column1-align-left + .box-column1-align-left ,
    .CbControlbar2Window .box-column2-align-right + .box-column1-align-left ,
    .CbControlbar2Window .box-column2-align-left + .box-column1-align-right ,
    .CbControlbar2Window .clearfix + .box-column2-align-right ,
    .CbControlbar2Window .clearfix + .box-column2-align-left {
        margin-top: 15px;
    }

    label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
        padding: 7px 15px 7px 15px;
        min-height: 10px;
    }

}

@media only screen and (max-width: 767px)  and (min-width: 480px) {

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
        width: 420px;
    }

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
        width: 100%;
    }

    .CbControlbar2RegisterWindowTitle {
        margin-top: 20px;
    }
    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
        width: 340px;
    }

}

@media only screen and (max-width: 479px) {

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
        width: 220px;
    }

}

.DSRegisterCheckDoubletWindow h3#registerframe_choose_high_match_headline {
    margin-top: 37px;
}
.DSRegisterCheckDoubletWindow h3 {
    margin: 41px 0 16px;
}
.DSRegisterCheckDoubletInfoWindow h3 {
    margin: 0.83em 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
   padding-bottom: 20px;
}

.DSRegisterWindow button#registerframe_button_register,
.DSRegisterCheckDoubletWindow .match-button-container button,
.DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info,
.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet,
.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet_action,
.DSRegisterCheckDoubletWindow .entryblock button.__CbUiTextButton,
.__CbUiRegisterWindow .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton, .CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton {
    background: #303030;
    border-radius: 3px;
}

.DSRegisterUserPassWindow button#registerframe_button_facebook.__CbUiTextButton {
    background-color: #304E8E;
    cursor: pointer;
    border-radius: 3px;
}

.DSRegisterWindow button#registerframe_button_register,
.DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info {
    font-size: 12px;
    letter-spacing: 2px;
    padding: 13px;
}

.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet,
.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet_action {
    font-size: 13px;
    letter-spacing: 2px;
}

.DSRegisterWindow button#registerframe_button_register,
.DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info {
    padding: 13px;
}

.DSRegisterUserPassWindow .__CbRegButtonContainer {
    text-align: left;
    padding: 1px 0 10px;
}

.DSRegisterCheckDoubletWindow .selection-block h4 {
    padding: 10px 0;
}

.DSRegisterCheckDoubletInfoWindow .doublet-doublet-data-container {
    float: left;
}

.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet > div {
    width: 100%;
}

.DSRegisterCheckDoubletInfoWindow textarea#registerframe_doublet_info_text {
    resize: vertical;
}

#registerframe_input_urls_container .delete-url-entry-button {
    height: 22px;
    width: 22px;
    background-color: #FFFFFF;
    background-image: url(../media/images/img_close-black.png);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: -38px;
    right: 4px;
    border: none;
    cursor: pointer;
    float: right;
    margin-bottom: -40px;
}
 
.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab:not(:empty) {
  padding: 23px 15px 0 15px;
  min-height: 58px;
  vertical-align: middle;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  font-weight: normal;
  font-size: 125%;
}
 
.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab.active {
   background-color: #fff;
   color: #000;
   bottom: -1px;
   position: relative;
   padding-top: 22px;
}
 
@media screen and (max-width: 767px) {
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 100%;
      min-height: 100%;
      top: 0;
      right: 0;
      left: 0;
   }

    .__CbUiInputText,
    .__CbUiPassword, 
    .__CbUiSelect,
    .__CbUiSearchBox,
    .__CbUiChooseList,
    .__CbUiInputTextArea {                                                       
        font-size: 16px;                                                          
    }
 
   .__CbUiWindowContent {
      padding-top: 54px;
   }
 
   .DSRegisterProfileWindow .__CbUiWindowContent {
      padding-top: 0;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
       display: block;
   }
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbUiRegisterWindowCloseButton,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbUiRegisterWindowCloseButton,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .__CbUiRegisterWindowCloseButton {
      right: 20px;
   }
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
      width: 100%;
      position: static;
   }
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
      padding: 0 20px;
   }
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1) {
      padding-bottom: 20px;
   }
 
   #registerframe_message {
      margin-bottom: 20px;
   }
 
   .__CbUiFrame.CbControlbar2Window .register-content-box {
      padding: 20px;
   }
 
   .CbControlbar2RegisterWindowTitleContainer {
      padding: 0 20px 20px;
      border-bottom: 1px solid #ccc;
   }
 
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab,
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab.active,
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab:last-of-type {
      background-color: #fff;
      position: relative;
      bottom: auto;
      border: 0;
      background-color: transparent;
      font-size: 17px;
      padding: 20px 0 0;
      margin-top: 0;
      color: #000;
   }
 
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.tab:not(.active) {
      display: none;
   }
 
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.tab:not(:empty) {
      box-sizing: border-box;
      font-size: 125%;
      font-weight: normal;
      min-height: 58px;
      vertical-align: middle;
      border: 0;
      min-height: 0;
   }
 
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab span.number {
      padding-right: 5px;
   }
 
   .RegisterProfileWindow .RegisterProfileWindowTitle.hide-tab {
      display: none;
   }
 
   .RegisterProfileWindow .RegisterProfileWindowTitle.hide-tab.show-tab {
      display: block;
   }
 
   .RegisterProfileWindow .RegisterProfileWindowTitle.tab.show-tab:last-child {
      padding-bottom: 17px;
   }
 
   .RegisterProfileWindow .responsive-menu-btn {
      background: transparent url("images/img_responsive-menu-btn-grey.png") no-repeat scroll center center/contain;
      cursor: pointer;
      height: 20px;
      position: absolute;
      right: 70px;
      top: 19px;
      width: 20px;
      z-index: 10;
   }
 
   .RegisterProfileWindow .responsive-menu-btn.collapsed {
      background: transparent url("images/img_responsive-menu-btn.png") no-repeat scroll center center/contain;
   }
 
   .RegisterProfileWindow .menu-spacer {
      height: 58px;
   }
 
}

@media screen and (max-width: 767px) {

   .RegisterProfileWindow .collapsed .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab.active,
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab:last-of-type {
      padding-bottom: 20px;
   }

}

@media screen and (min-width: 767px) {
 
   .DSRegisterProfileWindow label.RegisterProfileWindowTitle {
      margin-right: -3px;
   }
 
}

@CHARSET "UTF-8";

/* This file is part of cbui.
 * Copyright © 2010-2012 stiftung kulturserver.de ggmbh <github@culturebase.org>
 *
 * cbui is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * cbui is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with cbui.  If not, see <http://www.gnu.org/licenses/>.
 */

body.no-scroll {
  overflow-y: hidden;
}

.__CbUiForm {
   padding: 0px 10px;
}

.__CbUiTitle {
    padding-left: 0;
    padding-bottom: 4px;
    padding-top: 0;
    clear: both;
    margin: 2px 15px 0;
    width: auto;
    height: 30px;
}

.__CbUiInputText,.__CbUiPassword,.__CbUiSelect,.__CbUiSearchBox,.__CbUiChooseList, .__CbUiInputTextArea {
   border: 1px solid #000000;
   font-size: 14px;
}

.__CbUiInputText,.__CbUiPassword,.__CbUiSelect,.__CbUiSearchBox {
   height: 16px;
}

.__CbUiInputText[disabled],.__CbUiPassword[disabled],.__CbUiSelect[disabled] {
   color: #FFFFFF;
   background-color: #C2C3C7;
   cursor: default;
}

.__CbUiChooseList div {
   cursor: pointer;
   margin-top: 5px;
}

.__CbUiListOddColor {
   background-color: #F8F7F0;
   margin-right: 35px;
}

.__CbUiPassword,.__CbUiSearchBox {
   width: 100%;
}

.__CbUiFieldEdited {
   color: #000000;
}

.__CbUiFieldUnedited {
   color: #c0c0c0;
}

.__CbUiTextButton {
   border: 1px solid #BDBEB2;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(246,246,239)),
      color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   color: #A73C2E;
   font-weight: bold;
   cursor: pointer;
   padding: 0 10px;
   text-align: center;
   min-width: 135px;
   text-decoration: none;
   display: inline-block;
   box-shadow: 0 0 5px rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   border-radius: 2px 2px 2px 2px;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   font-size: 11px;
   vertical-align: middle;
   line-height: 30px;
}

.__CbUiImgButton, .__CbUiCloseButton, .__CbUiLangSelectFlag, .__CbUiLangFlag {
   cursor: pointer;
   z-index: 1338;
   display: inline;
   background-position: 0px 0px;
   font-size: 0px; /* IE prevents us from making an element smaller than its font-size */
   padding: 0px;
}

.__CbUiCloseButton {
   right: 3px;
   top: 3px;
   display: block;
   position: absolute;
}

.__CbUiLangSelectFlag {
   right: 37px;
   top: 3px;
   padding-top: 10px; /* height */
   padding-left: 16px; /* width */
   padding-bottom: 1px;
   background-image: url('/module/lib/location/language_flags/16x11.png');
   float: right;
   margin-top: 3px;
}

.__CbUiLangChooseList div {
   font-weight: bold;
}

.__CbUiLangChooseList .__CbUiText.abbr {
   position: absolute;
   padding-bottom: 1px;
   padding-top: 1px;
   background-color: white;
   color: #333333;
   right: 140px;
}

.__CbUiLangChooseList .__CbUiSelected {
   background-color: rgb(180, 0, 0);
}

.__CbUiLangFlag {
   right: 110px;
   padding-top: 11px;
   padding-left: 16px;
   background-image: url('/module/lib/location/language_flags/16x11.png');
}

.__CbUiLangFlag-24x17 {
   right: 110px;
   padding-top: 11px;
   padding-left: 16px;
   background-image: url('/module/lib/location/language_flags/24x17.png');
}

.__CbUiLanguageWindow .lang-select {
    display: none;
}

.__CbUiLangListItem {
    cursor: pointer;
}

.__CbUiLangListItem:hover {
    background-color: #d9dad2;
}

.__CbUiLayer {
   width: 100%;
   height: 100%;
   position: absolute; /* fallback for IE 6 and lower */
   position: fixed; /* all browsers above IE 6 know what this is and use it */
   left: 0px;
   top: 0px;
   z-index: 1336;
   opacity: 0.25;
}

.__CbUiFrame,.__CbUiLayerFrame {
   background-color: #F7F7F1;
   z-index: 1337;
}

.video.__CbUiLayerFrame {
  background-color: #303030;
}

.__CbUiFrame {
   background-color: #F7F7F1;
}

.__CbUiLayerFrame {
/*   border: 2px solid #B40000;*/
   position: absolute;
/*   padding: 35px 20px;*/
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   overflow: auto;
}

.__CbUiLayerFrame.__CbUiLanguageWindow {
   border: none;
   padding: 0;
}

.__CbUiLoader {
   background-color: #000000;
   background-image: url('/module/jscript/lib/cb_ui/img/loader.gif');
   background-position: center center;
   background-repeat: no-repeat;
}

.__CbUiInputError {
   border-color: #ff0000;
}

.__CbUiLangSelect {
   color: #333333;
   line-height: 9px;
   font-size: 12px;
   font-family: arial;
   font-weight: bold;
   cursor: pointer;
   padding: 0px 2px;
   text-decoration: none;
   text-transform: uppercase;
   padding-top: 5px;
   display: inline-block;
}

.__CbUiFrame {
   display:none;
}

.__CbUiFrame.fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fullscreen-switch {
    display: none;
    cursor: pointer;
    padding: 0 3px 0 0;
    float: right;
}

.__CbUiPage {
   position: relative;
}

.__CbUiLangListItem {
    background: none repeat scroll 0 0 #E7E8E0;
    border-radius: 3px;
    color: #000000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 4px 10px;
    text-decoration: none;
    line-height: 19px
}

.__CbUiLangListItem .__CbUiLangFlag {
    position: absolute;
    margin-top: 4px;
}
.__CbUiLangListItem .__CbUiText.abbr  {
    width: 10px;
}

.__CbUiLangChooseList>div {
    width: 100%;
}

.__CbUiLangChooseList .__CbUiText.abbr {
    text-transform:uppercase;
    color: #333333;
    background: transparent;
    border: none;
    right: 166px;
}

.__CbUiLanguageWindow .__CbUiTitle {
   clear: both;
}

.close-overlay-container {
    height: 20px;
    position: absolute;
    right: 20px;
    top: 8px;
    width: 20px;
}

.__CbUiHeader {
    background-color: #FEFEFE;
    border-bottom: 1px solid #C5C4B0;
    border-radius: 5px 5px 0 0;
    height: 35px;
    width: 100%;
    text-align: center;
}

.__CbUiHeader.fullscreen {
    display: none;
}

.__CbUiCloseButton {
    background: url("/module/pics/close_icon.png") no-repeat;
    background-repeat: no-repeat;
    min-height: 15px;
    padding: 0;
    right: 19px;
    top: 10px;
    min-width: 15px;
}

.CbControlbar2Window .__CbUiCloseButton {
    background: url("/module/lib/framework/images/img_close-black.png") no-repeat;
    background-size: 14px 14px;
    min-height: 14px;
    min-width: 14px;
    right: 40px;
    top: 40px;
}

.__CbUiContent {
    width: 100%;
    max-width: 650px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
}
@media (max-width: 680px) {
    .__CbUiContent {
        margin-left: 15px;
        margin-right: 15px;
    }
}
    .__CbUiContent.fullscreen {
    width: 98%;
}

.__CbUiLangFlag {
    right: 136px;
}

.support-link {
    font-size: 12px;
}

.support-link a {
    color: #333333;
    text-decoration: none;
}

.pix-float-right .support {
    margin-right: 0;
    padding-right: 0;
}

.__CbUiLangChooseList {
    margin: 45px auto;
    width: 430px;
}

.overlay-container-header-handle{
   background-image: url("/module/lib/framework/pics/window_handle_icon.png");
   background-repeat: repeat-x;
   width: 100%;
   height: 35px;
   display: block;
    padding-left: 20px;
    padding-right: 50px;
    box-sizing: border-box;
    background-clip: content-box;
   position: absolute;
   top: 0;
   z-index: 0;
}

.window-caption {
    background: none repeat scroll 0 0 #FEFEFE;
    padding: 0 1em;
    position: relative;
    top: 9px;
    z-index: 10;
}

.main-navi {
   margin: 0px 0 5px;
   padding: 3px 0 3px 0;
   width: 100%;
   border-bottom: 3px solid #000;
   clear: both;
   color: #333333;
   font-size: 12px;
   font-weight: bold;
}

.main-navi a:hover,
.main-navi div:hover {
    text-decoration: underline;
}

.main-navi li {
   display: inline;
   padding: 0 10px 0 0;
   position: relative;
}

.main-navi li.pix-float-right {
   float: right;
   padding-right: 0;
   padding-left: 15px;
}

.main-navi li a {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

.pix-screen-title {
   color: #c00;
   font-size: 20px;
   margin-bottom: 5px;
   margin-left: 0px;
   text-align: left;
   border: 0px;
   text-transform: none;
   font-weight: bold;
}

.lang-select {
    float: right;
    height: 21px;
    width: 41px;
    margin-top: 0;
}

.support {
    float: right;
    font-size: 12px;
    text-decoration: none;
    background: none;
    border: medium none;
    color: #333333;
    font-weight: bold;
    padding: 0 7px;
}

.edit-form-buttons {
    bottom: 20px;
    clear: both;
    height: 26px;
    left: 0;
    margin: 15px auto 0;
    position: absolute;
    width: 100%;
    line-height: 26px;
    color: #a73c2e;
}

.__CbUiText.contentTitle {
    font-size: 16px;
    font-weight: bold;
}

.info-container {
    display: inline-block;
    width: auto;
}

.info-container > h3, 
.info-container > div > span {
    display: inline-block;
}

.info-container > h3, 
.info-container > div > span,
.info-container .short-desc {
    cursor: pointer;
}

.styled-checkbox input {
    display: none;
}
.styled-checkbox input[type="checkbox"] + span.icon {
    background-image: url("/module/jscript/lib/cb_ui/img/radio_toggle_icon.png");
    background-position: 0 0;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    vertical-align: middle;
    width: 20px;
}
.styled-checkbox input[type="checkbox"]:checked + span.icon {
    background-position: -20px 0;
}

/* error | message | prompt | upload progress layer styles*/
.error-dialog-layer {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: 1340;
}
.__CbUiDialogWindow {
   box-shadow:  0px 3px 14px 0px rgba(50, 50, 50, 0.75);
   width: 100%;
   max-width: 600px;
}
.__CbUiDialogWindow .__CbUiOkButton{
   position: absolute;
   right: 25px;
   bottom: 17px;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .__CbUiOkButton {
    pointer-events: none;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .__CbUiOkButton.button-enabled {
    pointer-events: all;
}

.__CbUiDialogWindow .__CbUiCancelButton{
   position: absolute;
   left: 25px;
   bottom: 17px;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .message-dialog-window {
    background-color: #ffd8d8;
    color: #000000;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .message-dialog-heading {
    border-bottom: 1px solid #a6a6a6;
}

.error-dialog-window, 
.message-dialog-window {
   opacity: 1;
   width: 100%;
   max-width: 600px;
   max-height: 590px;
   min-height: 140px;
   margin: auto;
   background-color: #fff;
   box-shadow:  0px 3px 14px 0px rgba(50, 50, 50, 0.75);
   border-radius: 7px;
   position: relative;
   z-index: 1340;
   color: #333;
   padding-bottom: 60px;
}
.error-dialog-heading,.error-dialog-content, .message-dialog-heading, .message-dialog-content{
   padding: 17px 25px;
}
.error-dialog-heading, .message-dialog-heading{
   padding: 13px 25px;
   font-size: 19px;
   line-height: 100%;
   border-bottom: 1px solid #eee;
}
.error-dialog-heading {
   color: red;
}
.message-dialog-message {
   padding-top: 5px;
   padding-bottom: 5px;
   max-height: 290px;
   overflow: auto;
   color: #969682;
   font-size: 15px;
   line-height: 140%;
}
.__CbUiStrongConfirmWindow .message-dialog-message {
    color: black;
}
.error-dialog-error-container {
   padding-top: 5px;
   padding-bottom: 5px;
   max-height: 290px;
   overflow: auto;
   color: #969682;
   font-size: 15px;
   line-height: 140%;
}
.error-dialog-abort-container {
   text-align: right;
}
#CbUiPromptInput {
   width: 100%;
   font-size: 15px;
   padding: 10px;
   box-sizing: border-box;
}
.html5-progress {
   display: inline-block;
   height: 1em;
   width: 300px;
   border: 1px solid #E8E8E8;
   background-color: #0088cc;
   background-image: url('data:image/gif;base64,R0lGODlh6AMyAIAAAP///wAAACH5BAAAAAAALAAAAADoAzIAAAL/hI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8aNKxw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vyprgAAOw==');
   background-repeat: no-repeat;
   background-position: 0px;
}

.edit-button,
input[type="button"].edit-button {
    margin-top: 20px;
    background-image: url("/module/jscript/lib/cb_ui/img/icon_edit_button.png");
    width: 65px;
    height: 36px;
    border: none;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*! jQuery UI - v1.11.4 - 2015-04-30
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}
/* This file is part of cbautocomplete2.
 * Copyright © 2010-2013 stiftung kulturserver.de ggmbh <github@culturebase.org>
 *
 * cbui is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * cbui is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with cbui.  If not, see <http://www.gnu.org/licenses/>.
 */

.__AC_position {
    background-image:    url('/module/jscript/lib/jquery_plugins/autocomplete2/pointer.gif');
    background-position: center top;
    background-repeat:   no-repeat;
    color:               #000000;
    font-family:         Arial;
    font-size:           15px;
    line-height:         19px;
    padding-top:         11px;
    position:            absolute;
}

.__AC_layer {
    background-color: #F7ECCF;
    border-radius:    4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position:         relative;
    padding:          15px 0px 10px 10px;
    z-index:          1;
}
.__AC_layer:before, .__AC_layer:after{
    content: '.';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    clear: both;
}

.__AC_data {
    max-height:    200px;
    overflow-y:    auto;
    padding-right: 10px;
}

.__AC_close {
    background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/close-large.gif');
    background-size: contain;  
    cursor:           pointer;
    height:           18px;
    width:           18px;
    position:         absolute;
    right:            2px;
    top:              13px;
    z-index:          2;
}

.__AC_data div {
    padding: 2px;
    margin-bottom: 5px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.__AC_data div:hover, .__AC_keyhover, .__AC_ie8HoverFix {
    background-color: #F1851B;
    cursor:           pointer;
    color:            #ffffff;
}

.__AC_button {
    margin: 10px 11px 0 0;
    text-decoration: none;
    padding: 0 5px;
    font-size: 11px;
    color: #a73c2e;
    background-color: #fcfcf9;
    background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(246,246,239)),
        color-stop(0.85, rgb(255,255,255))
        );
    background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
    background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
    background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
    background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
    vertical-align: middle;
    font-weight: bold;
    border: 1px solid rgb(189,190,178);
    -moz-box-shadow: 0 0 5px rgb(189,190,178);
    -webkit-box-shadow: 0 0 5px rgb(189,190,178);
    box-shadow: 0 0 5px rgb(189,190,178);
    text-align: center;
    line-height: 250%;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
}

input.__AC_invalidated {
    background-color: #DAE1E4;
    color:            #5F7BA5;
    background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/glas_icon.svg');
    background-position: right center;
    background-repeat:   no-repeat;
    font-style:       normal !important;
}

.__CbUiCbTexPageContainer input.__AC_invalidated {
    background-color: #DAE1E4;
    color:            #5F7BA5;
}

input.__AC_editing {
    background-color: #F7ECCF !important;
    color:            #D95E28 !important;
    padding-left: 10px;
    background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/editing.svg');
    background-position: right center;
    background-repeat: no-repeat;
    font-style:       normal !important;
}

.__AC_editing::placeholder{
    padding-left: 0px!important;
}

.__AC_validating{
    padding-left: 10px;
}

input.__AC_validating, div.__AC_validating {
    background-color: #F7ECCF !important;
    color:            #D95E28 !important;
    background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/validating.svg');
    background-position: right center;
    background-repeat: no-repeat;
    font-style:       normal !important;
}

input.__AC_validated {
    background-color: #EDF4D8 !important;
    color:            #42443F !important;
    background-image:url('/module/jscript/lib/jquery_plugins/autocomplete2/icon-field-validated.svg');
    background-position: 95% center;
    background-repeat: no-repeat;
    font-style:       normal !important;
}

input.__AC_freetext {
    background-color: #ECEDE1 !important;
    color:            #3F3F3F !important;
    font-style:       normal !important;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 8, 2015, 10:08:55 AM
    Author     : henningrichter
*/

/* 
   For a unified TEX window appearance include this file as
   /var/www/module/lib/framework/css/cb_tex_window.css 
   in all projects that feature editors. 
*/

.__CbUiCbTexWindow .__CbUiContent>form {
   height: 510px;
   position: relative;
}

.__CbUiCbTexPageButton,
.__CbUiCbTexSubmitButton,
.__CbUiCbTexRelatedImageButton,
.__CbUiCbTexEmbedImageButton,
.__CbUiCbTexRelatedExpandButton {
   text-decoration: none;
   font-size: 11px;
   color: #a73c2e;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(246,246,239)),color-stop(0.85, rgb(255,255,255)));
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   vertical-align: middle;
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
   margin: 0 2px;
}
.__CbUiCbTexPage-1 .__CbUiCbTexNextPageButton,
.__CbUiCbTexPage-2 .__CbUiCbTexNextPageButton,
.__CbUiCbTexPage-2 .__CbUiCbTexSubmitButton,
.__CbUiCbTexPage-2 .__CbUiCbTexPreviousPageButton,
.__CbUiCbTexPage-3 .__CbUiCbTexSubmitButton,
.__CbUiCbTexPage-3 .__CbUiCbTexPreviousPageButton {
   float: right;
}

.__CbUiCbTexAutoCompleteContainer,
.text-type-container {
   padding: 15px;
}

.__CbUiCbTexAutoCompleteContainer {
   height: 40px;
   left: 188px;
   position: relative;
   width: 430px;
}

.__CbUiCbTexPage-2 .__ACPosition {
   padding-top: 28px;
}

#CbTexAuthorName,
#CbTexLanguageName {
   border-radius: 4px;
   float: right;
   height: 20px;
   width: 415px;
   background-position: 97% 40%;
}

#CbTexType {
   border-radius: 0;
   text-align: left;
   width: 445px;
   border: none;
}

#CbTexYearText {
   display: none;
}

#CbTexTitelText {
   width: 100%;
}

.__CbUiCbTexWindow #CbTexText,
.__CbUiCbTexWindow #CbTexTitelText {
   padding: 5px;
   width: 635px;
}

.__CbUiCbTexWindow #CbTexText {
   height: 400px;
}

.input-label {
   font-size: 12px;
   font-weight: bold;
   opacity: 0.35;
}

.inform-author-container {
   font-size: 11px;
}

.inform-author-container p {
   padding: 10px 0;
}

.inform-author-container label {
   font-weight: bold;
   padding: 0 5px;
}

.inform-author-container span {
   font-weight: bold;
   font-style: italic;
   color: #A73C2E;
}

.__CbUiCbTexWindow input[type="text"] {
   padding: 5px;
   width: 628px;
   background-color: #fff;
}

.__CbUiCbTexWindow textarea,
.__CbUiCbTexWindow input[type="text"] {
   border: 1px solid #CCCCCC;
   color: #000000;
   font-family: Arial,sans-serif;
   font-size: 12px;
   margin-bottom: 10px;
}

.__CbUiCbTexWindow textarea {
   min-height: 290px;
   padding: 5px;
   width: 626px;
}

.__CbUiCbTexWindow .text-type-container {
   height: 10px;
}

.text-edit-mail-intro-container {
   font-size: 11px;
   padding: 10px 0;
   text-align: left;
   border: none;
   padding: 10px 0;
}

.text-edit-mail-intro-container p {
   font-size: 12px;
}

.text-edit-mail-intro-container .input-container {
   font-weight: bold;
   border: none;
   width: 100%;
}

.text-edit-mail-intro-container .input-container label {
   border: medium none;
   font-size: 12px !important;
   width: 100% !important;
}

.text-edit-mail-intro-container .input-container .remark {
   color: #2F74A9;
   font-style: italic;
   margin-left: 10px;
}

.text-edit-mail-intro-container .input-container input,
.film-genre-cat-block .option-container input {
   width: 15px;
   margin: 0;
   border: none;
}

.text-edit-mail-intro-container input[type="checkbox"] + span.icon,
.film-genre-cat-block input[type="checkbox"] + span.icon {
   background-image: url("../images/radio_toggle_icon.png");
   background-position: 0 0;
   display: inline-block;
   height: 20px;
   margin-right: 5px;
   padding: 0;
   vertical-align: middle;
   width: 20px;
}

.text-edit-mail-intro-container input[type="checkbox"]:checked + span.icon,
.film-genre-cat-block input[type="checkbox"]:checked + span.icon {
   background-position: -20px 0;
}

.text-edit-mail-intro-container input[type="checkbox"],
.film-genre-cat-block input[type="checkbox"] {
   display: none;
}

.text-edit-mail-intro-container input,
.film-genre-cat-block input {
   margin: 10px 10px 0 20px;
}

.autocomplete-container .input-label.__CbUiText {
   left: 15px;
   position: relative;
   top: 35px;
}

.__CbUiCbTexPage-2 .__AC_position {
   padding-top: 30px;
}

.__CbUiLayerFrame {
   overflow: visible !important;
}

.__CbUiEditButtons {
   width: 650px;
   margin: 10px 0;
   padding: 0 0 0 0;
   list-style: none;
   bottom: 10px;
   font-family: Arial, Helvetica, sans-serif;
}

.__CbUiEditButtons div.__CbUiRelatedMenu {
   margin-right: 20px;
   float: left;
   position: relative;
}

.__CbUiCbTexRelatedButtons {
   display: none;
   position: absolute;
   bottom: 0;
   min-width: 100%;
   list-style: none;
   width: 180px;
   padding: 5px 0;
}

.__CbUiCbTexRelatedButtons button {
   background-color: transparent;
   background-image: none;
   border: medium none;
   box-shadow: none;
   color: #333333;
   padding: 15px;
   cursor: pointer;
   line-height: 5px;
   text-align: left;
}

.__CbUiCbTexRelatedButtons button:hover {
   color: #A73C2E;
}


.__CbUiCbTexRelatedImagesBlock {
   /*margin: 10px 0 20px;*/
   padding: 2px;
   min-height: 50px;
}

.__CbUiCbTexRelatedImagesThumbs,
.__CbUiCbTexRelatedImagesContainer {
   text-align: left;
   float: left;
}

.thumb-container {
   position: relative;
   float: left;
   margin: 5px 10px 0;
   padding-right: 2px;
}

.__CbUiCbTexRelatedImagesThumbs.ui-sortable .thumb-container .image-tile-item {
   background: transparent;
   border: none;
   box-shadow: none;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
}

.__CbUiCbTexRelatedImagesThumbs.ui-sortable {
   height: auto;
   width: 650px;
   overflow-y: scroll;
}

.__CbUiCbTexRelatedImagesBlock .__CbUiCbTexRelatedImagesThumbs.ui-sortable {
   max-height: 280px;
}

.__CbUiCbTexRelatedImagesThumbs.ui-sortable:empty {
   height: 0;
   border: none;
}

.__CbUiCbTexRelatedImagesThumbs .thumb-button-delete,
.__CbUiCbTexRelatedImagesThumbs .thumb-button-edit {
   display: none;
   text-align: right;
   width: 25px;
   height: 25px;
   color: #fff;
   font-size: 10px;
   cursor: pointer;
   position: absolute;
   right: 0;
}

.__CbUiCbTexRelatedImagesThumbs .thumb-button-delete {
   top: 0;
}

.__CbUiCbTexRelatedImagesThumbs .thumb-button-edit {
   bottom: 0;
}

.__CbUiCbTexRelatedImagesThumbs .thumb-button-delete img,
.__CbUiCbTexRelatedImagesThumbs .thumb-button-edit img {
   margin: 0 5px 0 0;
}

.__CbUiCbTexRelatedExpandButton {
   background: url("/module/jscript/lib/cb_ui/img/selectbox_arrow_icon_up.png") no-repeat scroll 110px 12px #FAFAF6;
   font-family: Arial, Helvetica sans-serif;
   padding-right: 25px;
}

.__CbUiCbTexRelatedButtons {
   background-color: #F0F0F1;
   background-image: -webkit-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%);
   background-image: -moz-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%);
   background-image: -ms-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%);
   background-image: -o-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%);
   border: 1px solid #CCCCCC;
   bottom: 16px;
   box-shadow: 0 1px 5px #999999;
}

.__CbUiCbTexWindow .__CbTexGeoCoordinates {
   padding: 20px 0;
   border-bottom: 1px solid #ccc;
   margin-bottom: 20px;
}

.__CbUiCbTexWindow .CbTexArticle2Media {
   border-bottom: 1px solid #ccc;
}

.__CbUiCbTexWindow .__CbTexBubbleOpen {
   padding: 20px 0 20px;
   margin-bottom: 20px;
   border-top: 1px solid #ccc;
}

.__CbUiCbTexWindow .__CbTexGeoCoordinates input[type="text"] {
   width: 120px;
   margin: 0 20px;
}

.__CbUiCbTexWindow .__CbUiTexPageContent {
   height: 487px;
   font-size: 15px;
   padding-top: 15px;
}

.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexTagInputLabel, 
.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock,
.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexInsertedAtLabel {
   font-size: 12px;
}

.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock {
   font-style: italic;
}

.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock {
   color: grey;
}

.__CbUiCbTexWindow span.tile-item-positioner {
   text-align: center;
   float: left;
   width: 100%;
   height: 100%;
   padding: 4px;
   margin: 2px;
   position: relative;
   border: 1px solid #CCCCCA;
   border-radius: 4px;
   background: #ffffff;
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 2px 2px 5px rgb(189,190,178);
   box-shadow: 2px 2px 5px rgb(189,190,178);
   display: table;
}

.__CbUiCbTexWindow .image-tile-preview-info {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   height: 113px;
   width: 113px;
}

.__CbUiCbTexWindow .cursor-area {
   height: 60px;
   left: 7px;
   position: absolute;
   top: 30px;
   width: 100%;
   cursor: url("/module/lib/framework/images/move.png") 15 15, auto;
}

.__CbUiCbTexWindow .main-navi {
   padding-bottom: 6px;
}

div#form_upload {
   z-index: 1338;
   left: -1001px;
}

.__CbUiCbTexWindow div.mce-flow-layout-item {
    margin: 2px 0px 2px 1px;
}

.__CbUiCbTexWindow .image-tile-item img.preview-image {
   display: block;
   margin: 0 auto;
   height: auto;
   -moz-box-shadow: 0 0 5px rgba(163,163,163,1);
   -webkit-box-shadow: 0 0 5px rgba(163,163,163,1);
   box-shadow: 0 0 5px rgba(163,163,163,0.8);
}

.__CbUiCbTexWindow .__CbUiCbTexRelatedImagesDesc,
.__CbUiCbTexWindow .__CbUiCbTexRelatedImagesBlock {
    margin: 10px 0 20px;
    padding: 2px;
    min-height: 50px;
    max-height: 370px;
    background-color: transparent;
}

.__CbUiCbTexWindow #ThumbManager #CbTexThumb .image-tile-item {
    background: transparent;
    border: none;
    box-shadow: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
}


.__CbUiCbTexWindow #CbTexTitle,
.__CbUiCbTexWindow #CbTexSubtitle {
  box-sizing: border-box;
  width: 100%;
  float: none;
}

.__CbUiCbTexTagManager {
   border-top: 3px solid #000;
   padding: 5px 0;
   margin: 10px 0;
   width: 630px;
}

.autocomplete-container {
   position: relative;
}

.__CbUiCbTexTagInputLabel {
   color: #000;
   font-size: 12px;
}

.__CbUiCbTexTagLabel {
   background-color: #ededed;
   padding: 5px;
   float: left;
   margin: 0 10px 10px 0;
   border-radius: 3px;
}

.__CbUiCbTexTagLabels p {
   font-size: 13px;
   float: left;
   margin-right: 5px;
   min-width: 50px;
   margin-bottom: 0px;

}

.__CbUiCbTexTagLabels button.__CbUiCbTexTagLabelDelete {
   float: left;
   width: 19px;
   height: 19px;
   background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_tag_icon_bg.png');
   border: none;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center;
}

.__CbUiCbTexTagLabels .hover button.__CbUiCbTexTagLabelDelete {
   background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_icon_bg.png');
}

#CbTexInsertedAt {
   margin: 10px 0;
   width: 620px;
   height: 24px;
}

#CbTexInsertedAt.__CbUiCbTexInvalidated {
   border: 1px solid red;
}

.__CbUiCbTexError {
   color: red;
   display: none;
   font-size: 12px;
}

.__CbUiCbTexToggleButton {
   float: left;
   width: 38px;
   height: 38px;
   margin-left: 10px;
   background: #ffffff;
   background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f1 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f1));
   background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f1 100%);
   background: -o-linear-gradient(top, #ffffff 0%, #f0f0f1 100%);
   background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f1 100%);
   background: linear-gradient(to bottom, #ffffff 0%, #f0f0f1 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f1', GradientType=0);
   border: 1px solid #ccc;
   border-radius: 2px;
}

.__CbUiCbTexToggleOption {
   width: 28px;
   height: 28px;
   margin: 5px;
   background-repeat: no-repeat;
   background-size: cover;
   cursor: pointer;
   display: none;
}

.__CbUiCbTexToggleOption.selected {
   display: block;
}

img.thumb-button-meta {
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 30px;
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center;
  }
  
  @font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff");
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101";
  }
  
  .vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-play-circle:before {
    content: "\f102";
  }
  
  .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103";
  }
  
  .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104";
  }
  
  .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105";
  }
  
  .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106";
  }
  
  .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107";
  }
  
  .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108";
  }
  
  .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109";
  }
  
  .vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-spinner:before {
    content: "\f10a";
  }
  
  .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10b";
  }
  
  .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10c";
  }
  
  .vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-hd:before {
    content: "\f10d";
  }
  
  .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e";
  }
  
  .vjs-icon-downloading {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-downloading:before {
    content: "\f10f";
  }
  
  .vjs-icon-file-download {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-file-download:before {
    content: "\f110";
  }
  
  .vjs-icon-file-download-done {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-file-download-done:before {
    content: "\f111";
  }
  
  .vjs-icon-file-download-off {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-file-download-off:before {
    content: "\f112";
  }
  
  .vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-share:before {
    content: "\f113";
  }
  
  .vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-cog:before {
    content: "\f114";
  }
  
  .vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-square:before {
    content: "\f115";
  }
  
  .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
    content: "\f116";
  }
  
  .vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-circle-outline:before {
    content: "\f117";
  }
  
  .vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-circle-inner-circle:before {
    content: "\f118";
  }
  
  .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f119";
  }
  
  .vjs-icon-repeat {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-repeat:before {
    content: "\f11a";
  }
  
  .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f11b";
  }
  
  .vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
    content: "\f11c";
  }
  
  .vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
    content: "\f11d";
  }
  
  .vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
    content: "\f11e";
  }
  
  .vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
    content: "\f11f";
  }
  
  .vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
    content: "\f120";
  }
  
  .vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
    content: "\f121";
  }
  
  .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f122";
  }
  
  .vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-next-item:before {
    content: "\f123";
  }
  
  .vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-previous-item:before {
    content: "\f124";
  }
  
  .vjs-icon-shuffle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-shuffle:before {
    content: "\f125";
  }
  
  .vjs-icon-cast {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-cast:before {
    content: "\f126";
  }
  
  .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f127";
  }
  
  .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f128";
  }
  
  .vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-facebook:before {
    content: "\f129";
  }
  
  .vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-linkedin:before {
    content: "\f12a";
  }
  
  .vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-twitter:before {
    content: "\f12b";
  }
  
  .vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-tumblr:before {
    content: "\f12c";
  }
  
  .vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-pinterest:before {
    content: "\f12d";
  }
  
  .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
  }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f12e";
  }
  
  .video-js {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
  }
  .video-js:-moz-full-screen {
    position: absolute;
  }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
  }
  
  .video-js[tabindex="-1"] {
    outline: none;
  }
  
  .video-js *,
  .video-js *:before,
  .video-js *:after {
    box-sizing: inherit;
  }
  
  .video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .video-js.vjs-fluid,
  .video-js.vjs-16-9,
  .video-js.vjs-4-3,
  .video-js.vjs-9-16,
  .video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%;
  }
  
  .video-js.vjs-fluid:not(.vjs-audio-only-mode),
  .video-js.vjs-16-9:not(.vjs-audio-only-mode),
  .video-js.vjs-4-3:not(.vjs-audio-only-mode),
  .video-js.vjs-9-16:not(.vjs-audio-only-mode),
  .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0;
  }
  
  .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%;
  }
  
  .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%;
  }
  
  .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%;
  }
  
  .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%;
  }
  
  .video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%;
  }
  
  .video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .video-js.vjs-audio-only-mode .vjs-tech {
    display: none;
  }
  
  body.vjs-full-window,
  body.vjs-pip-window {
    padding: 0;
    margin: 0;
    height: 100%;
  }
  
  .vjs-full-window .video-js.vjs-fullscreen,
  body.vjs-pip-window .video-js {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
  
  .video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
  body.vjs-pip-window .video-js {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
  }
  
  .video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
  }
  
  .vjs-pip-container .vjs-pip-text {
    position: absolute;
    bottom: 10%;
    font-size: 2em;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0.5em;
    text-align: center;
    width: 100%;
  }
  
  .vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
  .vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
  .vjs-layout-small.vjs-pip-container .vjs-pip-text {
    bottom: 0;
    font-size: 1.4em;
  }
  
  .vjs-hidden {
    display: none !important;
  }
  
  .vjs-disabled {
    opacity: 0.5;
    cursor: default;
  }
  
  .video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
  }
  
  .vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  .vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
  }
  
  .vjs-no-js a,
  .vjs-no-js a:visited {
    color: #66A8CC;
  }
  
  .video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin-top: -0.81666em;
    margin-left: -1.5em;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s;
  }
  .video-js:hover .vjs-big-play-button,
  .video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s;
  }
  
  .vjs-controls-disabled .vjs-big-play-button,
  .vjs-has-started .vjs-big-play-button,
  .vjs-using-native-controls .vjs-big-play-button,
  .vjs-error .vjs-big-play-button {
    display: none;
  }
  
  .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
  }
  
  .video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .vjs-control .vjs-button {
    width: 100%;
    height: 100%;
  }
  
  .video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
  }
  .video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
  }
  
  .video-js .vjs-modal-dialog > * {
    box-sizing: border-box;
  }
  
  .vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
  }
  
  .vjs-menu-button {
    cursor: pointer;
  }
  
  .vjs-menu-button.vjs-disabled {
    cursor: default;
  }
  
  .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
  }

  .vjs-menu.vjs-menu-show {
    display: block !important;
}
  
  .vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
  }
  
  .vjs-menu .vjs-menu-content > * {
    box-sizing: border-box;
  }
  
  .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none;
  }
  
  .vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
  }
  
  .vjs-menu li.vjs-menu-item:focus,
  .vjs-menu li.vjs-menu-item:hover,
  .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
  }
  
  .vjs-menu li.vjs-selected,
  .vjs-menu li.vjs-selected:focus,
  .vjs-menu li.vjs-selected:hover,
  .js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F;
  }
  
  .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
  .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none;
  }
  
  .vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default;
  }
  
  .vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7);
  }
  
  .vjs-pip-window .vjs-menu-button-popup .vjs-menu {
    left: unset;
    right: 1em;
  }
  
  .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
  }
  
  .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
  .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em;
  }
  
  .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em;
  }
  
  .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em;
  }
  
  .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
  .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
  .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em;
  }
  
  .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
  .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block;
  }
  
  .video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden;
  }
  
  .video-js .vjs-menu-button-inline:before {
    width: 2.222222222em;
  }
  
  .video-js .vjs-menu-button-inline:hover,
  .video-js .vjs-menu-button-inline:focus,
  .video-js .vjs-menu-button-inline.vjs-slider-active {
    width: 12em;
  }
  
  .vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s;
  }
  
  .vjs-menu-button-inline:hover .vjs-menu,
  .vjs-menu-button-inline:focus .vjs-menu,
  .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
  }
  
  .vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
  }
  
  .video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
  }
  
  .vjs-has-started .vjs-control-bar,
  .vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
  }
  
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s;
  }
  
  .vjs-controls-disabled .vjs-control-bar,
  .vjs-using-native-controls .vjs-control-bar,
  .vjs-error .vjs-control-bar {
    display: none !important;
  }
  
  .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
  .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  
  .video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none;
  }
  
  .video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
  }
  
  .vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
  }
  
  .vjs-button > .vjs-icon-placeholder {
    display: block;
  }
  
  .video-js .vjs-control:focus:before,
  .video-js .vjs-control:hover:before,
  .video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white;
  }
  
  .video-js *:not(.vjs-visible-text) > .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .video-js .vjs-custom-control-spacer {
    display: none;
  }
  
  .video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none;
  }
  
  .video-js .vjs-progress-control.disabled {
    cursor: default;
  }
  
  .vjs-live .vjs-progress-control {
    display: none;
  }
  
  .vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center;
  }
  
  .video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: 0.3em;
  }
  
  .video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
  }
  
  .video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em;
  }
  
  .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em;
  }
  
  .video-js .vjs-progress-holder .vjs-play-progress,
  .video-js .vjs-progress-holder .vjs-load-progress,
  .video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
  }
  
  .video-js .vjs-play-progress {
    background-color: #fff;
  }
  .video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    line-height: 0.35em;
    z-index: 1;
  }
  
  .video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5);
  }
  
  .video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75);
  }
  
  .video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
  }
  
  .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
  }
  
  .video-js .vjs-progress-control:hover .vjs-time-tooltip,
  .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible;
  }
  
  .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
  }
  
  .video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
  }
  
  .video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
  }
  
  .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
  }
  
  .vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  .video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    /* iOS Safari */
    -webkit-touch-callout: none;
    /* Safari */
    -webkit-user-select: none;
    /* Konqueror HTML */
    /* Firefox */
    -moz-user-select: none;
    /* Internet Explorer/Edge */
    /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
  }
  
  .video-js .vjs-slider.disabled {
    cursor: default;
  }
  
  .video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff;
  }
  
  .video-js .vjs-mute-control {
    cursor: pointer;
    flex: none;
  }
  .video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex;
  }
  
  .video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
  }
  
  .video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
  }
  
  .video-js .vjs-volume-panel {
    transition: width 1s;
  }
  .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  }
  .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0;
  }
  .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s;
  }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width 0.1s;
  }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em;
  }
  
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  }
  
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  }
  
  .video-js .vjs-volume-panel {
    display: flex;
  }
  
  .video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
  }
  
  .vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em;
  }
  
  .vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto;
  }
  
  .video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
  }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em;
    z-index: 1;
  }
  
  .vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
  }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em;
    z-index: 1;
  }
  
  .vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
  }
  .vjs-slider-horizontal .vjs-volume-level:before {
    line-height: 0.35em;
    right: -0.5em;
  }
  
  .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
  }
  
  .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
  }
  
  .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
  }
  
  .video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
  }
  
  .video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
  }
  
  .video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
  }
  
  .video-js .vjs-volume-control:hover .vjs-volume-tooltip,
  .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible;
  }
  
  .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
  .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px;
  }
  
  .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em;
  }
  
  .video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1;
  }
  
  .video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%;
  }
  
  .video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block;
  }
  
  .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
  }
  
  .vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  .vjs-poster {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
  
  .vjs-has-started .vjs-poster,
  .vjs-using-native-controls .vjs-poster {
    display: none;
  }
  
  .vjs-audio.vjs-has-started .vjs-poster,
  .vjs-has-started.vjs-audio-poster-mode .vjs-poster,
  .vjs-pip-container.vjs-has-started .vjs-poster {
    display: block;
  }
  
  .vjs-poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  .video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
  }
  
  .video-js:not(.vjs-live) .vjs-live-control,
  .video-js.vjs-liveui .vjs-live-control {
    display: none;
  }
  
  .video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em;
  }
  
  .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
  .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none;
  }
  
  .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto;
  }
  
  .vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888;
  }
  
  .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red;
  }
  
  .video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
  }
  
  .vjs-live .vjs-time-control,
  .vjs-live .vjs-time-divider,
  .video-js .vjs-current-time,
  .video-js .vjs-duration {
    display: none;
  }
  
  .vjs-time-divider {
    display: none;
    line-height: 3em;
  }
  
  .video-js .vjs-play-control {
    cursor: pointer;
  }
  
  .video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none;
  }
  
  .vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
  }
  
  .video-js.vjs-controls-disabled .vjs-text-track-display,
  .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
  }
  
  .video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
  }
  
  .vjs-subtitles {
    color: #fff;
  }
  
  .vjs-captions {
    color: #fc6;
  }
  
  .vjs-tt-cue {
    display: block;
  }
  
  video::-webkit-media-text-track-display {
    transform: translateY(-3em);
  }
  
  .video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
  .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em);
  }
  
  .video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none;
  }
  .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
  .vjs-pip-window .vjs-picture-in-picture-control {
    display: none;
  }
  
  .video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none;
  }
  .video-js.vjs-audio-only-mode .vjs-fullscreen-control,
  .vjs-pip-window .vjs-fullscreen-control {
    display: none;
  }
  
  .vjs-playback-rate > .vjs-menu-button,
  .vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
  }
  
  .vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em;
  }
  
  .vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
  }
  
  .vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
  }
  
  .vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden;
  }
  
  .vjs-seeking .vjs-loading-spinner,
  .vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: vjs-spinner-show 0s linear 0.3s forwards;
  }
  
  .vjs-loading-spinner:before,
  .vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
  }
  
  .vjs-seeking .vjs-loading-spinner:before,
  .vjs-seeking .vjs-loading-spinner:after,
  .vjs-waiting .vjs-loading-spinner:before,
  .vjs-waiting .vjs-loading-spinner:after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  }
  
  .vjs-seeking .vjs-loading-spinner:before,
  .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: rgb(255, 255, 255);
  }
  
  .vjs-seeking .vjs-loading-spinner:after,
  .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: rgb(255, 255, 255);
    animation-delay: 0.44s;
  }
  
  @keyframes vjs-spinner-show {
    to {
      visibility: visible;
    }
  }
  @keyframes vjs-spinner-spin {
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes vjs-spinner-fade {
    0% {
      border-top-color: #73859f;
    }
    20% {
      border-top-color: #73859f;
    }
    35% {
      border-top-color: white;
    }
    60% {
      border-top-color: #73859f;
    }
    100% {
      border-top-color: #73859f;
    }
  }
  .video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none;
  }
  
  .vjs-chapters-button .vjs-menu ul {
    width: 24em;
  }
  
  .video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none;
  }
  
  .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
  }
  
  .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10c";
    font-size: 1.5em;
    line-height: inherit;
  }
  
  .video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none;
  }
  
  .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
  }
  
  .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f12e";
    font-size: 1.5em;
    line-height: inherit;
  }
  
  .video-js.vjs-layout-small .vjs-current-time,
  .video-js.vjs-layout-small .vjs-time-divider,
  .video-js.vjs-layout-small .vjs-duration,
  .video-js.vjs-layout-small .vjs-remaining-time,
  .video-js.vjs-layout-small .vjs-playback-rate,
  .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
  .video-js.vjs-layout-x-small .vjs-time-divider,
  .video-js.vjs-layout-x-small .vjs-duration,
  .video-js.vjs-layout-x-small .vjs-remaining-time,
  .video-js.vjs-layout-x-small .vjs-playback-rate,
  .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
  .video-js.vjs-layout-tiny .vjs-time-divider,
  .video-js.vjs-layout-tiny .vjs-duration,
  .video-js.vjs-layout-tiny .vjs-remaining-time,
  .video-js.vjs-layout-tiny .vjs-playback-rate,
  .video-js.vjs-layout-tiny .vjs-volume-control {
    display: none;
  }
  .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial;
  }
  .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
    display: none;
  }
  .video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block;
  }
  
  .vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%;
  }
  
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
  }
  
  .vjs-text-track-settings .vjs-track-settings-colors,
  .vjs-text-track-settings .vjs-track-settings-font,
  .vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell;
  }
  
  .vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
  }
  
  @supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      padding: 20px 24px 0px 24px;
    }
    .vjs-track-settings-controls .vjs-default-button {
      margin-bottom: 20px;
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
      grid-column: 1/-1;
    }
    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
      grid-template-columns: 1fr;
    }
  }
  .vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: 0.5em;
  }
  
  .vjs-text-track-settings fieldset {
    margin: 10px;
    border: none;
  }
  
  .vjs-text-track-settings fieldset span {
    display: inline-block;
    padding: 0 6px 8px;
  }
  
  .vjs-text-track-settings fieldset span > select {
    max-width: 7.3em;
  }
  
  .vjs-text-track-settings legend {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
  }
  
  .vjs-text-track-settings .vjs-label {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    margin: 0 5px 5px 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  
  .vjs-track-settings-controls button:focus,
  .vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
  }
  
  .vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75);
  }
  
  .vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px;
  }
  
  .vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
  }
  
  .vjs-title-bar {
    background: rgba(0, 0, 0, 0.9);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity 0.1s;
    padding: 0.666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .vjs-title-bar-title,
  .vjs-title-bar-description {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .vjs-title-bar-title {
    font-weight: bold;
    margin-bottom: 0.333em;
  }
  
  .vjs-playing.vjs-user-inactive .vjs-title-bar {
    opacity: 0;
    transition: opacity 1s;
  }
  
  .video-js .vjs-skip-forward-5 {
    cursor: pointer;
  }
  .video-js .vjs-skip-forward-10 {
    cursor: pointer;
  }
  .video-js .vjs-skip-forward-30 {
    cursor: pointer;
  }
  .video-js .vjs-skip-backward-5 {
    cursor: pointer;
  }
  .video-js .vjs-skip-backward-10 {
    cursor: pointer;
  }
  .video-js .vjs-skip-backward-30 {
    cursor: pointer;
  }
  @media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
      visibility: hidden;
    }
  }
  .vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000;
  }
  
  .js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
  }
  
  .video-js *:focus:not(:focus-visible) {
    outline: none;
  }
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

.controlbar {
   background-color: rgb(66,62,63);
   padding: 5px;
   height: 50px;
   background-image: url('/module/lib/framework/images/cb-logo.png');
   background-repeat: no-repeat;
   background-position: 5px 0px;
   background-size: 150px 44px;
   overflow: hidden;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}
.controlbar-show { display: block; }
.controlbar-hide { display: none; }

.controlbar-username-short,
.controlbar-username,
.controlbar-control {
   float: right;
   width: auto;
   
}

.controlbar-control .controlbar-log-button {
   border: none;
   background-color: transparent;
   background-image: none;
   border-left: 1px solid #999;
   color: #fff;
   font-size: 15px;
   padding: 0 10px;
   cursor: pointer;
}

.controlbar-username-short,
.controlbar-username {
   font-size: 12px;
 
   text-align: right;
   padding: 0 10px;
   overflow: hidden;
}

.controlbar-username {
   width: auto;
   height: 40px;
}

.controlbar-username-short { display: none; }

.controlbar-username.controlbar-username-medium {
    display: none;
}

.controlbar-link-container,
.controlbar-widget-container {
   float: left;
 
}

.controlbar-link-container {
   margin-left: 185px;
}

.controlbar-username-short,
.controlbar-link-container,
.controlbar-widget-container,
.controlbar-username,
.controlbar-control {
   color: #999;
}

#controlbar-show-button,
#controlbar-hide-button {
   width: 45px;
   background-repeat: no-repeat;
   background-size: 42px 28px;
   background-position: center center;
   background-color: transparent;
   border: none;
   cursor: pointer;
}

#controlbar-hide-button,
.controlbar-light-scheme #controlbar-show-button {
   background-image: url('/module/lib/framework/images/menu_icon_light.png');
}

.controlbar-dark-scheme #controlbar-show-button {
   background-image: url('/module/lib/framework/images/menu_icon_dark.png');
}

#controlbar-hide-button {
   float: right;
   height: 40px;
}

#controlbar-show-button {
   height: 50px;
   padding: 5px;
}

.controlbar-button-container {
   position: fixed;
   left: 0;
   bottom: 0;
   padding: 0 5px;
   z-index: 13336;
   width: 45px;
   height: 50px;
}

.controlbar-links-label,
.controlbar-widgets-label,
.controlbar-anchor,
.controlbar-widget {
   font-size: 14px;
   float: left;
   margin-right: 20px;
   text-decoration: none;
}

.controlbar-links-label,
.controlbar-widgets-label {
   color: #999;
}
.inline-block {
   display: inline-block;
}
.controlbar-anchor {
   color: #fff;
}
.CbControlbar2Window * {
   box-sizing: border-box;
}
.CbControlbar2Window *::-webkit-input-placeholder {
   font-style: normal;
   font-size: 100%;
   color: #aaa;
}
.CbControlbar2Window *::-moz-placeholder {
   font-style: normal;
   font-size: 100%;
   color: #555;
}
.CbControlbar2Window *::-ms-input-placeholder  {
   font-style: normal;
   font-size: 100%;
   color: #555;
}
.CbControlbar2Window .__CbRegInputs {
   width: auto !important;
}
.CbControlbar2Window .__CbUiErrorMessage {
   clear : both;
   color : red;
   display: none;
   text-align: left;
   line-height: 140%;
}
.__CbUiErrorMessage[data-message-for="registerframe_input_gender"] {
   margin-bottom: 3px;
}
.__CbUiErrorMessage[data-message-for="registerframe_input_first"] {
   margin-top: 28px;
}
.CbControlbar2Window .tabbed-content {
   position: relative;
   display: none;
   opacity: 0;
   transition-property: all;
   transition-duration: 0.8s;
   -ms-transition-property: all;
   -ms-transition-duration: 0.8s;
}
.CbControlbar2Window .tabbed-content.active {
   display: block;
   opacity: 1;
   transition-property: all;
   transition-duration: 0.8s;
   -ms-transition-property: all;
   -ms-transition-duration: 0.8s;
}
.CbControlbar2RegisterWindowTitle.tab:not(.active) {
   color : #999;
}
label.CbControlbar2RegisterWindowTitle {
   cursor: pointer;
   display: inline-block;
}
label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
   padding: 15px 15px 5px 15px;
   vertical-align: middle;
   box-sizing: border-box;
   font-weight: normal;
}

.CbControlbar2Window .profile-image {
   min-width: 120px;
   min-height: 120px;
   /*   background-color: #ccc;*/
   background-image: url('/module/jscript/lib/cb_ui/img/avatar_icon_bg.jpg');
   border-radius: 3px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   cursor: copy;
   position: relative;
}
.CbControlbar2Window .profile-image-label{
   display: inline-block;
   vertical-align: top;
   padding: 0 10px;
}
.CbControlbar2Window .pix-upload-delete, .CbControlbar2Window .pix-upload-edit {
   position: absolute;
   background-repeat: no-repeat;
   right: 0;
   border-radius: 3px;
   width: 20px;
   height: 20px;
   display: none;
}
.CbControlbar2Window .pix-upload-delete {
   top : 0;
   background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_icon_bg.png');
   z-index: 99999;
}
.CbControlbar2Window .pix-upload-edit {
   bottom : 0;
   background-image: url('/module/jscript/lib/cb_ui/img/edit_icon_bg.png');
}
.CbControlbar2Window .pix-upload.with-image:hover .pix-upload-delete,
.CbControlbar2Window .pix-upload.with-image:hover .pix-upload-edit {
   display: block;
}

.CbControlbar2Window .__CbRegInputs .styled-select {
   height: auto;
   min-height: 34px;
}
.CbControlbar2Window .__CbRegInputLine .styled-select {
   background-position: 90% center;
   border: 1px solid #bababa;
   background-color: #FFFFFF;
   width: 120px;
}
.CbControlbar2Window .styled-select {
   display: inline-block;
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png");
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -webkit-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -o-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -moz-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
   background-position: 98% center;
   background-repeat: no-repeat;
   overflow: hidden;
   position: relative;
   z-index: 5;
   margin-bottom: 10px;
}
.CbControlbar2Window .__AC_position {
   max-width: 100%;
}
.__CbRegInputs .__CbRegInputLine
#registerframe_input_password,
#registerframe_input_password_confirm,
#registerframe_input_new_password,
#registerframe_input_new_password_confirm,
.__CbRegNewAccountTextCntnr,
#registerframe_password_hint,
#registerframe_input_city,
.__CbRegBottomDesc {
   width: auto !important;
}
.__CbUiLayerFrame span#registerframe_input_password,
.__CbUiLayerFrame span#registerframe_input_password_confirm,
.__CbUiLayerFrame span#registerframe_input_new_password,
.__CbUiLayerFrame span#registerframe_input_new_password_confirm {
   background-color: transparent;
}
.CbControlbar2Window .input-button-go.__AC_button {
   min-height: 30px;
   height: auto;
   margin: 0 0 0 15px !important;
   float: left;
}
.CbControlbar2RegisterWindowTitle {
   font-size: 18px;
   font-weight: normal;
   color: #000;
}
.CbControlbar2RegisterWindowTitleContainer {
   background-color: #eee;
   border-bottom: 1px solid #aaa;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
   margin: 0 auto;
   padding: 0;
   width: 930px;
   min-height: 350px;
   background-color: #fff;
   border-radius: 0;
}

.__CbUiFrame.CbControlbar2Window {
   font-size: 13px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
   padding: 40px;
   float: left;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
   padding: 0 40px 40px 40px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
   width: 50%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer.no-padding,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.no-padding {
   padding: 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer {
   width: 100%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1){
   padding-bottom: 50px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(2){
   padding-top: 0px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbRegNewAccountTextCntnr {
   margin-bottom: 20px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .padded-box {
   padding: 0;
}

.CbControlbar2Window
.__CbRegInputs .__CbRegInputLine input[type="text"] ,
.CbControlbar2Window
.__CbRegInputs .__CbRegInputLine input[type="password"] ,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__CbRegButtonContainer .__CbUiTextButton, 
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
   border-radius: 5px;
   display: block;
   min-height: 16px;
   height: auto;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__CbRegInputLine #registerframe_input_gender {
   min-height: 34px;
}
.__CbUiLayerFrame span#registerframe_input_new_password_confirm,
.__CbUiLayerFrame span#registerframe_input_new_password,
.__CbUiLayerFrame span#registerframe_input_password {
   background-color: transparent;
}

.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="password"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine #registerframe_input_city .__CbUiSearchBox, 
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
   width: 100%;
   padding: 10px 0 10px 20px;
   border: 2px solid #d0d0d0;
   margin-bottom: 8px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer
.__CbRegButtonContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbRegInputs .__CbRegButtonContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegButtonContainer
{
   margin-right: 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegPasswordStrengthBox {
   width: 15%;
   height: 5px;
   margin-right: 2%;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegPasswordStrengthBox:nth-last-child(3) {
   margin-right: 0%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer
.__CbUiRegisterWindowCloseButton,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbUiRegisterWindowCloseButton {
   background-image: url('/module/lib/framework/images/img_close-black.png');
   background-size: 14px 14px;
   font-size: 0px;
   color: #000;
   top: 30px;
   right: 40px;
   height: 14px;
   width: 14px;
}

.__CbUiRegisterWindow .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton,
.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton {
   max-width: 425px;
   width: 100%;
   padding: 16px 20px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
   border-radius: 5px;
   background-color: #3b2205;
   background-image: none;
   color: #fff;
   font-size: 12px;
   line-height: 16px;
   text-transform: uppercase;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

button#registerframe_button_password_reminder {
    background-color: #2f74a9 !important;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs #registerframe_error {
   font-size: 12px;
   background-color: #ffeded;
   border-radius: 4px;
   padding-top: 4px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__AC_position {
   top: 37px !important;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
#registerframe_changepass_email {
   background-color: transparent;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_strong,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_weak {
   font-size: 80%;
   line-height: 90%;
   color: #aaa;
   margin-top: 8px;
   text-align: left;
   width: 45%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_weak {
   float: left;
   clear: left;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_strong {
   float: right;
   text-align: right;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
#registerframe_error {
   font-size: 12px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame #registerframe_password_hint {
   background-color: transparent;
   margin-bottom: 10px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegButtonContainer #registerframe_input_terms {
   float: left;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegButtonContainer #registerframe_input_terms + span {
   margin-left: 10px;
   float: left;
}

.FullWidthContainer .__CbRegButtonContainer {
   bottom: 40px;
   position: absolute;
   right: 40px;
   width: 385px;
}

.__CbRegButtonContainer a {
   text-decoration: underline;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegError {
   padding: 0 20px 0 50px;
   background-image: url('/module/lib/framework/images/img_warning.png');
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 34px auto;
   padding-left: 40px;
   color: #000;
   line-height: 16px !important;
}

.__CbUiFrame.CbControlbar2Window .__CbUiInputError {
    border: 1px solid #FF0000 !important;
}
.CbControlbar2Window .box-column2-align-right {
   box-sizing: border-box;
   float: right;
   width: 50%;
   height: auto;
}
.CbControlbar2Window .box-column1-align-left {
   box-sizing: border-box;
   float: left;
   width: 50%;
   height: auto;
   padding-right: 30px;
}
.__CbUiFrame.CbControlbar2Window .register-content-box {
   padding: 40px;
}
.__CbUiFrame.CbControlbar2Window .register-content-box, .register-content-box p {
   line-height: 150%;
}
.CbControlbar2Window .box-column1-align-left p,
.CbControlbar2Window .box-column2-align-right p {
   margin-bottom: 1.6em;
}

.up-button {
  float: right;
  margin-top: 28px;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 5px;
  cursor: pointer;
}

#controlbar .controlbar-cache-reset {
    color: white;
    width: auto;
    float: right;
    font-size: 15px;
    padding: 0 10px;
    cursor: pointer;
    margin-top: 10px;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {

   .controlbar-control {
      width: 150px;
   }

   .controlbar-username {
      width: 120px;
   }

   .controlbar-link-container {
      margin-left: 160px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 780px;
   }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
   .controlbar-control {
      width: 150px;
   }

   .controlbar-username {
      width: 120px;
   }

   .controlbar-link-container {
      margin-left: 160px;
   }

   .controlbar-link-container a {
      font-size: 60%
   }
   
   .controlbar-links-label, .controlbar-anchor {
       margin-right: 5px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 620px;
   }

}

@media only screen and (max-width: 767px) {

   .controlbar {
      background-image: url('/module/lib/framework/images/cb-logo_small.png');
      background-size: 55px 44px;
   }

   .controlbar-link-container {
      margin-left: 60px;
   }

   .controlbar-control {
      width: 29%;
      line-height: 220%;
   }

   .controlbar-control .controlbar-log-button {
      font-size: 10px;
      padding: 0 0px 0 10px;
   }

   .controlbar-hide-button {
      width: 31px;
   }

   .controlbar-links-label {
      display: none;
   }

   .controlbar-anchor {
      font-size: 10px;
      margin-right: 2px;
   }

   .controlbar-username {
      display: none;
   }

   .CbControlbar2RegisterWindowTitleContainer {
      background-color: transparent;
      border-bottom: none;
   }

   .CbControlbar2RegisterWindowTitle {
      margin-top: 20px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 300px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
      width: 100%;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer:first-child {
      padding-bottom: 0px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer:last-child {
      padding-top: 10px;
   }

   .controlbar-button-container {
      display: none;
   }

   .CbControlbar2Window .box-column2-align-right {
      box-sizing: border-box;
      float: none;
      width: 100%;
      height: auto;
      padding-left: 0px;
   }

   .CbControlbar2Window .box-column1-align-left {
      box-sizing: border-box;
      float: none;
      width: 100%;
      height: auto;
      padding-right: 0px;
   }

   .CbControlbar2Window .box-column1-align-left + .box-column1-align-left ,
   .CbControlbar2Window .box-column2-align-right + .box-column1-align-left ,
   .CbControlbar2Window .box-column2-align-left + .box-column1-align-right ,
   .CbControlbar2Window .clearfix + .box-column2-align-right ,
   .CbControlbar2Window .clearfix + .box-column2-align-left {
      margin-top: 15px;
   }

   label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
      padding: 7px 15px 7px 15px;
      min-height: 10px;
   }

   .controlbar-username-short {
      display: block;
      width: auto;
   }
}

@media only screen and (max-width: 767px)  and (min-width: 480px) {

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 420px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
      width: 100%;
   }

   .CbControlbar2RegisterWindowTitle {
      margin-top: 20px;
   }

   .controlbar-links-label,
   .controlbar-widgets-label {
      display: block;
   }
   
   .controlbar-links-label,
   .controlbar-anchor {
      font-size: 12px;
      margin-right: 15px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
      width: 340px;
   }

}

@media only screen and (max-width: 479px) {

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
      width: 220px;
   }

}

/* overrides for CbUi default styles */

.__PixWindow.__CbUiFrame {
   display: block;
}

.__PixWindow.__CbUiLayerFrame {
   border: none;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 5px;
   padding: 0;
   overflow: visible;
}

.__PixWindow .__CbUiHiddenTemplates {
   display:none;
}

.__PixWindow .__CbUiTextButton {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   background-color: transparent;
   padding-left: 0;
}

.__PixWindow .__CbUiSelect {
   font-size: 12px;
   height: 13px;
   border: none;
}

.__CbUiLayer.__CbUiLoader {
   z-index: 13399;
}

.__PixWindow .__CbUiCloseButton,
.__CbUiLanguageWindow .__CbUiCloseButton{
   background-image: url('/pix/media/png/close_icon.png');
   min-width: 15px;
   min-height: 15px;
   background-repeat: no-repeat;
   padding: 0;
   top: 10px;
   right: 19px;
}

/*temporary*/
/*.__PixWindow .pix-delete.pix-edit-form-button.pix-left {
    color: #999999;
    cursor: default;
    opacity: 0.6;
}*/

/* upload progress layer styles*/
.dad-dialog-layer {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 13400;
}
.dad-dialog-window {
	opacity: 1;
	width: 90%;
   max-width: 550px;
	max-height: 400px;
	min-height: 300px;
	margin: auto;
	background-color: #fff;
	box-shadow:  0px 3px 14px 0px rgba(50, 50, 50, 0.75);
	border-radius: 7px;
	position: relative;
	z-index: 1340;
	color: #333;
}
.dad-dialog-padding {
	padding: 17px 25px;
}
.dad-dialog-heading {
	font-size: 20px;
	border-bottom: 1px solid #eee;
}
.dad-dialog-progress-container {
	margin: 17px 25px;
}
.dad-dialog-error-container {
	padding-top: 5px;
	padding-bottom: 5px;
   max-height: 100px;
   overflow: scroll;
}
.dad-dialog-file-container {
	margin: 15px 25px 8px;
	max-height: 60px;
	width: auto;
	overflow-y: auto;
	overflow-x: hidden;
}
.dad-dialog-file-types-container {
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 90%;
}
.dad-dialog-file-container div {
	min-width: 700px;
	text-wrap: none;
	font-size: 90%;
}
.dad-dialog-abort-container {
	text-align: right;
}

/***********************************/
/*        Pix Form Styles          */
/***********************************/
.pix-edit-form-button.pix-right,
.__PixWindow .__CbUiTextButton {
	padding: 0 20px;
}

.pix-edit-form-button.pix-right {
	margin-left: 20px !important;
}

/***********************************/
/*       Image Preview Page        */
/***********************************/
.CbUiImgTile .img-icons {
	position: absolute;
}

.CbUiImgTile .film-image,
.CbUiImgTile .copyright-image {
	position: static;
}

.CbUiImgTile .tile-item-positioner a {
	cursor: default;
}

.CbUiImgTile .image-tile-item .image-tile-image-description {
	cursor: pointer;
	width: 155px;
}

/***********************************/
/*      Copyright Form Page        */
/***********************************/
.pix-edit-check-fields .input-fields-cntnr {
  display: flex;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column1 {
  margin: 10px 0 0 0;
  min-width: 30%;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column2 {
  margin: 10px 20px 0 20px;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiText,
.pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiInput {
  display: block;
  width: 100%;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiText:not(.pix-series-meta-image-id-text) {
  margin: 20px 0 5px 0;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiInput {
  border-radius: 3px;
  width: 95%;
  padding: 2px 2px 2px 5px;
}

/***********************************/
/*   Bildinformationen bearbeiten  */
/***********************************/

.pix-edit-image-meta .pix-column2 input[type="text"],
textarea.pix-image-meta-description {
	border-radius: 3px;
	padding: 2px 2px 2px 5px !important;
	margin: 5px 0;
}

/***********************************/
/*      Add Series Form            */
/***********************************/

.add-series-header {
	font-size: 13px !important;
	margin: 0 20px 20px 0;
}

.pix-edit-series-meta span{
	font-size: 13px !important;
}

.pix-edit-series-meta input {
	padding: 2px 2px 2px 5px !important;
	margin-top: 5px;
}












































@charset "UTF-8";
/* CSS Document */

.fullscreen-switch {
    padding: 2px 6px 0 0 !important;
}


.__PixWindow {
    font-family: Arial,Helvetica,sans-serif;    /*TODO: avoid * selector*/
}

body {
    /*font-size: 10px;    TODO: move to default.css?*/
}
.hidden {
    display: none;
}

/* placeholder styles */

div.pix-placeholder {
   width: 640px;
   height: 450px;
   background-repeat: no-repeat;
   background-position: -20px -8px;

   font-size: 48px;
   color: gold;
   font-family: "Arial Black", sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.3em;
   font-weight: bold;
   text-align: center;
   text-shadow: 0 0 10px rgba(0,0,0,0.6);
   line-height: 400px;
}

div.pix-placeholder:before {
   content: "Dummy";
}

.pix-text-edit-collection div.pix-placeholder {background-image: url('/pix/media/png/placeholder-text-edit-collection.png');}
.pix-crop-image div.pix-placeholder {background-position: 0 0; background-image: url('/pix/media/png/placeholder-crop-image-layout.png');}
.pix-text-collection-format div.pix-placeholder {background-image: url('/pix/media/png/placeholder-text-collection-format.png');}
.pix-collections div.pix-placeholder {background-image: url('/pix/media/png/placeholder-collections.png'); height: 500px;}
.pix-edit-collection-meta div.pix-placeholder {background-image: url('/pix/media/png/placeholder-edit-collection-meta.png');}

    
.pix-logout-link {
   color: #b11;
   font-size: 14px;
   top: 20px;
   font-weight: bold;
   position: relative;
}

.pix-devmsg {
   padding: 20px;
   position: fixed;
   bottom: 0;
   left: 0;
   text-align: left;
}


/* ######################################## */
/* BASICS ################################# */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead {
   padding: 0;
   border: 0;
   margin: 0;
   outline: 0;
}

table, tbody, tr, th,
td {
   padding: 0;
   margin: 0;
   outline: 0;
}


.pix-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.pix-clearfix { display: inline-block; }
html[xmlns] .pix-clearfix { display: block; }
* html .pix-clearfix { height: 1%; }

h2 {
   margin: 0 0 1em;
}

p {
   font-size: 1.0em;
   line-height: 1.5em;
}

dl {
   margin: 2.5em 0;
}

dt {
   font-weight: bold;
}

dd {
   display: list-item;
   list-style-position: outside;
   list-style-type: square;
   margin: 0.5em 0 2em 1.5em;
   padding-right: 200px;
   line-height: 1.5em;
}

textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.pix-killfloat {
   clear: both;
   width: 620px;
   height: 20px;
   background: red;
}

.__CbUiFrame.__PixWindow .__CbUiHeader * {
    box-sizing: border-box;
}

/* ######################################## */
/* BASIC CONTAINER ELEMENTS ############### */


div.pix-wrapper {
   width: 922px;
   margin: 40px auto;
   text-align: left;
   position: relative;
}

.pix-overlay-container {
   width: 680px;
   height: 590px;
   padding: 0;
   background-color: transparent;
   position: relative;
   background: #F5F6EE;
   -moz-box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   -webkit-box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   border-radius: 5px;
   float: left;
   position: relative;
   border: 1px solid #fff;
}

.pix-overlay-container-header{
   border-radius: 5px 5px 0 0;
   width: 680px;
   height: 35px;
   border-bottom: 1px solid #C5C4B0;
   background-color: #FEFEFE;
}

span.pix-close-overlay-container {
   float: right;
   margin: 2px 5px 0 0;
   padding: 0;
}

.pix-overlay-container-header .pix-toolbar-close {
  float: right;
  margin-top: 2px;
}

.pix-overlay-container .pix-form-content-container {
   margin: 2px auto 0;
   clear: both;
}

.__CbUiText.pix-screen-title {
    margin-top: 0;
}

/* BASIC MAIN NAVI AND HELP LINK  */

.pix-main-navi {
   margin: 0px 0 5px;
   border-bottom: 3px solid #000;
   clear: both;
   position: absolute;
   top:-30px;
}

.pix-main-navi li{
   display: inline;
   padding: 0 10px 0 0;
   position: relative;
}

.pix-main-navi li.pix-float-right {
   float: right;
   padding-right: 0;
   padding-left: 15px;
}

.pix-main-navi li a {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

.pix-main-navi li a.pix-active {
   color: #b11;
}

.pix-main-navi li a.pix-active:hover {
   text-decoration: none;
}

.pix-main-navi li a:hover {
   text-decoration: underline;
}

.pix-main-navi li .pix-ml-flag {
   top: 1px;
   position: relative;
   margin-left: 2px;
}

.pix-edit-series {
   display: none;
}

/* BASIC SCREEN ELMENT STYLES  */

.__PixWindow .pix-screen-title,
.__CbUiLanguageWindow .pix-screen-title {
   color: #c00;
   font-size: 20px;
   margin-bottom: 5px;
   margin-left: 0px;
   text-align: left;
   border: 0px;
   text-transform: none;
   font-weight: bold;
}

.__PixWindow .pix-screen-title-meta {
    position: absolute;
    top: -15px;
    margin-top: 15px;
}

/* BASIC BUTTON STYLES  */

div.pix-form-content-container {
   position: relative;
   height: 550px;
   clear:both;
}

div.pix-edit-form-buttons {
   width: 640px;
   height: 26px;
   margin: 15px auto 0;
   position: absolute;
   bottom: 20px;
   left: 0;
   clear:both;
}

pix-image-meta .pix-cancel.pix-edit-form-button .__CbUiTextButton {
    float: right;
}

.pix-edit-form-button:hover,
.pix-edit-form-button.pix-right:hover {
   color: #b11;
}

.pix-edit-form-button.pix-right {
   float: right;
   margin-left: 10px;
   margin-right: 0;
}

a.pix-edit-form-button {
    height: 30px;
    width: 80px;
}

.pix-edit-form-button.pix-right.pix-inactive {
   color: #999;
   font-weight: normal;
}

.pix-edit-form-button.pix-right.pix-inactive:hover {
   color: #999;
}

#dropdown-uploader {
    display: none;  /*temporary until reintroduction of dropdown-uploader button*/
}

/* Basic Alert Box */

a.pix-alert-box {
   display: block;
   padding: 5px;
   color: #b11;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   font-size: 11px;
   border: 1px solid #b11;
}

a.pix-alert-box:hover {
   text-decoration: underline;
}

.pix-edit-form-button.pix-insert-image {
   background-color: #BB1111;
   background-image: linear-gradient(bottom, #C25151, #BD1414);
   background-image: -o-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -moz-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -webkit-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -ms-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -webkit-gradient(linear, bottom, top, #C25151, #BD1414);
   color: #ffffff !important;
   border-color: #851E1B;
}

.pix-edit-form-button.pix-insert-image:hover {
    color:#ffffff !important;
}

/* FILTER HEAD STYLES */

.pix-filter-container {
   width: 640px;
}

.pix-filter-form .pix-filter-input {
   display: inline;
   margin-left: 6px;
   width: 297px;
   height: 18px;
   padding: 3px;
   font-size: 12px;
   font-family: Arial, sans-serif;
}
.pix-filter-button,
.pix-button-go {
   height: 17px;
   padding-left: 4px;
   padding-bottom: 5px;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
   border: 1px solid #CCCCCA;
   margin-left: 5px;
   border-radius: 2px;
   background-repeat: no-repeat;
   background-position: center;
}

.pix-button-go {
   color: #333333;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase;
   margin-left: 6px;
}

.pix-filter-button-view-grid {
   float: right;
   background-image: url('/pix/media/png/icon-filter-tile.png');
   background-color: #fff;
}


.pix-view-tiles {
   background-image: url('/pix/media/png/icon-filter-tile.png');
}

.pix-view-list {
   background-image: url('/pix/media/png/icon-filter-list.png');
}

.pix-toggle-view {
   background-color: #fff;
   position: absolute;
   top: 103px;
   padding-right: 19px;
}

/* ######################################## */
/* DUMMYNAVI FOR DEVELOPEMENT ############# */


ul.pix-dummynav {
   list-style-type: none;
   float: left;
   width: 180px;
   margin: 40px 20px 0 0;
   padding: 50px 0;
}

.pix-dummynav li {
   margin-top: 10px;
}

.pix-dummynav li a {
   color: #444;
   text-decoration: none;
}

.pix-dummynav li a:hover,
.pix-dummynav li a.pix-current {
   color: #b11;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-start {
   display: none;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-login a {
   opacity: 0;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-login:hover a {
   opacity: 0.3;
   color: #aaa;
}

.pix-float-right .__CbUiLangSelectFlag {
   right: 0px;
   top: 1px;
}

.pix-float-right .__CbUiLangSelect {
   right: 20px;
   font-size: 12px;
   border: none;
   top: 2px;
   text-transform: uppercase;
   z-index: 10;
}

.pix-scrollbar-container {
   border: 1px solid grey;
   background: #FFFFFF none repeat scroll 0 0;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 435px;
}

.fullscreen .pix-scrollbar-container {
   height: 100%;
}

.pix-overlay-container {
   font-family: sans-serif;
}

.pix-overlay-container input, .pix-overlay-container textarea {
   background-color: white;
   border: 1px solid rgb(196,196,180);
   display: inline-block;
   font-family: sans-serif;
   width: auto;
}

.pix-overlay-container input[type=hidden] {
   display: none;
}

.pix-edit-form-button.pix-edit-meta.__CbUiTextButton {
    display: none;
}

.__CbUiLangSelect {
    background: transparent;
}

.pix-form-content-container .pix-main-navi {
    border: medium none;
    position: absolute;
}

/*temporary*/
#dropdown-filter .dd-option-description.dd-desc,
#dropdown-filter .dd-selected-description.dd-desc.dd-selected-description-truncated {
    visibility: hidden;
}

.pix-meta-info {
    padding: 20px 0 0 4px;
    color: #969682;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    line-height: 11px;
}
.pix-uploader-input label {
    float: right;
    height: 20px;
    width: 120px;
    cursor: pointer;
}
.pix-uploader-input p {
    margin: 0;
}

.pix-image-tile-item .pix-image-title-wrapper,
.pix-image-list-item .pix-image-title {
    text-decoration: underline;
}

/*** form-content dropdown-select ***/
.pix-dropdown-select-box .dd-options,
.pix-dropdown-filter-box .dd-options {
    box-shadow: 2px 2px 12px #666666;
    overflow: auto;
    max-height: 400px;
}

/*
    Document   : style
    Created on : 24.03.2014, 10:54:36
    Author     : steagle
    Description:
        Purpose of the stylesheet follows.
*/

.login_text_top {
    border-bottom: 1px solid #C4C4B4;
    padding-bottom: 50px;
}

.home_text_top {
    /*padding-bottom: 50px;*/
}

.login_text_bottom {
    padding-top: 50px;
}

.home_text_bottom {
    padding-top: 25px;
}

.login-panel {
    background-image: url("../png/pix_login.png");
    background-position: 65% 58%;
    background-repeat: no-repeat;
    background-size: 59% auto;
    height: 100%;
}

.demo-content {
    background-color: white;
    width: 700px;
    margin-top: 50px;
    margin-left: 30px;
}

#edit_demo-123 {
    padding: 10px 10px 10px 10px;
}

.pix-edit-icon,
.list-edit-icon {
    background-image: url("/module/jscript/lib/cb_ui/img/edit_icon_bg.png");
    height: 18px;
    width: 18px;
    position: absolute;
    border: 1px solid #c9c3b8;
    border-radius: 3px;
    cursor: pointer;
}

.pix-edit-icon {
    bottom: 5px;
    right: 10px;
}

.list-edit-icon {
    top: 3px;
    right: 97px;
}

.help-link,
.tex-help-link {
    float: right !important;
}

.overlay-edit-form {
    height: 610px;
}

.overlay {
    opacity: 0.25 !important;
    background-color: rgb(0, 0, 0);
}

.demo_text_top {
    padding-bottom: 30px;
}

.pix-link.secondary-button {
    width: 150px;
}

h1.pix-main-panel-headline {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*generic rules from module/lib/framework/css/default.css, which is not referenced in customer portals like DSH*/
.not-displayed {
    display: none;
}

.empty-content-placeholder {
    font-style: italic;
    color: #969682;
    padding: 20px 0;
    font-size: 13px;
}

.empty-content-placeholder a {
    color: inherit;
    font-weight: bold;
}

::-webkit-input-placeholder { /* WebKit browsers */
    font-style: italic;
    font-size: 11px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: italic;
    font-size: 11px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: italic;
    font-size: 11px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    font-size: 11px;
}
.tile-img {
    box-shadow: 2px 2px 4px #666666;
}
.subpage-button {
   float: right;
   min-width: 111px;
   height: 26px;
   padding: 5px;
   font-size: 11px;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(246,246,239)),
      color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   color: #a73c2e;
}
/* Image List Uploader Elements */

.pix-overview * {
    box-sizing: initial;
}

div.pix-uploader-select {
   width: 210px;
   float: left;
   margin-right: 10px;
   height: 38px;
}

div.pix-uploader-input {
   width: 410px; /*temporary until reintroduction of dropdown-uploader button*/
   width: 100%; /*temporary until reintroduction of dropdown-uploader button*/
}

.pix-images-empty div.pix-uploader-input {
   width: 640px;
}

div.pix-image-uploader {
   border-bottom: 3px solid #000;
   width: 100%;
   padding-bottom: 5px;
   margin-bottom: 10px;
   min-height: 49px;
}

div.pix-image-uploader p {
   font-size: 11px;
   line-height: 14px;
}

div.pix-image-uploader .pix-label-input {
   /*width: 432px;  temporary until reintroduction of dropdown-uploader button*/
   width: 100%;        /*temporary until reintroduction of dropdown-uploader button*/
   padding: 4px 0px 6px 6px;
   height: 28px;
   margin: 0;
   position: relative;
}
div.pix-image-uploader .pix-advanced .pix-label-input {
    display: none;
}
div.pix-image-uploader:hover .pix-label-input,
div.pix-image-uploader:hover .pix-uploader-switch {
    display: block;
}

.pix-image-uploader form iframe {
   position: fixed;
   display:none;
}

div.pix-image-uploader.pix-image-uploader-advanced .pix-label-input {
   padding: 3px 5px 5px;
   border: 1px solid #b5bebb;
   border-radius: 5px;
   background-color: #ECEAE3;
   margin: 0;
}

.pix-images-empty div.pix-image-uploader .pix-label-input {
   width: 628px;
}

div.pix-image-uploader .pix-image-upload-button {
   color: #000;
   font-weight: normal;
   font-size: 10px;
   padding: 2px 20px;
   margin: 0 0 0 10px;
   position: relative;
   left: 6px;
   top: -3px;
   display: block;
   vertical-align: middle;
   text-decoration: none;
   float: right;
   font-size: 12px;
   cursor: pointer;
   -moz-box-shadow:    inset 0 0 0 1px #fff;
   -webkit-box-shadow: inset 0 0 0 1px #fff;
   box-shadow:         inset 0 0 0 1px #fff;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
   border: 1px solid #CCCCCA;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.pix-image-upload-input {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   position: absolute;
   right: 5px;
   top: 2px;
   width: 120px;
   height: 40px;
   cursor: pointer;
}

.pix-image-upload-background {
   float:right;
   width: 121px;
   height: 20px;
   color: #456771;
   padding: 0;
}

div.pix-image-uploader .pix-image_upload_button:hover {
   color: #b11;
}

a.pix-uploader-switch {
   color: #b11;
   text-decoration: none;
   font-weight: bold;
   font-size: 10px;
   position: absolute;
   right: 150px;
   display: block; /* switch to 'block' to enable */
   bottom: 0px;
   width: 140px;
   text-align: right;
   line-height: 0.5em;
   cursor: pointer;
   text-transform: none;
}
.pix-advanced a.pix-uploader-switch {
   display: none;
}
div.pix-advanced a.pix-uploader-switch{
	right: 5px;
	bottom: 5px;
}
div.pix-image-uploader.pix-image-uploader-standard form {
    /*width: 640px;   temporary until reintroduction of dropdown-uploader button*/
    width: 100%;    /*temporary until reintroduction of dropdown-uploader button*/
}

div.pix-image-uploader.pix-image-uploader-advanced .pix-uploader-input {
   width: 390px;
   min-height: 30px;
}

div.pix-image-uploader.pix-image-uploader-advanced .pix-standard {
   display: none;
}

div.pix-image-uploader.pix-image-uploader-standard .pix-advanced {
   display: none;
   background: url(/pix/media/jpg/drag&drop.png) no-repeat #ffffff center center;
}
div.pix-image-uploader.pix-image-uploader-standard .pix-advanced:hover {
    background-image: none;
}
div.pix-advanced {
	position: relative;
	border: 2px dashed #ddd;
	background-color: #fff;
	min-height: 45px;
}
/* Image List List View Items */

.pix-image-list-item {
   height: 50px;
   width: 100%;
   padding: 0;
   position: relative;
   display: block;
   border-bottom: 1px solid #CCCCCA;
}

.pix-image-list-item,
.dd-selected {
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f1 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f1 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 );
}

.pix-no-scrollbar .pix-image-list-item { width: 638px;}
.pix-scrollbar-container-collection-items .pix-image-list-item { width: 413px;}
.pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-list-item { width: 431px;}

.pix-collection-list-item:hover,
.pix-image-list-item:hover {
   background: #e4e2e4;
   background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
}

.pix-image-list-item .pix-image-image-description,
.pix-collection-list-item:hover {
   cursor: pointer;
}

.pix-image-list-item.pix-no-insert .pix-image-image-description {
   cursor: default;
   text-decoration: none;
}

.pix-image-list-item.pix-selected {
   background: #e2e8e5;
   background: -moz-linear-gradient(top,  #e2e8e5 0%, #d2d8d5 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e8e5), color-stop(100%,#d2d8d5));
   background: -webkit-linear-gradient(top,  #e2e8e5 0%,#d2d8d5 100%);
   background: -o-linear-gradient(top,  #e2e8e5 0%,#d2d8d5 100%);
   background: -ms-linear-gradient(top,  #e2e8e5 0%,#d2d8d5 100%);
   background: linear-gradient(to bottom,  #e2e8e5 0%,#d2d8d5 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e8e5', endColorstr='#d2d8d5',GradientType=0 );
   }

.pix-image-list-item.pix-selected:hover {
   background: #cfd8d4;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZDhkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWJlYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #cfd8d4 0%, #b5bebb 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfd8d4), color-stop(100%,#b5bebb));
   background: -webkit-linear-gradient(top,  #cfd8d4 0%,#b5bebb 100%);
   background: -o-linear-gradient(top,  #cfd8d4 0%,#b5bebb 100%);
   background: -ms-linear-gradient(top,  #cfd8d4 0%,#b5bebb 100%);
   background: linear-gradient(to bottom,  #cfd8d4 0%,#b5bebb 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd8d4', endColorstr='#b5bebb',GradientType=0 );
}

.pix-image-list-preview-info {
   height: 40px;
   width: 630px;
   padding: 5px;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 500;
}


.pix-no-scrollbar .pix-image-list-preview-info { width: 628px;}
.pix-scrollbar-container-collection-items .pix-image-list-preview-info { width: 403px;}
.pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-list-preview-info { width: 421px;}

.pix-image-list-item span.pix-image-image-frame {
   margin-right: 10px;
   height: 40px;
   width: 40px;
   float: left;
   border: 1px solid #BDBEB2;
}

.pix-image-list-item img.thumbnail {
   max-height: 40px;
   width: 40px;
}

.pix-image-list-item.pix-selected img {
   margin-right: 4px;
   border: 3px solid #20b111;
   top: -3px;
   left: -3px;
   position: relative;
   border-radius: 2px;
}

.pix-image-list-item .pix-image-image-description {
   color: #666;
   font-size: 10px;
   line-height: 13px;
   text-decoration: none;
}

.pix-image-description {
   display: block;
   max-width: 535px;
/*   font-size: 14px;
   font-weight: bold;*/
   vertical-align: top;
}

.pix-image-list-item .pix-image-description {
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    line-height: 5px;
}

.pix-image-keywords {
/*   display:block;*/
}

.pix-image-list-item:hover p {
   color: #333;
}

.pix-image-list-item span.pix-image-title {
   color: #000;
   font-size: 14px;
}

.pix-image-list-item .pix-image-title:hover,
.pix-image-tile-item .pix-image-title:hover {
   color: #b11;
}

.pix-image-list-item .pix-image-title:hover {
   text-decoration: underline;
}

.pix-image-list-item .pix-image-text {
    padding-left: 9px;
}

.pix-image-list-item span.pix-image-list-actions {
   position: absolute;
   top: 5px;
   right: 10px;
   z-index: 1000;
}

.pix-image-tile-item a.pix-edit-form-button,
.pix-image-list-item a.pix-edit-form-button,
.pix-image-upload-background {
   font-size: 10px;
   font-weight: bold;
   height: 20px;
   line-height: 195%;
   padding: 0 5px;
}

.pix-image-tile-item a.pix-edit-form-button {
   height: 15px;
   line-height: 155%;
}

.pix-image-tile-item a.pix-edit-form-button,
.pix-image-list-item a.pix-edit-form-button {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   float: left;
   clear: left;
    min-width: 60px;
   text-align: center;
   margin: 2px 0;
   color: #000;
   box-shadow:none;
   border-radius: 3px;
}
.pix-image-tile-item a.pix-edit-form-button {
   margin: 4px 0;
}
.pix-image-tile-item a.pix-edit-form-button{
    opacity: 0.4;
    min-width: 40px;
    width: auto;
    padding: 1px 8px;
}
.pix-image-list-item .list-edit-icon {
    opacity: 0;
}

.pix-image-tile-item:hover a.pix-edit-form-button,
.pix-image-list-item:hover a.pix-edit-form-button,
.pix-image-list-item:hover .list-edit-icon,
.pix-image-tile-item:hover .select-checkbox,
.pix-image-tile-item:hover .pix-image-dimensions,
.pix-image-tile-item:hover .pix-image-image-description,
.pix-image-tile-item:hover .pix-image-tile-actions {
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.pix-image-tile-item:hover a.pix-edit-form-button:hover,
.pix-image-list-item:hover a.pix-edit-form-button:hover {
   color: #b11;
   box-shadow: 0 0 8px #ccc;
}

.select-checkbox:checked {
    opacity: 1;
}

/* Image List Tile View Items */

.pix-image-tile-item {
   text-align: center;
   width: 193px;
   height: 193px;
   padding: 4px;
   margin: 2px;
   position: relative;
   border: 1px solid #CCCCCA;
   border-radius: 4px;

   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f1 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f1 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 );
}

.pix-image-tile-item.share-group-active {
    border: 1px solid #5fbe5f;
}

.pix-image-tile-item.share-group-not-active {
    /*border: 1px solid #FF0000;*/
}

.pix-share-groups {
    margin-top: 10px;
}

.pix-share-groups .pix-share-group-headline {
    margin-bottom: 2px;
    font-size: 13px;
}

.pix-share-groups .pix-share-groups-checkbox-container {
    display: inline-flex;
    width: 100%;
}

.pix-share-groups label {
    padding-left: 6px;
    font-size: 10px;
    line-height: 13px;
}

.pix-image-tile-item .__CbUiFrame,
.pix-image-tile-item .__CbUiLayerFrame {
    background-color: transparent;
}

.pix-no-scrollbar .pix-image-tile-item {
   margin-left: 6px;
}

.pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-tile-item {
   margin-left: 7px;
}

.pix-image-tile-item.pix-selected {
   border: 3px solid #20B111;
   padding: 2px;
}

.pix-image-tile-item .pix-image-tile-image-description {
   text-align: left;
   visibility: hidden;
   width: 183px;
   padding: 5px 5px;
   position: absolute;
   top: 4px;
   left: 4px;
   background: #fff;
   background: rgba(255, 255, 255, 0.7 );
   z-index: 100;
}

.pix-image-tile-item:hover .pix-image-tile-image-description {
   visibility: visible;
}

.pix-image-tile-item img.preview-image {
   max-height: 193px;
   max-width: 193px;
}

.pix-image-tile-item .remove-image {
   position: absolute;
   right: 4px;
   top: 4px;
   box-shadow: 0 0 8px 2px #fff;
   z-index: 1000;
   cursor: pointer;
}

.pix-image-tile-item .remove-image-spacer {
   margin-left: 10px;
   float: right;
   display: block;
   width: 14px;
   height: 14px;
}

.pix-image-tile-item .pix-image-tile-image-description {
   color: #000;
}

.pix-image-tile-item .pix-image-tile-image-description strong {
   font-size: 12px;
}

.pix-image-tile-actions{
   position: absolute;
   bottom: 9px;
   left: 9px;
   width: 183px;
}

.pix-image-tile-item .pix-image-dimensions,
.pix-image-tile-item .pix-image-image-description {
   position: absolute;
   left: 0;
}

.pix-image-tile-item .pix-image-image-description,
.pix-image-tile-item .pix-image-tile-actions {
    font-size: 120%;
    left: 0;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    text-align: left;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
.pix-image-tile-item .pix-image-tile-actions{
    opacity: 0.3;
}
.pix-image-tile-item .pix-image-tile-actions.pic-selected{
    opacity: 1;
}
.pix-image-tile-item .pix-image-image-description {
    width: 192px;
    top: 0;
    height: 56px;
    border-radius: 4px 4px 0 0;
    padding: 9px 0 0 9px;
}

.pix-image-tile-item .pix-image-tile-actions {
    width: 182px;
    top: 163px;
    height: 33px;
    border-radius: 0 0 4px 4px;
    padding: 5px 10px 0 9px;
}

.pix-edit-form-button.pix-insert-image.__CbUiTextButton {
    float: right;
}

a.hidden.pix-edit-form-button.pix-insert-image.__CbUiTextButton {
    opacity: 0;
    width: 100%;
    height: 100%;
}
a.pix-image-tile-tooltip-anchor {
    opacity: 0.4;
    min-width: 40px;
    width: auto;
    padding: 3px 8px;
    text-decoration: none;
    border: 1px solid #333;
    text-align: center;
    color: #000;
    border-radius: 3px;
    font-size: 11px;
    float: right;
    margin-right: 10px;
    margin-top: 4px;
    box-shadow: inset 1px 0px 1px 2px #ddd;
    line-height: 12px;
    font-weight: bold;
}

.pix-image-tile-item .__CbUiText,
.pix-image-tile-item .pix-image-width,
.pix-image-tile-item .pix-image-height {
    font-size: 10px;
}

.pix-image-tile-item .pix-image-title,
.pix-image-tile-item .pix-image-subtitle {
    font-size: 12px;
}

.pix-image-tile-item .pix-image-title {
    display: inline-block;
    line-height: 15px;
    font-weight: bold;
    text-decoration: underline;
}

.pix-image-tile-item.pix-selected .pix-image-tile-actions {
   bottom: 7px;
   left: 7px;
}

.pix-image-tile-item .pix-image-tile-actions a.pix-edit-meta {
   float: left;
}

.pix-image-tile-item .pix-image-tile-actions a.pix-select-image {
   float: right;
}

a.pix-edit-form-button.pix-select-image {
   display:none;
}


/* Collections List Filter Header */

.pix-new-collection {
   width: 160px;
   text-align: center;
   margin-right: 0;
}

.pix-collections .pix-filter-input{
   margin-left: 5px;
   width: 315px;
}

/* Collections List Items */
.pix-collection-list-item {
   height: 35px;
   width: 184px;
   padding: 0;
   position: relative;
   display: block;
   overflow: hidden;

   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f1 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f1 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 );
   border-bottom: 1px solid #CCCCCA;
}



.pix-collection-all-images,
.pix-collection-current-selection,
.pix-collection-last-uploads {
   background: #FFFFFF;
   background: -moz-linear-gradient(top,  #F9FDFF 0%, #EAEFF4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9FDFF), color-stop(100%,#EAEFF4));
   background: -webkit-linear-gradient(top,  #F9FDFF 0%,#EAEFF4 100%);
   background: -o-linear-gradient(top,  #F9FDFF 0%,#EAEFF4 100%);
   background: -ms-linear-gradient(top,  #F9FDFF 0%,#EAEFF4 100%);
   background: linear-gradient(to bottom,  #F9FDFF 0%,#EAEFF4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9FDFF', endColorstr='#EAEFF4',GradientType=0 );
}

.pix-no-scrollbar .pix-collection-list-item {
   width: 200px;
}

.pix-collection-list-info {
   padding: 5px;
   display: block;
   text-decoration: none;
}

.pix-collection-list-item img {
   float: left;
   display: block;
   margin-right: 5px;
}

.pix-collection-list-item .pix-collection-list-collection-description {
   color: #666;
   font-size: 10px;
   line-height: 13px;
   text-decoration: none !important;
}

.pix-collection-list-item .pix-collection-list-collection-description strong {
   color: #000;
   font-size: 11px;
   height: 13px;
   display: block;
   float: left;
   width: 142px;
   overflow: hidden;
}

.pix-collection-list-item span.pix-collection-list-actions {
   position: absolute;
   top: 3px;
   right: 2px;
   z-index: 1000;
}

.pix-collection-list-item a.pix-edit-form-button {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   padding: 1px 3px 2px;
   font-size: 9px;
   line-height: 9px;
   font-weight: normal;
   float: right;
   clear: right;
   text-align: center;
   margin: 0 0 2px;
}

.pix-collection-list-item:hover a.pix-edit-form-button {
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.pix-uploader-select {
   border: 1px solid #CCCCCC;
   width: 210px;
   padding: 2px;
   background-color: #FFFFFF
}

.pix-uploader-select .__CbUiText {
   margin-left: 5px;
}

select.pix-dropdown-uploader.__CbUiSelect {
   width: 100%;
   height: 38px;
}

select.pix-dropdown-uploader.__CbUiSelect option{
   height: 38px;
}

.pix-dropdown-filter {
   width: 275px;
   height: 24px;
}

.pix-select-bar-dropdown-filter-box,
.pix-dropdown-select-box {
   vertical-align: top;
   float: left;
}

.pix-form-content-container form {
   width: 608px;
}

.pix-form-content-container .pix-image-format {
    width: auto;
    padding-top: 20px;
}

.pix-image-format .pix-edit-form-buttons a,
.pix-image-format .pix-edit-form-buttons button {
    width: 135px;
    padding-right: 0;
}

.pix-scrollbar-container-images {
   margin-top: 5px;
}

.select-bar-is-up .pix-scrollbar-container-images {
   height: 400px;
}

.pix-image-title {
    cursor:pointer;
}

.pix-insert-image.__CbUiTextButton {
    height: 25px;
}

button.__CbUiTextButton.pix-button-go {
    height: 26px;
    min-width: 32px;
    cursor: pointer;
    border: 1px solid #C4C4B4;
    padding: 0;
    line-height: 100%;
    box-sizing: border-box;
}

.__CbUiSelect.pix-dropdown-filter {
    height: 24px;
}

.__CbUiSelect.pix-dropdown-filter option {
    height: 24px;
}

.pix-filter-form .pix-filter-input {
    width:265px;
    vertical-align: top;
}

.view-toggle,
.deselect-button {
    cursor: pointer;
    box-shadow: 0 0 5px #BDBEB2;
}

.deselect-button {
   position: relative;
   top: 9px;
}

.select-bar .deselect-button {
   /*top: 0;*/
}

.view-toggle {
    float: right;
}

.pix-uploader-input.pix-standard .__CbUiText {
    display: block;
}

/* take empty space for dd-select */
.pix-filter-form > .pix-dropdown-filter-box {
   width: 275px;
   min-height: 1px;
   display: block;
   float:left;
}

#dropdown-uploader,
#dropdown-filter {
    float: left;
}

#select-bar-dropdown-filter .dd-option,
#select-bar-dropdown-filter .dd-selected,
#dropdown-filter .dd-option,
#dropdown-filter .dd-selected,
#dropdown-select .dd-option,
#dropdown-select .dd-selected {
    line-height: 20px;
    height: 20px;
    padding: 2px;
}

#dropdown-uploader .dd-option,
#dropdown-uploader .dd-selected {
    height: 26px;
    padding: 5px;
}
#dropdown-select .dd-options,
#select-bar-dropdown-filter .dd-options {
    bottom: 24px;
    left: 0;
    position: absolute;
}

#dropdown-select .dd-options {
    overflow:auto;
}

#select-bar-dropdown-filter .dd-options {
    max-height: 400px;
}

#select-bar-dropdown-filter img,
#select-bar-dropdown-filter .dd-desc {
    display: none;
}

.pix-select-bar-dropdown-filter-box {
    margin-left: 7px;
    display: none;
}

#dropdown-select .dd-container{
    position: relative;
}

.initial-view #dropdown-select .dd-options li:first-child .dd-desc,
.initial-view .dd-selected .dd-desc {
    display: none;
}

.dd-option-text,
.dd-selected-text {
    padding-right: 0.5em;
    font-size: 12px;
    font-weight: bold;
}

#select-bar-dropdown-select .dd-option-text,
#select-bar-dropdown-select .dd-selected-text,
#dropdown-select .dd-option-text,
#dropdown-select .dd-selected-text,
#dropdown-filter .dd-option-text,
#dropdown-filter .dd-selected-text {
    font-size: 12px;
    font-weight: bold;
}

#dropdown-uploader .dd-option-text,
#dropdown-uploader .dd-selected-text {
    font-weight: normal;
    font-size: 11px;
    vertical-align: text-top;
}

.dd-selected {
    color: #333333;
}

.dd-desc {
    line-height: 8px;
    color: #333333;
    font-size: 11px !important;   /*TODO: avoid !important*/
    overflow: visible !important;   /*TODO: avoid !important*/
}

#dropdown-filter .dd-desc {
    display: inline;
    padding-left: 0.5em;
    border-left: 1px solid #333333;
    color: #333333;
}

#dropdown-uploader .dd-desc {
    display: block;
    font-weight: bold;
    color: #333333;
    font-size: 12px;
    margin-top: -5px;
}

.pix-image-tile-item a {
    display: inline;
}

.display-none {
   display: none;
}

.pix-filter-form .dd-option img {
    width: 20px;
}

.pix-image-tile-item .pix-preview-image {
    position: absolute;
    left: 4px;
    cursor: default;
}

.title-missing {
    font-weight: normal !important;
    font-style: italic;
    color: #bb1111 !important;
}

.tooltip-clone {
    display:none;
}

.__PixWindow h1 {
    border: none;
}

.select-bar {
    display: none;
    bottom: 4px;
    height: 37px;
    left: 0;
    position: absolute;
    width: 100%;
    border-top: 1px solid #808080;
    background: #F7F7F1;
    overflow: visible;
}

.selected-count {
    float: left;
    margin-top: 10px;
}
/* not needed */
.select-bar.expanded {
    overflow: visible;
}

.select-bar .dropdown-selection {
    float: left;
    margin-top: 10px;
}

.select-bar .pix-dropdown-filter-box {
    margin-left: 6px;
}

.select-bar .button-container {
    float: right;
}
.select-bar .button-container button,
.select-bar .button-container img {
    display: inline;
}
.select-bar .button-container button {
    float: none;
    margin: 0 8px 0 0;
}

.select-checkbox {
    opacity: 0;
    /*display: none; temporary*/
}

.dropdown-selection .dd-desc {
    display: inline;
}

#dropdown-select .dd-desc {
    color: #333333;
    font-size: 12px !important;
    font-weight: bold;
    float: left;
    padding: 3px;
}

.end-mark {
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 7px;
    opacity: 0.25;
}
.select-bar-is-up .end-mark {
   bottom: 42px;
}

.__PixWindow .fullscreen-switch {
    display: block;
}

.__CbUiInputText.pix-filter-input.__CbUiFieldUnedited {
    color: #000000;
}
.__CbUiInputText.pix-filter-input.__CbUiFieldEdited:after {
    color: #000000;
}
.pix-image-uploader.pix-image-uploader-standard > form {
    width: 100%;
}
label.icon input[type="checkbox"] + span.icon{
    background-image: url("/pix/media/png/radio_toggle_icon.png");
    background-position: 0 0;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    vertical-align: middle;
    width: 20px;
    margin-top: 5px;
}

label.icon input[type="checkbox"]:checked + span.icon{
    background-position: -20px 0;
}

label.icon input[type="checkbox"]{
    display: none;
}

.pix-image-tile-item .pix-image-image-description {
    line-height: 10px;
}
.pix-image-tile-item .pix-image-copyright {
    font-size: 10px;
    margin-top: -2px;
}
.pix-image-tile-item .pix-edit-icon {
    bottom: 7px;
    right: 8px;
    background-color: #ffffff;
    background-position: 2px 2px;
    height: 22px;
    width: 22px;
    box-shadow: 0 0 5px rgb(189, 190, 178);
}

.pix-image-tile-item .pix-edit-icon.delete {
    background-image: url("/module/lib/framework/images/edit_delete_icon.png");
    background-position: 0 0;
    top: 6px;
}
.pix-image-tile-item .pix-image-title-wrapper {
    margin-top: -5px;
    width: 150px;
    text-decoration: underline;
    font-weight: bold;
    min-height: 14px;
    max-height: 31px;
    overflow: hidden;
}
.pix-image-tile-item .pix-image-title-wrapper div {
    font-size: 12px;
}

.pix-image-tile-item .pix-image-meta-cntnr {
    margin-top: -9px;
    padding-top: 8px;
    line-height: 14px;
}

.pix-image-tile-item .pix-image-tile-tooltip {
    height: 105px;
    position: absolute;
    top: 60px;
    width: 195px;
}
.pix-image-tile-tooltip-list {
    list-style: none;
    font-size: 12px;
    position: absolute;
    z-index: 10;
    background-color: #ffffff;
    text-align: left;
    display: none;
    padding: 10px;
    box-shadow: 0 0 10px #333333;
    border-radius: 5px;
    width: 270px;
    color: #000;
}
.pix-image-tile-tooltip {
    cursor: url("../media/png/icon_export.png") 10 10, auto;
}
.Title,
.Subtitle,
.Height,
.Width {
    padding-right: 5px;
}
.titles-id,
.tags,
.dimensions-copyright,
.desc-wrpr,
.link {
    padding-bottom: 1em;
}
.Title {
    font-weight: bold;
}
.Uri > a {
    color: #000000;
}
.Id {
    color: #999999;
}
.sub-desc:first-child {
    padding-top: 0;
}
.sub-desc {
    padding-top: 0.33em;
}
.delim {
    padding: 0 5px;
}
.pix-edit-image-meta .pix-column1 {
   width: 200px;
   float: left;
   margin-right: 20px;
}

.pix-edit-image-meta .pix-column2 {
   float: left;
   width: 420px;
}

.pix-edit-image-meta span {
   font-size: 10px;
}

.pix-license-options, .pix-image-meta-description-language {
    font-weight: bold;
}

.pix-edit-image-meta .pix-column1 .pix-edit-form-button {
   float: none;
   width: 158px;
   text-align: center;
   margin-top: 10px;
}

.pix-edit-image-meta .pix-column2 input[type="text"] {
   width: 412px;
   margin-bottom: 5px;
   font-size: 14px; 
   padding: 3px 1px 1px;    
}

.pix-edit-image-meta .pix-column2 input[type="text"][name="Title"],
.pix-edit-image-meta .pix-column2 input[type="text"][name="Subtitle"] {
   margin-bottom: 5px;
}

.pix-edit-image-meta div.pix-column2 .pix-column-brick {
   width: 200px !important;
   display: block;
   float: left;
   margin-right: 17px;
}

.pix-edit-image-meta div.pix-column2 .pix-column-brick.pix-last {
   margin-right: 0;
}

.pix-edit-image-meta div.pix-column2 .pix-column-brick input[type="text"] {
   width: 195px;
}

textarea.pix-image-meta-description {
   width: 411px;
   min-height: 50px;
   margin-bottom: 10px;
   resize: vertical;
   font-size: 14px;
}

.pix-image-meta-description-language span {
   /*display: block;*/  
}

.pix-edit-image-meta div.pix-column2 select {
   /*margin-bottom: 10px;*/ 
    position: relative; 
    width: 195px;   
}

.pix-edit-image-meta div.pix-column1 a.pix-alert-box {
   margin-top: 10px;
}

.pix-license-options {
   width: 200px;
   padding-top: 20px;
}

.pix-license-options input {
   display: none;
}

.pix-license-options input + span.icon {
   padding: 0;
   margin-right: 5px;
   display: inline-block;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   vertical-align: middle;
   float: left;
}

.pix-license-options span.__CbUiText {
   float: left;
   width: 160px;
   margin-top: 2px;
}

.pix-license-options input + span.icon {
   background-image: url('/pix/media/png/radio_toggle_icon.png');
   background-position: 0 0;
}

.pix-license-options input:checked + span.icon {
   background-image: url('/pix/media/png/radio_toggle_icon.png');
   background-position: -20px 0;
}

.pix-edit-image-meta .pix-column2 {
   overflow-x: hidden;
   overflow-y: auto; 
   height: 435px;
   width: 435px;    
   float: left;
}

.pix-image-meta-description-language select {
    float: right;   
    margin-right: 20px; 
}

.pix-edit-image-meta button.pix-edit-form-button {
}

.pix-edit-image-meta a.pix-edit-form-button {
    width: 90px;
}

.input-fields-cntnr {
    margin: 0 auto;
    width: 660px;
    padding-top: 35px;
}

.pix-image-meta.pix-edit-image-meta {
    width: 100%;
}

.pix-image-meta label {
    font-weight: normal;
}

.fullscreen .pix-image-meta .edit-form-buttons {
    bottom: 60px;
}






























.pix-edit-series-meta .pix-column1 {
   width: 200px;
   float: left;
   margin-right: 20px;
}

.pix-edit-series-meta .pix-column2 {
   float: left;
   width: 420px;
}

.pix-edit-series-meta span {
   font-size: 10px;
}

.pix-edit-series-meta .pix-column1 .pix-edit-form-button {
   float: none;
   width: 158px;
   text-align: center;
   margin-top: 10px;
}

.pix-edit-series-meta .pix-column2 input[type="text"] {
   width: 412px;
   margin-bottom: 5px;
   font-size: 14px;
   padding: 3px 1px 1px;
}

.pix-edit-series-meta .pix-column2 input[type="text"][name="Title"],
.pix-edit-series-meta .pix-column2 input[type="text"][name="Subtitle"] {
   margin-bottom: 5px;
}

.pix-edit-series-meta div.pix-column2 .pix-column-brick {
   width: 200px !important;
   display: block;
   float: left;
   margin-right: 17px;
}

.pix-edit-series-meta div.pix-column2 .pix-column-brick.pix-last {
   margin-right: 0;
}

.pix-edit-series-meta div.pix-column2 .pix-column-brick input[type="text"] {
   width: 195px;
}

.pix-edit-series-meta .pix-column2 {
   overflow-x: hidden;
   overflow-y: auto;
   height: 435px;
   width: 435px;
   float: left;
}
.input-fields-cntnr {
    margin: 0 auto;
    width: 660px;
    padding-top: 35px;
}

.pix-image-meta.pix-edit-series-meta {
    width: 100%;
}

.fullscreen .pix-image-meta .edit-form-buttons {
    bottom: 60px;
}

.edit-series-header, .add-series-header {
   display: block;
}

.edit-series-title, .edit-series-header {
   display: none;
}
div.pix-text-image-format .pix-form-content-container {

}

div.pix-text-image-format .pix-screen-title {
   margin-bottom: 20px;
}

.pix-form-description {
   clear: both;
   float: left;
   width: 145px;
   text-align: right;
   margin-right: 20px;
   font-size: 12px;
   font-weight: bold;
}

.pix-form-elements-container {
   width: 310px;
   border-bottom: 1px solid #D3D4CD;
   margin: 0 160px 15px 0;
   padding: 0 0 15px 0;
   float:left;
}

.pix-form-elements-container.pix-last {
   border-bottom: none;
}

.pix-text-image-size input {
   display: inline;
}

.pix-text-image-size input,
.pix-text-collection-size input {
   width: 40px;
   margin-right: 5px;
}

.pix-text-image-size label,
.pix-text-collection-size label {
   margin-right: 25px;
}

.pix-text-image-size .pix-image-size-info,
.pix-text-collection-size .pix-collection-size-info {
   margin: 5px 0 0;
   color: #666;
}

.pix-text-image-size .pix-image-size-info,
.pix-text-image-size label {
    font-size: 12px;
}

.pix-optional-image-title,
.pix-optional-collection-title {
   border-bottom: none;
   margin-bottom: 0;
}

.pix-optional-image-title input,
.pix-optional-collection-title input {
   width: 305px;
}

textarea.pix-optional-image-description,
textarea.pix-optional-collection-description {
   width: 310px;
   min-height: 120px;
}

/* Radio Button Icon Styles */

.pix-text-image-format-options label {
   float: left;
   width: 33%;
}

.pix-text-image-format-options .pix-radio-image,
.pix-text-image-format-options .pix-radio-image-active,
.pix-text-collection-format-options .pix-radio-image,
.pix-text-collection-format-options .pix-radio-image-active{
   display: block;
   position: relative;
   float: left;
   margin-right: 20px;
   margin-bottom: 15px;
   height: 43px;
   width: 48px;
   cursor: pointer;
   border: 1px solid #CCCCCA;
   -moz-box-shadow: inset 0 0 0 1px #fff;
   -webkit-box-shadow: inset 0 0 0 1px #fff;
   box-shadow: inset 0 0 0 1px #fff;
   background: #ffffff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;}


.pix-text-image-format-options .pix-radio-image input[type=radio],
.pix-text-image-format-options .pix-radio-image-active input[type=radio],
.pix-text-collection-format-options .pix-radio-image input[type=radio],
.pix-text-collection-format-options .pix-radio-image-active input[type=radio] {
   visibility: hidden;
}

.pix-text-image-format-options .pix-radio-image label,
.pix-text-image-format-options .pix-radio-image-active label,
.pix-text-collection-format-options .pix-radio-image label,
.pix-text-collection-format-options .pix-radio-image-active label {
   width: 50px;
   text-align: center;
   position: absolute;
   left: 0;
   bottom: -15px;
}
.pix-text-image-format-options .pix-radio-image,
.pix-text-collection-format-options .pix-radio-image {
   background-position: 0 -50px;
}

.pix-text-image-format-options .pix-radio-image-active,
.pix-text-collection-format-options .pix-radio-image-active {
   background-position: 0 0;
}

.pix-text-image-format-options .pix-image-format-left {
   float: left;
   position: relative;
   width: 50px;
   height: 55px;
   margin-right:50px;
   display: block;
   overflow: hidden;
   background-image: url('/pix/media/png/image-format-left.png');
   background-repeat: no-repeat;
   cursor: pointer;
}

.pix-text-image-format-options .__CbUiText{
   position: absolute;
   bottom: 0;
   left: 0;
   font-size: 12px;
}

.pix-text-image-format-options .pix-image-format-centered {
   float: left;
   position: relative;
   width: 50px;
   height: 55px;
   margin-right:50px;
   display: block;
   overflow: hidden;
   background-image: url('/pix/media/png/image-format-centered.png');
   background-repeat: no-repeat;
   cursor: pointer;
}

.pix-text-image-format-options .pix-image-format-right {
   float: left;
   position: relative;
   width: 50px;
   height: 55px;
   margin-right:50px;
   display: block;
   overflow: hidden;
   background-image: url('/pix/media/png/image-format-right.png');
   background-repeat: no-repeat;
   cursor: pointer;
}

.pix-text-image-format-options label {
   width: 50px;
   height: 55px;
   margin: 0 50px 0 0;
   display: block;
   overflow: hidden;
   position: relative;
   float: left;
   padding:0;
}

.pix-image-radio-button {
   width: 48px;
   height: 48px;
   visibility: hidden;
}

.pix-text-collection-format-options .pix-collection-format-left {
   background-image: url('/pix/media/png/collection-format-left.png');
}

.pix-text-collection-format-options .pix-collection-format-centered {
   background-image: url('/pix/media/png/collection-format-centered.png');
}

.pix-text-collection-format-options .pix-collection-format-right {
   background-image: url('/pix/media/png/collection-format-right.png');
}

span.pix-text-image-format-ratio-lock {
   width: 26px;
   height: 25px;
   border: none;
   display: inline-block;
   background-image: url('/pix/media/png/buttons.png');
   background-repeat: no-repeat;
   cursor: pointer;
   vertical-align: bottom;
   position: static;
   font-size: inherit;
}

span.pix-image-ratio-locked {
   background-position: -338px 0;
}

span.pix-image-ratio-unlocked {
   background-position: -364px 0;
}
.pix-image-format .pix-edit-form-buttons {
    top: 478px;
    left: 5px;
}
/*
        Document   : style
        Created on : 08.09.2014
        Author     : starke
        Description: Contains Normalization/Resets, Typography and Generic Rules.
*/





/*
 *************************
        $RESET / NORMALIZE
 *************************
*/

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

table, tbody, tr, th, td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

i {
    font-style: italic;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

canvas,
table{
    max-width:100% !important;
    height:auto;
}

input:focus::-webkit-input-placeholder {
    color:transparent;
}
input:focus:-moz-placeholder {
    color:transparent;
}
input:focus::-moz-placeholder {
    color:transparent;
}
input:focus:-ms-input-placeholder {
    color:transparent;
}

textarea:focus::-webkit-input-placeholder {
    color:transparent;
}
textarea:focus:-moz-placeholder {
    color:transparent;
}
textarea:focus::-moz-placeholder {
    color:transparent;
}
textarea:focus:-ms-input-placeholder {
    color:transparent;
}

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

[role="button"] {
    color: inherit;
    cursor: default;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}



/*
 *************************
        $HELPER CLASSES
 *************************
*/

.hidden {
    display: none !important;
}



/*
 *************************
        $TYPOGRAPHY / COLORS
 *************************
*/

html {
    font-size: 62.5%;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    letter-spacing: 0.2px;
    letter-spacing: 0.02rem;
    color: #000000;
    background-color: #FFFFFF;
}

a {
    color: #000000;
}

a:not(.controlbar-anchor):hover,
a:not(.controlbar-anchor):active,
a:not(.controlbar-anchor):focus {
    color: #7e7e7e;
}

::-moz-selection {
    background: #000000;
    color: #FFFFFF;
    text-shadow: none;

}
::selection {
    background: #000000;
    color: #FFFFFF;
    text-shadow: none;
}

input {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.2px;
    letter-spacing: 0.02rem;
    color: #000000;
}

::-webkit-input-placeholder {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.2px;
    letter-spacing: 0.02rem;
    color: #7e7e7e;
}

:-moz-placeholder {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.2px;
    letter-spacing: 0.02rem;
    color: #7e7e7e;
}

::-moz-placeholder {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.2px;
    letter-spacing: 0.02rem;
    color: #7e7e7e;
}

:-ms-input-placeholder {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.2px;
    letter-spacing: 0.02rem;
    color: #7e7e7e;
}

h1 {
    margin: 0;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 38px;
    line-height: 3.8rem;
    letter-spacing: 0.4px;
    letter-spacing: 0.04rem;
    font-weight: 600;
    margin: 14px 0px;
    margin: 1.4rem 0;
}

h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    letter-spacing: 0.4px;
    letter-spacing: 0.04rem;
    font-weight: 600;

    margin: 14px 0px;
    margin: 1.4rem 0;
}

h3 {
    /*    font-size: 24px;
        font-size: 2.4rem;
        line-height: 28px;
        line-height: 2.8rem;*/
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 25px;
    line-height: 2.5rem;
    margin: 14px 0px;
    margin: 1.4rem 0;
    font-weight: 600;
}

h4 {
    /*    font-size: 24px;
        font-size: 2.4rem;
        line-height: 28px;
        line-height: 2.8rem;*/
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 2.5rem;
    margin: 14px 0px;
    margin: 1.4rem 0;
    font-weight: 600;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

strong {
    font-weight: 600;
}

em {
    font-style: italic;
}

article p,
article ul,
article ol {
    padding-bottom: 22px;
    padding-bottom: 2.2rem;
}

article ul {
    list-style: disc;
    padding-left: 15px;
}

article ol {
    padding-left: 15px;
}

article ul > li,
article ol > li {
    padding-left: 22px;
}

article img {
    max-width: 100%;
    height: auto;
}

.button {
    cursor: pointer;
    background: #19161c;
    color: #FFFFFF;
    font-weight: 100;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    line-height: 14px;
    line-height: 1.4rem;
    padding: 8px 7px;
    padding: 0.8rem 7px;
    text-decoration: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

a.button:hover,
a.button:focus,
a.button:active {
    color: #FFFFFF;
}

.button--icon {
    position: relative;
    display: block;
    width: 100%;
    height: 44px;
    height: 4.4rem;
    padding: 14px 14px;
    padding: 1.4rem 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.button--icon .search-icon {
    height: 18px;
    height: 1.8rem;
    margin-top: -8px;
    margin-top: -0.8rem;
    position: absolute;
    right: 13px;
    right: 1.3rem;
    top: 50%;
}

.more-button,
.less-button {
    text-decoration: underline;
}

.select select {
    padding: 0 9px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
    border:none;
    outline:none;
    display: block;
    width: 100%;
    height: 44px;
    height: 4.4rem;
    text-align: left;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    border: 1px solid #d5d5d5;
    border: 0.1rem solid #d5d5d5;

    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #101010;
}

.select select,
.select select:active,
.select select:focus,
.select select:-moz-focusring  {
    outline: 0;
    color: transparent;
    text-shadow: 0 0 0 #000;
}

select option:hover,
select option:checked {
    color: #000;
    box-shadow: inset 20px 20px #000000;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select select {padding-right:18px}
}

.select {
    position:relative;
    display: block;
    margin-bottom: -1px;
    margin-bottom: -0.1rem;
}

.select:after {
    content:' ';
    width: 12px;
    width: 1.2rem;
    height: 36px;
    height: 3.6rem;
    background-image: url('images/img_accordeon-close.png');
    background-repeat: no-repeat;
    background-position: center 11px;
    background-position: center 1.1rem;
    background-size: 25px;
    background-size: 2.5rem;
    right: 16px;
    top: 0;
    position:absolute;
    pointer-events:none;
}

.select:before {
    content:'';
    right:6px;
    top: 1px;
    top: 0.1rem;
    width: 36px;
    width: 3.6rem;
    height: 36px;
    height: 3.6rem;
    background: #ffffff;
    position:absolute;
    pointer-events:none;
    display:block;
}

.select option {
    padding-left: 18px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #101010;
}



/*
 *************************
        $LAYOUT BASICS
 *************************
*/

body {
    overflow: auto;
}

.site-header,
.site-main,
.site-footer {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.site-header *,
.site-main *,
.site-footer * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}

.container--narrow {
    max-width: 792px;
}

.container--mob-full {
    padding: 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbUiCloseButton{
    background-size: 14px 14px;
}

.float-left{
    float:left;
}
.float-right{
    float:right;
}

.checksize {
    width: 0;
}

.hidden-on-phone {
    visibility: hidden;
    display: none;
}

/*
@media screen and (max-width:1023px) {
.container--mob-full {
        padding: 0;
        height: calc((100vw / 16) * 9 );
        background-color: #a1a1a1;
}
}*/

@media screen and (min-width:640px) {

    .container--mob-full {
        padding: 0 20px;
        max-width: 768px;
    }

}

@media screen and (min-width:768px) {

    .container--mob-full {
        padding: 0 20px;
        max-width: 1024px;
    }

    .checksize {
        width: 768px;
    }

    .container {
        padding: 0 30px;
    }

    .hidden-on-phone {
        visibility: visible;
        display: block;
    }

    .hidden-on-tablet {
        visibility: hidden;
        display: none;
    }

}

@media screen and (min-width: 1024px) {

    .container--mob-full {
        max-width: 1170px;

    }

    .checksize {
        width: 1024px;
    }

    h2 {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 32px;
        line-height: 3.2rem;
        letter-spacing: 0.1px;
        letter-spacing: 0.01rem;

        margin: 34px 0px 26px 0;
        margin: 3.4rem 0 2.6rem 0;

        margin: 14px 0px;
        margin: 1.4rem 0;
    }

    .container {
        padding: 0 20px;
    }

    .hidden-on-tablet {
        visibility: visible;
        display: block;
    }

    .hidden-on-desk {
        visibility: hidden;
        display: none;
    }

    .select select {
        height: 52px;
        height: 5.2rem;
        padding-left: 18px;
        padding-left: 1.8rem;
    }

    .select:after {
        background-size: auto;
        right: 18px;
    }

    .button--icon {
        height: 52px;
        height: 5.2rem;
        padding: 18px 20px;
        padding: 1.8rem 20px;
    }

    .button--icon .search-icon {
        height: auto;
        margin-top: -11px;
        margin-top: -1.1rem;
        right: 15px;
        right: 1.5rem;
    }

    .sticky-element.sticky-element--sticky {
        position: fixed;
        top: 0;
    }

    .sticky-element.sticky-element--reached-bottom {
        position: absolute;
        bottom: 0;
        top: auto;
    }

}


/*
 *************************
	$ACCORDEON / COLLAPSIBLES / MOBILE-MENU BEHAVIOUR
	- Code example
		<div class="collapsible">
			<div class="collapsible-title">
				<div class="collapsible-icon collapsible-toggler"></div>
				<div class="collapsible-preview"></div>
			</div>
			<div class="collapsible-text"></div>
		</div>
	- "collapsible-preview" is optional, every element with this class will be faded out, as "collapsible-text" becomes visible.
	- "collapsible-icon" is also optional
	- "collapsible-icon" and "collapsible-toggler" do not have to be the same element
 *************************
*/

.collapsible,
.collapsible-tinymce,
.non-collapsible {
	list-style-type: none;
	position: relative;
	border-top: 1px solid #d3d3d3;
	border-top: 0.1rem solid #d3d3d3;
}

.collapsible-title {
	display: block;
	margin: 16px 0 18px 0;
	margin: 1.6rem 0 1.8rem 0;
	padding-bottom: 0;
	padding-right: 50px;
}

.collapsible-title,
.collapsible-title a {
	color: #202020;
	font-weight: 600;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 16px;
	line-height: 1.6rem;
}

.collapsible-toggler {
	cursor: pointer;
	text-decoration: none;
}

.collapsible-icon {
	position: absolute;
	height: 11px;
    height: 1.1rem;
    width: 11px;
    width: 1.1rem;
    right: 20px;
    right: 2rem;
	top: 19px;
	top: 1.9rem;
        z-index:-1;
}

.collapsible-icon,
.collapsible-icon polygon  {
	fill: #000000;
}

.collapse-icon {
   display: none;
}

.collapsible-text {
	display: none;
	/* margin-bottom: 18px; */
	/* margin-bottom: 1.8rem; */
}



/*
 *************************
	$OPEN
 *************************
*/

.collapsible.open .collapsible-text {
	height: auto !important;
}


.collapsible-tinymce .less-button {
	visibility: hidden;
	display: none;
}

.vertical-line {
	fill: currentColor;
}

.minus,
.collapsible.open > .collapsible-title > .plus,
.collapsible.open > .plus,
.collapsible.open > .collapsible-toggler > .plus,
.collapsible-tinymce.open > .collapsible-title > .plus,
.collapsible-tinymce.open > .plus {
	visibility: hidden;
	display: none;
}

.collapsible.open > .collapsible-title > .minus,
.collapsible.open > .minus,
.collapsible.open > .collapsible-toggler > .minus,
.collapsible-tinymce.open > .collapsible-title > .minus,
.collapsible-tinymce.open > .minus {
	visibility: visible;
	display: block;
}

.collapsible-tinymce.open .more-button {
	visibility: hidden;
	display: none;
}

.collapsible-tinymce.open .less-button {
	visibility: visible;
	display: block;
}



/*
 *************************
	$tinymce
 *************************
*/

.collapsible-tinymce {
	margin-top: 5px;
	margin-top: 0.5rem;
}


.collapsible .collapsible-tinymce {
	margin-left: 10%;
}

.collapsible .collapsible-tinymce,
.collapsible .collapsible-tinymce .collapsible-title,
.collapsible .collapsible-tinymce .collapsible-title a {
	font-size: 12px;
	font-size: 1.2rem;
}

.collapsible .collapsible-tinymce .collapsible-icon {
	right: 0;
	top: 18px;
	top: 1.8rem;
}



/*
 *************************
	$NO-JS (Adding display:none by js would be more intelligent)
 *************************
*/

.no-js .collapsible-icon {
	display: none;
}

.no-js .collapsible-text {
	display: block;
}


@media screen and (min-width:768px) {

	.collapsible-icon {
		/* Because of context menu. Maybe just an exception */
		right: 30px;
	    right: 3rem;
            z-index:-1;
	}

}

@media screen and (min-width:1024px) {

	.collapsible--mob-only .collapsible-icon-container {
		visibility: hidden;
		display: none;
	}

	.collapsible--mobile-text {
		display: block !important;
	}

	/*
	 *************************
		$tinymce
	 *************************
	*/

	.collapsible-tinymce {
		margin-top: 0;
	}

	.collapsible .collapsible-tinymce {
		margin-left: 28%;
	}

	.collapsible .collapsible-tinymce .collapsible-icon {
		right: 20px;
		right: 2rem;
	}

}

.accordeon-description {
	margin-bottom: 27px;
	margin-bottom: 2.7rem;
}


@media screen and (min-width:1024px) {

	.accordeon-description {
		margin-bottom: 60px;
		margin-bottom: 6rem;
	}

}
.home-article-media-container {
   position: relative;
}

.home-article-media-container .spinner {
   position: absolute;
   background-color: #fff;
   background-image: url('images/loader-dark.gif');
   z-index: 9998;
}

.home-article-media-container .media-container {
   display: block;
}

.home-article-media-container .media-container__mediacontainer,
.home-article-media-container .media-container__controls {
    padding-bottom: 56.6%;
}

.home-article-media-container .media-container__mediacontainer {
   background-color: #eee;
}

.home-article-media-container .media-container__viewport,
.home-article-media-container .media-container__items {
   height: 100%;
}

.home-article-media-container .media-container__image img {
   height: 100%;
   width: auto;
}

.home-article-media-container .media-container__title a,
.home-article-media-container .media-container__text a {
   text-decoration: none;
   cursor: pointer;
}

.home-article-media-container a.media-container__overview-link {
    float: right;
    text-decoration: underline;
    cursor: pointer;
    padding-top: 20px;
    width: 50%;
    text-align: right;
}  

.home-article-media-container .media-container__title {
   margin-bottom: 10px;
   margin-bottom: 1rem;
}

.home-article-media-container .media-container__title--short,
.home-article-media-container .media-container__excerpt--short {
   visibility: hidden;
   display: none;
}

.home-article-media-container .media-container__text {
   margin-top: 25px;
   margin-top: 2.5rem;
   padding-right: 20px;
}

.home-article-media-container .media-container__excerpt {
   font-size: 12px;
   font-size: 1.2rem;
}

.home-article-media-container .media-container__navigation {
   background: transparent;
}

.home-article-media-container .media-container__controls {
   position: static;
   padding: 0;
   float: left;
   width: 50%;
}

.home-article-media-container .media-container__counter {
   display: block;
   visibility: visible;
   z-index: 9999;
}

.home-article-media-container .media-container__navigation > svg {
   margin: 0;
   /* center the element vertically */
   top: calc(50% - 6px);
   top: calc(50% - 0.6rem);
}

.home-article-media-container .media-container__prev > svg {
   left: calc(50% - 3.6px);
   left: calc(50% - 0.36rem);
   right: auto;
}

.home-article-media-container .media-container__next > svg {
   left: auto;
   right: calc(50% - 3.6px);
   right: calc(50% - 0.36rem);
}

.home-article-media-container .media-container__tag.media-container__tag--long {
       text-transform: uppercase;
       color: rgb(195, 195, 195);
}

@media screen and (min-width: 640px) and (max-width: 768px) {

   .home-article-media-container .media-container__image {
      width: 49%;
      position: relative;
      margin-right: 2%;
   }

   .home-article-media-container .media-container__image img {
      height: auto;
      width: 100%;
   }

   .home-article-media-container .media-container__text {
      width: 49%;
   }

   .home-article-media-container .media-container__title {
      font-size: 1.6rem;
   }

   .home-article-media-container .media-container__excerpt {
      font-size: 85%;
   }

   .home-article-media-container .media-container__title--long,
   .home-article-media-container .media-container__excerpt--long {
      visibility: hidden;
      display: none;
   }

   .home-article-media-container .media-container__title--short,
   .home-article-media-container .media-container__excerpt--short {
      visibility: visible;
      display: block;
   }

}

@media screen and (max-width: 768px) {

   .home-article-media-container .media-container__text .media-container__controls {
      display: none;
   }

   .home-article-media-container .media-container__image .media-container__counter {
      position: absolute;
      bottom: 15px;
      right: 20px;
      color: #fff;
   }

}

@media screen and (min-width: 640px) {

   .home-article-media-container {
      min-height: 324px;
      min-height: 32.4vw;
      margin-bottom: 20px;
      margin-bottom: 2rem;
   }

   .home-article-media-container .media-container {
      height: 324px;
      height: 32.4vw;
      max-height: 480px;
   }

   .home-article-media-container .media-container__image,
   .home-article-media-container .media-container__text {
      height: 100%;
      float: left;
      padding: 0;
   }

   .home-article-media-container .media-container__text {
      position: relative;
      border-top: 1px solid rgb(195, 195, 195);
      margin: 0;
   }

   .home-article-media-container .media-container__text__content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
   }

}


@media screen and (min-width: 769px) {

   .home-article-media-container {
      min-height: 380px;
      min-height: 38.4vw;
      margin-bottom: 40px;
      margin-bottom: 4rem;
   }

   .home-article-media-container .media-container {
      height: 380px;
      height: 38.4vw;
   }

   /* width adjusted to the articles and films items */
   .home-article-media-container .media-container__image {
      width: 59.3%;
      margin-right: 1.7%;
   }

   /* for width take whatever is left
    * after subtracting the width
    * of the image container
    */
   .home-article-media-container .media-container__text {
      width: 39%;
   }

   .home-article-media-container .media-container__title {
      margin-bottom: 2rem;
      min-height: 0;
   }

   .home-article-media-container .media-container__title--long,
   .home-article-media-container .media-container__excerpt--long {
      visibility: hidden;
      display: none;
   }
   
   .home-article-media-container .media-container__title--short,
   .home-article-media-container .media-container__excerpt--short {
      visibility: visible;
      display: block;
   }

   .home-article-media-container .media-container__excerpt {
      width: 100%;
      margin-bottom: 2rem;
   }

   .home-article-media-container .media-container__counter {
      position: static;
      margin: 0;
      float: left;
      height: 24px;
      height: 2.4rem;
      line-height: 24px;
      line-height: 2.4rem;
   }

   .home-article-media-container .media-container__text .media-container__controls {
      display: block;
      visibility: visible;
      padding-top: 2rem;
      border-top: 1px solid rgb(195, 195, 195);
   }

   .home-article-media-container .media-container__image .media-container__controls {
      display: none;
   }

   .home-article-media-container .media-container__navigation > svg * {
      fill: #000;
   }

   .home-article-media-container .media-container__navigation {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      float: left;
      margin-top: 0;
      width: 14px;
      width: 1.4rem;
      height: 24px;
      height: 2.4rem;
   }

   .home-article-media-container .media-container__prev,
   .home-article-media-container .media-container__counter {
      margin-right: 12px;
      margin-right: 1.2rem;
   }
   
   .home-article-media-container a.media-container__overview-link {
       border-top: 1px solid rgb(195, 195, 195);
   }  

}

@media screen and (min-width: 1024px) {

   .home-article-media-container {
      min-height: 480px;
      min-height: 40.4vw;
   }

   .home-article-media-container .media-container {
      height: 480px;
      height: 40.4vw;
   }

}

@media screen and (min-width: 1170px) {

   .home-article-media-container {
      min-height: 480px;
   }

   .home-article-media-container .media-container {
      height: 480px;
   }

   .home-article-media-container .media-container__title--long,
   .home-article-media-container .media-container__excerpt--long {
      visibility: visible;
      display: block;
   }
   
   .home-article-media-container .media-container__title--short,
   .home-article-media-container .media-container__excerpt--short {
      visibility: hidden;
      display: none;
   }

}

@media screen and (max-width: 639px) {

   .home-article-media-container {
      min-height: 180px;
      min-height: 18rem;
      margin-bottom: 20px;
      margin-bottom: 2rem;
   }

   .home-article-media-container .media-container__image {
      height: 180px;
      height: 18rem;
   }

}

.hff-jahres-media-container .vjs-poster {
   background-size: cover;
}

.hff-jahres-media-container .media-container__viewport {
   background-color: #000;
   position: relative;
}

.hff-jahres-media-container .media-container__mediacontainer {
   margin: 0px !important;
   width: 100%;
   -webkit-transition: padding 0.6s ease-out;
   transition: padding 0.6s ease-out;
   position: relative;
   overflow: hidden;
   background-color: #0B0B0B;
}

.hff-jahres-media-container .media-container__arrow--prev,
.hff-jahres-media-container .media-container__arrow--next {
   position: absolute;
   width: 30px;
   height: 30px;
   top: 50%;
   top: calc(50% - 15px);
   background-repeat: no-repeat;
   background-size: contain;
   z-index: 9999;
}

.hff-jahres-media-container .media-container__arrow--prev {
   left: 20px;
   background-position: center left;
   background-image: url('images/slideshow_arrow_left.png');
}

.hff-jahres-media-container .media-container__arrow--next {
   right: 20px;
   background-position: center right;
   background-image: url('images/slideshow_arrow_right.png');
}

.hff-jahres-media-container .media-container__video-close {
   position: absolute;
   top: 20px;
   right: 20px;
   width: 32px;
   height: 32px;
   background-color: transparent;
   background-image: url('images/img_close.png');
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1000;
   display: none;
}

.hff-jahres-media-container .media-container__video > div {
   width: 100%;
   height: 100%;
}

.hff-jahres-media-container .vjs-big-play-button {
   width: 90px;
   height: 90px;
   background-color: transparent;
   border: none;
   border-radius: 0;
   background-image: url('images/play_icon.svg');
   background-repeat: no-repeat;
   background-size: 122%;
   background-position: center;
   top: auto;
   bottom: 41px;
   margin: 0;
}

.hff-jahres-media-container .vjs-big-play-button:before {
   content: '';
}

.hff-jahres-media-container .media-item-team-members {
   margin-top: 20px;
}

.hff-jahres-media-container .media-item-team-members li {
   margin-bottom: 5px;
}

.hff-jahres-media-container .media-item-text-container,
.hff-jahres-media-container .media-item-recommendation-container,
.hff-jahres-media-container .media-item-awards-container {
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid #ccc;
}

.hff-jahres-media-container .vjs-poster {
  cursor: default;
}

.hff-jahres-media-container .media-container__gradient-layer {
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	z-index: 2;
}

.hff-jahres-media-container .vjs-poster:after {
   content: " ";
}

.hff-jahres-media-container .media-container__gradient-layer,
.hff-jahres-media-container .vjs-poster:after {
   padding: 0;
	display: block;
	height: 100%;
	margin: auto;
	width: 100%;
   background: rgba(0, 0, 0, 0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	filter: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
   pointer-events: none;
}

.hff-jahres-media-container  button.vjs-big-play-button:disabled {
    opacity: 0.5;
}

.hff-jahres-media-container .media-container__viewport .media-item-subtitle {
   color: #fff;
}

.hff-jahres-media-container .media-item-subtitle {
   font-style: italic;
}

.hff-jahres-media-container .media-container__text .media-item-subtitle {
   margin-bottom: 10px;
   font-size: 14px;
   color: red;
}

@media screen and (max-width: 767px) {

   .hff-jahres-media-container .site-header {
      position: absolute;
      top: left;
      right: 0;
   }

   .hff-jahres-media-container .media-container__item {
      width: 100%;
      height: 100%;
   }

   .hff-jahres-media-container .media-container__video {
      padding-bottom: 56.25%;
      position: relative;
      overflow: hidden;
   }

   .hff-jahres-media-container .media-container__video > div {
      padding: 0;
      display: block;
      position: absolute;
      top: -9999px;
      bottom: -9999px;
      left: -9999px;
      right: -9999px;
      height: 100%;
      margin: auto;
      width: 100%;
   }

   .hff-jahres-media-container .media-container__image img {
      width: 100%;
   }

   .hff-jahres-media-container .media-container__viewport .media-item-title,
   .hff-jahres-media-container .media-container__viewport .media-item-subtitle,
   .hff-jahres-media-container .media-container__viewport .media-item-meta,
   .hff-jahres-media-container .media-container__viewport .media-item-show-desc {
      display: none;
   }

   .hff-jahres-media-container .media-item-description {
      padding-bottom: 20px;
      margin: 20px 20px 0;
      border-bottom: 1px solid #ccc;
   }

   .hff-jahres-media-container .media-item-description .media-item-title {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 10px;
   }

   .hff-jahres-media-container .vjs-big-play-button {
      width: 50px;
      height: 50px;
      bottom: 21px;
      position: absolute;
   }

   .hff-jahres-media-container .media-container__text {
      padding: 20px;
   }

   .hff-jahres-media-container .media-item-hide-desc {
      display: none;
   }

   .hff-jahres-media-container .media-container__gradient-layer {
      position: absolute;
   }

}

@media screen and (min-width: 768px) {

   .hff-jahres-media-container.media-container-layer--active {
      visibility: visible;
      display: table;
      height: 100vh;
      width: 100vw;
      vertical-align: middle;
      background-color: rgba(255,255,255,0.9);
      bottom: 0;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 9999;
   }

   .hff-jahres-media-container .media-container-layer__inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
   }

   .film-media-container.media-container--has-fullscreen {
      position: absolute;
      top: 0;
      left: 0;
   }

   .film-media-container.media-container--has-fullscreen,
   .film-media-container .media-container__items {
      width: 100%;
      height: 100%;
      background-color: #000;
   }

   .hff-jahres-media-container .media-container__viewport {
      width: 100%;
      height: 100%;
      overflow: hidden;
   }

   .hff-jahres-media-container .media-container__mediacontainer {
      padding-bottom: 56.25%;
   }

   .hff-jahres-media-container .media-container__item {
      height: 100%;
      width: 100%;
   }

   .hff-jahres-media-container .media-container__image img {
      padding: 0 !important;
      display: block;
      position: fixed;
      top: -9999px;
      bottom: -9999px;
      left: -9999px;
      right: -9999px;
      min-height: 100%;
      height: auto;
      margin: auto !important;
      min-width: 100%;
      width: auto;
   }

   .hff-jahres-media-container .media-container__video > div {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
   }

   .hff-jahres-media-container .media-item-title.hidden,
   .hff-jahres-media-container .media-item-description .media-item-subtitle.hidden,
   .hff-jahres-media-container .media-item-meta.hidden,
   .hff-jahres-media-container .media-item-show-desc.hidden {
      display: none;
   }

   .hff-jahres-media-container .vjs-big-play-button {
      width: 90px;
      height: 90px;
      bottom: 41px;
      position: fixed;
   }

   .hff-jahres-media-container .media-container__text {
      display: none;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      width: 33%;
      min-width: 400px;
      background-color: rgb(239, 240, 243);
      background-color: rgba(239, 240, 243, 0.9);
      padding: 40px;
      z-index: 10000;
   }

   .hff-jahres-media-container .media-item-description {
      display: none;
   }

   .hff-jahres-media-container .media-item-title,
   .hff-jahres-media-container .media-container__viewport .media-item-subtitle {
      margin: 0;
      position: fixed;
      color: #fff;
   }

   .hff-jahres-media-container .media-item-title {
      bottom: 95px;
      line-height: 36px;
      font-size: 32px;
      font-weight: bold;
   }

   .hff-jahres-media-container .media-container__viewport .media-item-subtitle {
      bottom: 131px;
   }

   .hff-jahres-media-container .media-item-meta {
      bottom: 41px;
      margin: 0;
   }

   .hff-jahres-media-container .media-item-meta,
   .hff-jahres-media-container .media-item-show-desc {
      color: #fff;
      position: fixed;
      font-weight: normal;
      line-height: 18px;
      font-size: 16px;
   }

   .hff-jahres-media-container .media-item-show-desc {
      height: 30px;
      background-color: transparent;
      border: none;
      border-radius: 0;
      background-image: url('images/info_icon.png');
      background-repeat: no-repeat;
      background-size: 50px;
      background-position: 108% 45%;
      bottom: 41px;
      margin: 0;
      padding-right: 45px;
      cursor: pointer;
      line-height: 40px;
   }

   .hff-jahres-media-container .media-item-show-desc:hover {
      color: #fff;
   }

   .hff-jahres-media-container .media-item-title,
   .hff-jahres-media-container .media-container__viewport .media-item-subtitle,
   .hff-jahres-media-container .media-item-meta,
   .hff-jahres-media-container .media-item-show-desc {
      z-index: 3;
   }

   .hff-jahres-media-container .media-item-hide-desc {
      float: right;
      background-image: url('images/img_close-black.png');
      background-repeat: no-repeat;
      font-size: 0;
      width: 20px;
      height: 20px;
   }

   .hff-jahres-media-container .media-container__text .media-item-subtitle,
   .hff-jahres-media-container .media-item-hide-desc + .media-item-country-date {
      clear: right;
      margin-top: 40px;
   }

   .hff-jahres-media-container .media-container__gradient-layer {
      position: fixed;
   }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

   .hff-jahres-media-container .media-item-meta {
      max-width: 50%;
   }

}

@media screen and (min-width: 1024px) {

   .hff-jahres-media-container .media-item-meta {
      max-width: 65%;
   }

}

@media screen and (max-width: 1169px) {

   .hff-jahres-media-container .vjs-big-play-button,
   .hff-jahres-media-container .media-item-title,
   .hff-jahres-media-container .media-container__viewport .media-item-subtitle,
   .hff-jahres-media-container .media-item-meta {
      left: 30px;

   }

   .hff-jahres-media-container .has-video .media-item-title,
   .hff-jahres-media-container .has-video .media-container__viewport .media-item-subtitle,
   .hff-jahres-media-container .has-video .media-item-meta {
      left: 150px;
   }

   .hff-jahres-media-container .media-item-show-desc {
      right: 30px;
   }

}

@media screen and (min-width: 1170px) {

   .hff-jahres-media-container .vjs-big-play-button,
   .hff-jahres-media-container .media-item-title,
   .hff-jahres-media-container .media-container__viewport .media-item-subtitle,
   .hff-jahres-media-container .media-item-meta {
      /* align with the header's left border */
      left: calc((100vw - 1170px) / 2 + 30px);
   }

   .hff-jahres-media-container .has-video .media-item-title,
   .hff-jahres-media-container .has-video .media-container__viewport .media-item-subtitle,
   .hff-jahres-media-container .has-video .media-item-meta {
      left: calc((100vw - 1170px) / 2 + 150px);
   }

   .hff-jahres-media-container .media-item-show-desc {
      right: calc((100vw - 1170px) / 2 + 30px);
   }

}


/*
 *************************
        $NAV
        z-index: 9000-10000;
 *************************
*/

body.menu-opened,
body.menu-opened .main-col {
    overflow: hidden;
}

.site-header__nav--desktop {
    visibility: hidden;
    display: none;
}

.site-header__nav {
    z-index: 9999;
    border-top: 0;
}

.site-header__nav.open {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow:hidden;
}

.site-header__nav li {
    list-style: none;
}

.site-header__nav a,
.site-header__nav .user-area-button {
    color: #FFFFFF;
    z-index: 1;
    position: relative;
}

.site-header__nav--mobile .login-button {
    position: absolute;
    top: 22px;
    top: 2.2rem;
    right: 62px;
    padding: 0;
}

.site-header__nav a {
    text-decoration: none;
}

.site-header__nav .active > a,
.site-header__nav a:hover,
.site-header__nav a:active,
.site-header__nav a:focus {
    color: #7e7e7e;
}

.collapsible-icon,
.collapsible-icon--menu {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.collapsible-icon--menu {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;

    display:block;
    position: absolute;

    z-index: 9898;

    top: 20px;
    top: 2rem;
    right: 0;

    width: 30px;
    width: 3rem;
    height: 20px;
    height: 2rem;
}

.site-header__nav__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;

    height: 0;
    overflow-x: hidden;
    overflow-y: auto;

    width: 100%;

    background: rgba(0, 0, 0, 1);
}

.site-header__nav.open .site-header__nav__inner {
    z-index: 9899;
    height: auto;
    padding: 0 20px;
    padding: 0 20px;
}

.site-header__nav__inner .collapsible-icon,
.site-header__nav__inner .collapsible-icon * {
    fill: #FFFFFF;
}

.site-header__nav__inner .collapsible-icon--menu {
    right: 20px;
}

.site-header__nav--mobile .collapsible {
    border-top: 0;
}

.site-header__nav--mobile .collapsible-title {
    margin-top: 0;
    margin-bottom: 0;
}

.site-header__menu__level1__item .collapsible-icon {
    top: 6px;
    top: 0.6rem;
    right: calc(-42px + 0.95rem);
}

.nav-main .nav-main-inner {
    bottom: 0;
    height: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
}



/*
 *************************
        $MENU
 *************************
*/

.site-header__menu {
    margin-bottom: 0;
    padding-bottom: 16px;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #565656;
}

.site-header__menu__collapsible-icon {
    position: absolute;
    top: 2px;
    top: 0.2rem;
    right: 62px;
    height: 10px;
    height: 1rem;
}

.site-header__menu__collapsible-icon,
.site-header__menu__collapsible-icon * {
    fill: #ababab;
}

.site-header__menu__level1__item,
.site-header__menu__level2__item,
.site-header__menu__level3__item {
    text-align: right;
    margin-bottom: 6.5px;
    margin-bottom: 0.65rem;
    position: relative; /* For positioning the collapsible icons */
}

.site-header__menu__level1__item {
    padding: none;
    display: block;
    padding-right: 42px;
}

.site-header__menu__level1__item__link,
.site-header__menu__level2__item__link,
.site-header__menu__level3__item__link {
    display: inline;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.7px;
    letter-spacing: 0.07rem;
    padding-left: 0;
    padding-right: 0;
}

.site-header__nav--mobile .site-header__menu__level1__item__link {
    cursor: default;
}

.site-header__menu .collapsible.open > a > .collapsible-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

a.site-header__menu__level2__item,
a.site-header__menu__level2__item__link {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem;
}

.site-header__dropdown-layer {
    display: none;
}

.site-header__menu__level2 {
    margin: 6px 0 22px 0;
    margin: 0.6rem 0 2.2rem 0;
}

.site-header__service-menu,
.site-header__misc-menu {
    margin-top: 20px;
    margin-top: 2rem;
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.site-header__misc-menu {
    margin-bottom: 52px;
    margin-bottom: 5.2rem;
    margin-left: calc(40% - 42px);
}

.site-header__service-menu {
    margin-right: 42px;
}

.site-header__misc-menu.not-initiated {
    padding-top: 20px;
}

.site-header__service-menu__level1__item,
.site-header__misc-menu__level1__item {
    text-align: right;
    direction: rtl;
    line-height: 22px;
    line-height: 2.2rem;
    margin-bottom: 3px;
    margin-bottom: 0.3rem;
}

/*// .site-header__service-menu li:last-child{
// 	display: none;
// }*/


.site-header__nav__inner__cont,
.search.site-header__search {
    width: 100%;
    max-width: 353px;
    margin-left: auto;
    margin-right: 0;
}

.site-header__nav__inner__cont {
    margin-bottom: -80px;
    margin-bottom: -8rem;
    min-height: 100%;
    padding-bottom: 80px;
    padding-bottom: 8rem;
    padding-top: 66px;
    padding-top: 6.6rem;
}

.search.site-header__search {
    width: 100%;
    height: 40px;
    height: 4rem;
}

.search__submit.site-header__search-submit {
    min-height: 40px;
    min-height: 4rem;
    min-width: 40px;
    min-width: 4rem;
    left: auto;
    right: 0;
}

.search__input.site-header__search-input {
    background: #000;
    color: #FFFFFF;
    border: 1px solid #565656;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 8px 10px;
    padding: 0.8rem 10px;
}

.search__submit > .site-header__search-icon {
    height: 2.2rem;
    width: 22px;
    width: 2.2rem;
    margin-right: -4px;
    margin-right: -0.4rem;
    margin-top: -12px;
    margin-top: -1.2rem;
}

.site-header__search-icon path {
    fill: #565656;
}


.site-header__fb-link,
.site-header__linkedin-link,
.site-header__insta-link,
.site-header__youtube-link,
.site-header__twitter-link {
    visibility: hidden;
    display: none;
}

.site-header__service-menu .imprint-page {
    display: none;
}

.site-header__misc-menu {
    margin-left: 0;
}

.site-header__service-menu {
    margin-left: 20%;
}

.site-header__lang-menu {
    position: absolute;
    bottom: 33px;
    bottom: 1rem;
    left: 79%;
    left: calc(79% - 12px);
    display: none;
}

.site-header__fb-link,
.site-header__insta-link,
.site-header__youtube-link,
.site-header__twitter-link,
.site-header__lang-menu {
    z-index: 10000;
}

.dropdown-opened .site-header__fb-link,
.dropdown-opened .site-header__youtube-link,
.dropdown-opened .site-header__insta-link,
.dropdown-opened .site-header__twitter-link,
.dropdown-opened .site-header__linkedin-link,
.dropdown-opened .site-header__lang-menu {
    z-index: 9998;
}

.dropdown-opened .site-header__youtube-link polygon#Shape {
    opacity: 0.2;
}
.dropdown-opened .site-header__lang-menu__item {
    opacity: 0.2;
}

.site-header__lang-menu__item {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 10px;
}

.site-header__lang-menu__item__link {
    text-transform: uppercase;
    text-decoration: none;
}

.current-lang-item {
    color: #999;
}

.languages-handicap {
    display: flex;
    flex-direction: column;
    float: right;
}

button.simple-language{
    background: url('images/icon_simple-language.svg');
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: relative;
    top: 25px;
    cursor: pointer;
}

button.sign-language{
    background: transparent;
    width: 40px;
    height: 40px;
    position: relative;
    top: 30px;
    cursor: pointer;
    margin-top: 5px;
}

button.sign-language svg path {
    fill:#000000;
}


.dropdown-opened button.sign-language svg path {
    fill: #ffffff;
}

#application-button{
    position: absolute;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 15px!important;
    margin-bottom: 8px;
}

.menu-opened #application-button{
    z-index: 10000;
    background-color: #fff;
    color: #000;
}

    body.dropdown-opened #application-button{
        color: #000000;
        background-color: #fff;
    }


@media only screen and (max-width: 1023px) {
    .member-item-activity{
        border-top: 1px solid #cccccc;
        padding: 4% 0 0;
    }
}

@media screen and (min-width:768px) {

    .site-header__nav.open .site-header__nav__inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .site-header__nav__inner .collapsible-icon--menu {
        right: 30px;
    }

    .site-header__nav--mobile .login-button {
        right: 82px;
    }

    .site-header__menu {
        padding-bottom: 32px;
        padding-bottom: 3.2rem;
    }

    .site-header__menu__level1__item {
        padding-right: 52px;
    }

    .site-header__menu__level1__item .collapsible-icon {
        right: calc(-52px + 0.95rem);
    }

    .site-header__service-menu,
    .site-header__misc-menu {
        margin-top: 30px;
        margin-top: 3rem;
        width: 24%;
    }

    .user-area,
    .site-header__service-menu {
        margin-right: 52px;
    }

    .site-header__misc-menu {
        margin-left: calc(32% - 52px);
    }

    .site-header__service-menu {
        margin-left: 20%;
    }

}

@media screen and (min-width:1024px) {

    #application-button {
        top: 37px;
        left: auto;
    }

    body.menu-opened,
    body.menu-opened .main-col {
        overflow: auto;
    }

    .site-header__lang-menu,
    .site-header__nav--desktop {
        visibility: visible;
        display: block;
    }

    .site-header__nav--mobile {
        visibility: hidden;
        display: none;
    }

    .site-header__nav {
        padding-top: 37px;
        padding-top: 3.7rem;
        position: absolute;
        left: 20px;
        right: 20px;
        z-index:2;
    }

    .site-header__nav a,
    .site-header__nav .user-area-button{
        color: #000000;
    }

    .site-header__nav .site-header__news{
        position: absolute;
        z-index:200;
        width: 25%;
    }

    .site-header__news a{
        color: #fff;
    }
    #application-button{
        text-transform: uppercase;
        font-weight: 500;
        padding: 10px 15px!important;
        margin-bottom: 8px;
        z-index: 10000;
    }

    .site-header__nav .site-header__news span{
        display: block;
        visibility: hidden;
        font-size: 12px;
        padding-top: 10px;
        color: #fff;

    }
    body.dropdown-opened .site-header__news span{
        visibility: visible;
    }

    body.dropdown-opened .site-header__menu__level1__item__link,
    body.dropdown-opened .site-header__service-menu__level1__item__link,
    body.dropdown-opened .site-header__misc-menu__level1__item__link,
    body.dropdown-opened .site-header__menu__level2__item__link,
    body.dropdown-opened .site-header__nav .user-area-button {
        color:#FFFFFF;
    }


    .site-header__menu--desktop .search{
        position: absolute!important;
        width:39%;
        display: none;
        padding-top:25px
    }

    body.dropdown-opened .site-header__menu--desktop .search{
        display: block;
    }

    .site-header__menu--desktop .search input{
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
        border:0;
        border-bottom: 1px white solid;
        padding-left: 0px
    }

    .site-header__menu--desktop input::placeholder{
        color: #FFF;
        font-weight: 500
    }

    .site-header__menu--desktop .search,
    .site-header__menu--desktop .search-submit svg,
    .site-header__menu--desktop .search-submit svg path{
        fill: #fff!important
    }

    body.dropdown-opened .site-header__menu site-header__menu--desktop .search svg, 

    body.dropdown-opened .site-header__nav a.active,
    body.dropdown-opened .site-header__nav a:hover,
    body.dropdown-opened .site-header__nav a:active,
    body.dropdown-opened .site-header__nav a:focus {
        color: #858585;
    }

    .site-header__menu,
    .site-header__service-menu,
    .site-header__misc-menu {
        margin-top: 24px;
        margin-top: 2.4rem;
        display: inline-block;
        vertical-align: top;
        width: 12%;
    }

    .site-header__service-menu,
    .site-header__misc-menu {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        line-height: 1.2rem;
        margin-top: 0;
        margin-right: 0;
    }

    .site-header__misc-menu {
        width: 9%;
        text-align: right;
        margin-left: 0;
    }

    .site-header__service-menu {
        margin-left: 0;
    }

    .site-header__service-menu__level1__item {
        text-align: left;
    }

    .site-header__service-menu__level1__item,
    .site-header__misc-menu__level1__item {
        margin: 4px 0 6px 0;
        margin: 0.4rem 0 0.6rem 0;
        padding-right: 0;
        line-height: 12px;
        line-height: 1.2rem;
    }

    .site-header__menu {
        margin-top: 0;
        margin-left: 61%;
        width: 18%;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .site-header__menu__level1__item,
    .site-header__menu__level2__item,
    .site-header__menu__level3__item {
        position: static;
        margin-bottom: 9px;
        margin-bottom: 0.9rem;
    }

    .site-header__menu__level1__item {
        text-align: left;
        margin-bottom: 5px;
        margin-bottom: 0.5rem;
        padding-right: 0;
    }

    .site-header__menu__level1__item__link,
    .site-header__menu__level2__item__link,
    .site-header__menu__level3__item__link {
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 13px;
        line-height: 1.3rem;
    }

    .site-header__menu__level1__item__link {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem;
        letter-spacing: 0.9px;
        letter-spacing: 0.09rem;
    }

    .site-header__dropdown-layer,
    .site-header__menu__level2 {
        opacity: 0;

        -webkit-transition: opacity 200ms ease-in-out;
        -moz-transition: opacity 200ms ease-in-out;
        -o-transition: opacity 200ms ease-in-out;
        transition: opacity 200ms ease-in-out;
    }

    .site-header__dropdown-layer {
        display: block;
        position: absolute;
        right: 0;
        top: -230px;
        top: -25rem;
        width: 100%;

        /*		// visibility: hidden;
                // display: none;
                // opacity: 0;*/
        pointer-events: none;

        background: #000000;
        background: rgba(0, 0, 0, 0.85);
        height: auto;
        min-height: 323px;
        min-height: 32.2rem;
        z-index: 9998; /*Higher than media container */
    }

    body.dropdown-opened .site-header__dropdown-layer {
        pointer-events: all;
        opacity: 1;
    }

    .site-header__menu__level2 {
        position: absolute;
        top: -9999px;
        left: 0;
        right: 38.8%;
        width: auto;
        min-width: 251px;
        min-height: 200px;
        min-height: 20rem;
        padding: 40px 36px;
        padding: 4rem 36px;
        margin: 0;
        z-index: 2;

        text-align: right;
    }

    .open .site-header__menu__level2 {
        top: 0;
        opacity: 1;
    }

    .site-header__menu__collapsible-icon {
        top: 6px;
        top: 0.6rem;
        right: -19px;
        height: 10px;
        height: 1rem;
    }

    .site-header__menu__level2__item__link {
        color: #ffffff;
    }

    a.site-header__menu__level2__item__link.active,
    a.site-header__menu__level2__item__link:hover,
    a.site-header__menu__level2__item__link:active,
    a.site-header__menu__level2__item__link:focus {
        color: #858585;
    }

    .site-header__menu__level2__item.open > a.site-header__menu__level2__item__link {
        color: #858585;
    }

    .site-header__menu__level3 {
        margin-top: 6px;
        margin-top: 0.6rem;
    }

    .site-header__menu__level3__item {
        margin-bottom: 5px;
        margin-bottom: 0.5rem;
    }

    a.site-header__menu__level3__item__link {
        color: #858585;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 18px;
        line-height: 1.8rem;
    }

    .site-header__service-menu__level1__item,
    .site-header__misc-menu__level1__item {
        direction: ltr;
    }

    a.site-header__fb-link,
    a.site-header__insta-link,
    a.site-header__youtube-link,
    a.site-header__linkedin-link,
    a.site-header__twitter-link {
        visibility: visible;
        display: block;
        position: absolute;
        bottom: 33px;
        bottom: 2rem;
        width: 28px;
        width: 2.8rem;
        height: 28px;
        height: 2.8rem;
        z-index: 9999;
    }

    a.site-header__fb-link {
        right: 18px;
    }

    a.site-header__twitter-link {
        right: 50px;
    }

    a.site-header__insta-link {
        right: 50px;
    }

    a.site-header__youtube-link {
        right: 83px;
    }

    a.site-header__linkedin-link {
        right: 114px;
    }

    a.site-header__fb-link svg,
    a.site-header__youtube-link svg,
    a.site-header__insta-link svg,
    a.site-header__twitter-link svg {
        width: 100%;
        height: 100%;
    }

}


@media screen and (max-width:1023px) {
    #application-button {    
        left: 140px;
        top: 17px;
    }
}


@media screen and (max-width:768px) {

    #application-button {    
        left: 100px;
        top: 12px;
    }
}

@media screen and (max-width:350px) {

    #application-button {    
        font-size: 10px;
    }
}



/*
 *************************
	$BASIC SEARCH FIELD
 *************************
*/

.search {
	height: 44px;
	height: 4.4rem;
	position: relative;
	z-index: 0;
}

.search__input {
	appearance:none;
	-moz-appearance:none;
 	-webkit-appearance:none;

	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;

	width: 100%;
	height: 100%;

	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;

	border: 1px solid rgb(195, 195, 195);
	outline: none;

	padding: 8px 18px;
	padding: 0.8rem 18px;
}

.search__input::-webkit-search-decoration,
.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-results-button,
.search__input::-webkit-search-results-decoration {
	display: none;
	-webkit-appearance:none;
}

a.search__submit {
	position: absolute;
	left: 0;
	top: 0;

	min-width: 52px;
	min-width: 5.2rem;
	min-height: 52px;
	min-height: 5.2rem;
	height: 100%;

	background: none;
	background-position: center;

	font-size: 0;
	cursor:pointer;

	border: none;
}

.search__submit > svg {
	height: 24px;
	height: 2.4rem;
	position: absolute;
	top: 50%;
	right: 50%;

	margin-top: -12px;
	margin-top: -1.2rem;
	margin-right: -12px;
}

.search-icon,
.search-icon * {
	fill: #FFFFFF;
}



/*
 *************************
	$SEARCH TOGGLER
 *************************
*/


.search--expander {
	width: 100%;
}

a.search--expander__submit {
	pointer-events: none;

	font-size: 14px;
	font-size: 1.4rem;
	line-height: 14px;
	line-height: 1.4rem;
}





.search--expander__input,
.search--expander__placeholder {

	position: absolute;
	top:0;
	left:0;

	background: none;
	cursor: pointer;

	width: 32px;
	height: 14px;
	height: 1.4rem;
	line-height: 14px;
	line-height: 1.4rem;

	padding: 0;

	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
}

.search--expander__input {
	font-size: 0;
	border: none;
}

.search--expander__input:invalid {
	box-shadow: none;
}

.search--expander__input::-webkit-input-placeholder {
	font-size: 0;
}
.search--expander__input:-moz-placeholder {
	font-size: 0;
}
.search--expander__input::-moz-placeholder {
	font-size: 0;
}
.search--expander__input:-ms-input-placeholder {
	font-size: 0;
}

.search--expander__placeholder {
	width: 0;


	z-index:-1;
	
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;

	color: #3d3d3d;
	background: none;
	opacity: 0;

	overflow:hidden;
}

.search--expander__input:focus {
	cursor: text;

	width: 184px;
	height: 29px;
	height: 2.9rem;
	line-height: 27px;
	line-height: 2.7rem;
	padding: 0 30px 0 10px;
	margin-top: -8px;
	margin-top: -0.8rem;

	font-size: 12px;
	font-size: 1.2rem;

	background-color: #FFFFFF;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}

.search--expander__input:invalid:focus {
	background-color: rgba(255,255,255,.8);
}

.search--expander__input:focus + .search--expander__placeholder {
	text-align: left;
	width: 184px;
	height: 29px;
	height: 2.9rem;
	line-height: 27px;
	line-height: 2.7rem;
	margin-top: -8px;
	margin-top: -0.8rem;
	padding: 1px 30px 0 10px;
	padding: 0.1rem 30px 0 10px;

	background-color: #FFFFFF;
}

.search--expander__input:invalid:focus + .search--expander__placeholder {
	opacity: 1;
}

.search--expander__input:focus ~ a.search__submit {
	pointer-events: auto;
	// background: #FFFFFF;
	font-size: 0;
	width: 32px;
}

.search--expander__icon {
	visibility: hidden;
	display: none;
}

.search--expander__input:focus ~ a.search__submit .search--expander__icon {
	visibility: visible;
	display: block;
}




@media screen and (min-width:1024px) {

	.search {
		height: 52px;
		height: 5.2rem;
	}

}


/*
 *************************
	$USER PANEL
	z-index: 10000-10999;
 *************************
*/

.__CbUiLayer,
.__CbUiFrame {
	z-index: 10000;
}

.__EventScrollLock .__CbUiLayer {
    opacity: 0.92 !important;
}

.__CbUiFrame.__PixWindow * {
	box-sizing: content-box;
}

.user-panel-container,
#user-panel{
   width: 100%;


 -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
}

#user-panel {
	color: #fff;
        background-color: #585858;
	padding: 27px 0 38px;
	font-size: 14px;
	display: none;
	width: 100%;
	height: auto;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
	position: relative;
}

.user-panel-container {
   margin: 0 auto;
   padding: 0 20px;
   position: relative;
   max-width: 1170px;
}

#user-panel .left-pane {
	width: 85%;
	float: left;
}
#user-panel .right-pane {
	width: 15%;
   margin-left: 85%;
}

.user-panel h3 {
	color: #fff;
	font-size: 14px;
	margin-bottom: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2.4px;
}

.user-panel .main-pane.show{
    display: block;
}
.user-panel .main-pane {
        display: none;
        margin-top: 0;
	margin-right: 0px;
	margin-left: 0;
	border-right: 1px solid #fff;
	border-bottom: none;
    padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 15px;
}

.user-panel .collapsible-text-cntnr,
.user-panel .main-pane > * {
	max-width: 550px;
	width: 90%;
}

.user-panel-container b {
    font-weight: bold;
    color: #fff;
}

.user-panel .collapsible-text-cntnr span,
.user-panel .main-pane > * {
   color: #c7c7c7;
   font-size: 13px;
}

span.collapsible-text-read-on-button.collapsed,
span.collapsible-text-read-on-button.opened {
    color: white;
}

.user-panel .collapsible-text-read-on-button {
	color: #fff;
	cursor: pointer;
	padding-left: 5px;
        text-decoration: underline;
	/*font-weight: bold;*/
}

#user-panel .collapsible-text-cntnr > h3 {
	line-height: 0.7em;
        color: white;
        margin-top: 0 !important;
}


.user-panel .collapsible-text-cntnr.collapsed *:not(.collapsible-text-read-on-button) {
	font-weight: normal !important;
        color: #c7c7c7;
}

/*.user-panel .main-pane.admin {
	display: none;
}*/

.main-pane.admin, .main-pane.help, .main-pane.profile-details{
   display: none;
}

.user-panel .main-pane h5 {
	font-size: 12px;
  font-size: 1.2rem;
	margin-bottom: 12px;
	font-weight: normal;
}

.user-panel .main-pane a {
	color: #fff;
	margin-bottom: 10px;
	font-size: 14px;
	text-decoration: underline;
}

.user-panel .main-pane .link {
   margin-bottom: 10px;
}

.user-panel .buttons-container {
	margin-left: 23px;
	padding-top: 6px;
}

.user-panel .buttons-container button {
	background-image: none;
	background-color: transparent;
	color: #fff;
	font-size: 11px;
	border: none;
	padding: 0;
	text-align: left;
	cursor: pointer;
	letter-spacing: 1px;
	line-height: 21px;
   display:block;
   transition: all 0.2s ease-in-out;
}
.user-panel .buttons-container button:hover{
    color: #ddd;
}

.user-panel .divider {
	width: 35px;
	height: 1px;
	border-top: 1px solid #fff;
	margin: 15px 0;
}

#user-panel .buttons-container * {
	text-transform: uppercase;
}

#user-panel .container12,.__CbUiFrame .RegisterProfileWindow {

	max-height: 95vh;
	overflow-y: auto;
}
#user-panel .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}


input#registerframe_input_account,
input#registerframe_input_account::placeholder,
button#registerframe_button_register,
button#registerframe_button_register::placeholder,
#registerframe_input_password input.__CbUiPassword.__CbUiFieldUnedited,
#registerframe_input_password input.__CbUiPassword.__CbUiFieldUnedited::placeholder,
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="password"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"]::placeholder{
   color: #000;
}
input#registerframe_input_account,
button#registerframe_button_register,
#registerframe_input_password input.__CbUiPassword.__CbUiFieldUnedited,
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="password"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"]{
   border-radius: 0;
   border-color: #000;
   border-width: 1px;
}
.__CbUiWindowContent .__CbRegInputs .__CbRegButtonContainer{
   padding-top: 0;
}
#registerframe_error_user{
   margin: 0 0 8px 0;
   padding: 0 0 0 65px;
}

.input-switch-button-cntnr{
   margin-bottom: 22px;
}
#registerframe_password_lost{
   text-align: right;
   border-top: 1px solid #000;
}
#registerframe_password_lost:empty(){
   border-top: 0;
}
#registerframe_stay_logged_in .__CbRegButtonContainer{
   text-align: left;
}
#registerframe_save_my_hff .__CbRegButtonContainer{
   text-align: left;
    position: relative;
    width: inherit;
    bottom: inherit;
    right: 0;
    margin-top: 22px;
}
#registerframe_button_password_lost,
#registerframe_button_password_lost_inactive{
   color: #c0c0c0;
}




@media screen and (max-width: 1280px){

   #user-panel .left-pane {
      width: 80%;
      float: left;
   }
   #user-panel .right-pane {
      width: 20%;
      margin-left: 80%;
   }
}

@media screen and (max-width: 960px){
   #user-panel .left-pane {
      width: 70%;
      float: left;
   }
   #user-panel .right-pane {
      width: 30%;
      margin-left: 70%;
   }
}

@media screen and (max-width: 500px){
   #user-panel .left-pane {
      width: 100%;
      float: none;
   }
   #user-panel .right-pane {
      width: 100%;
      margin-left: 0;
   }
   .user-panel .buttons-container{
      margin-left: 41px;
   }
}

@media screen and (min-width: 768px) {

	.user-panel-container {
	   padding: 0 30px;
	}

}
@media screen and (max-width: 768px) {
	.__CbUiFrame .RegisterProfileWindow {

		max-height: 95vh;
		overflow-y: auto;
	}
}
@media screen and (min-width: 1024px) {

	.user-panel-container {
	   padding: 0 20px;
	}

}


.login-button,
.user-area-button {
    cursor: pointer;
}

.login-button {
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    background: none;
}

.dropdown-opened .login-button {
	background: #FFFFFF;
	color: #000000;
}

.user-area {
   margin: -52px 42px 0 0;
   margin: -5.2rem 42px 0 0;
   float: right;
}

.user-area-button,
.user-area-pic {
    display: inline-block;
    vertical-align: top;
}

.user-area-pic {
    width: 33px;
    margin: 3px 0 0 7px;
    margin: 0.3rem 0 0 7px;
}

.user-area-button {
   background: none;
   text-align: right;
   overflow: visible;
   font-size: 12px;
   font-size: 1.2rem;
   line-height: 18px;
   line-height: 1.8rem;
}

.user-area-arrow-icon {
   position: absolute;
   top: 0;
   right: -25px;
}

.dropdown-opened .user-area-arrow-icon {
   display: none;
}

.user-area-pic,
.user-area-arrow-icon {
   cursor: pointer;
}

.is-logged-in, .is-not-logged-in, .is-allowed {
   display: none;
}

.is-logged-in {
   position: relative;
}

@media screen and (min-width:768px) {

  .user-area {
    margin-right: 52px;
  }

}

@media screen and (max-width: 1023px) {

   .controlbar-button-container {
      display: none;
      visibility: hidden;
   }

}

@media screen and (min-width:1024px) {

    .site-header__misc-menu__level1__user-area {
      margin-bottom: 6px ;
      margin-bottom: 0.6rem;
    }

    .user-area {
      margin: 0;
      float: none;
    }

    .login-button {
        margin-top: 1px;
        margin-top: 0.1rem;
        padding: 2px 7px;
        padding: 0.2rem 7px;
        background: #000000;
    }

    .user-area-button,
    .user-area-pic {
        float: left;
    }

    .user-area-pic {
        margin: 3px 0 0 7px;
        margin: 0.3rem 0 0 7px;
    }

   .user-area-button {
      width: calc(100% - 41px);
      padding-right: 0;
      margin: 0;
   }

}


/*
 *************************
  $CB_TEXT_WINDOW
  z-index: 11000-11999;
 *************************
*/

.__CbUiCbTexPage-1 .__CbUiCbTexNextPageButton {
    float: right;
}

.__CbUiCbTexPage-2 .__CbUiCbTexSubmitButton,
.__CbUiCbTexPage-2 .__CbUiCbTexPreviousPageButton {
    float: right;
}

.__CbUiEditButtons {
   width: 650px;
   margin: 10px 0;
   padding: 0 0 0 0;
   list-style: none;
   bottom: 10px;
}

.__CbUiCbTexWindow .tile-item-positioner {
   text-align: center;
   float: left;
   width: 100%;
   height: 100%;
   padding: 4px;
   margin: 2px;
   position: relative;
   border: 1px solid #CCCCCA;
   border-radius: 4px;
   background: #ffffff;
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 2px 2px 5px rgb(189,190,178);
   box-shadow: 2px 2px 5px rgb(189,190,178);
   display: table;
}

.__CbUiCbTexWindow .image-tile-preview-info {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

div#form_upload {
    z-index: 11000;
    left: -1001px;
}

#cb_editbtns {
   z-index: 11000;
}

#ThumbManager {
   margin-top: 15px;
   display: flex; 
}
#ThumbManager, #ThumbManager *{
    box-sizing: border-box;
}
.thumbmanager-right-hand{
    display: flex;
    flex-direction: column;
}
#CbTexInsertedAt,
.__CbUiCbTexTagManager input[type="text"] {
   width: 100%;
}

#CbTexInsertedAt {
   margin-bottom: 0;
}

#CbTexThumb,
.__CbUiCbTexInsertedAtBlock,
.__CbUiCbTexTagManager {
   float: left;
}

.__CbUiCbTexInsertedAtBlock,
.__CbUiCbTexTagManager {
   width: 430px;
   margin-left: 83px;
}

.__CbUiCbTexInsertedAtBlock,
.__CbUiCbTexTagManager {
   margin-left: 35px;
}

.__CbUiCbTexTagManager {
   border-top: none;
   margin-top: 0;
}

.__CbUiCbTexTagManager .autocomplete-container {
   border-bottom: none;
}

.__CbUiCbTexWindow .image-tile-item img.preview-image {
   margin: 0 auto;
   display: block;
}

.__CbUiCbTexRelatedImagesBlock .__CbUiCbTexRelatedImagesThumbs.ui-sortable {
   height: auto;
   max-height: 280px;
}

#CbTexThumb .image-tile-item img.preview-image {
   max-height: 100px;
}

.__CbUiCbTexBlockHeader {
   color: #000;
   font-size: 12px;
   font-style: normal;
}

.__CbUiCbTexWindow .__CbUiCbTexRelatedImagesBlock {
   border-top: 3px solid #000;
   padding-top: 10px;
   margin-top: 30px;
}

.__CbUiCbTexWindow .__CbUiCbTexRelatedImagesBlock:nth-child(2) {
   max-height: 230px;
   overflow-y: scroll;
}

.__CbUiCbTexWindow .__CbUiCbTexRelatedImagesBlock:nth-child(2) .__CbUiCbTexRelatedImagesThumbs {
   width: 100%; 
  padding-right: 15px;
   box-sizing: border-box;
}

.__CbUiCbTexWindow #CbTexBideutschlandArticle2Medias:first-child {
   margin-top: 0;
   border-top: none;
}

.__CbUiCbTexWindow #ThumbManager #CbTexThumb .image-tile-item {
   /*margin-left: 10px;*/
}

.__CbUiCbTexWindow .support,
.__CbUiCbTexWindow .fullscreen-switch {
   font-family: Helvetica,Arial,sans-serif;
   line-height: 13px;
}

.__CbUiCbTexWindow .__CbUiTexPageContent {
    height: 470px;
}

.page-edit {
    visibility: hidden;
}
.page-edit textarea {
   width: 100%;
   height: 500px;
}

.overlay {
   display: none;
   background-color: rgb(0, 0, 0);
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 999;
}
.overlay-edit-form {
   /*display: none;*/
   background-color: rgb(238, 238, 231);
   margin: 0;
   position: fixed;
   top: 50px;
   left: 0;
   right: 0;
   width: 680px;
   z-index: 1336;
   border-radius: 5px;
   text-align: center;
   border: 1px solid #FFFFFF;
   -moz-box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6);
   -webkit-box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6);
   box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6);
}
.overlay-edit-form.edit-form {
   min-height: 450px;
}
.overlay-edit-form.article-form {
   min-height: 530px;
}
.overlay-edit-form textarea,
.overlay-edit-form input[type="text"] {
   width: 620px;
   border: none;
   border-top: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
}
.overlay-edit-form textarea,
.overlay-edit-form input[type="text"],
.mceContentBody p {
   font-family: Arial, sans-serif;
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
.overlay-edit-form input[type="text"] {
   width: 608px;
   padding: 5px;
}
.overlay-edit-form input[type="text"] + input[type="text"] {
   margin-top: 3px;
}
.overlay-edit-form input.fresh {
   color: #888;
}
.overlay-edit-form input[type="radio"] {
   margin-right: 5px;
}
.overlay-edit-form label {
   float: left;
   margin: 0;
   font-size: 16px;
   height: 20px;
   width: 125px;
   vertical-align: middle;
   padding: 5px 0;
   font-weight: bold;
}

form.edit-form {
   padding-top: 10px;
   position: relative;
   height: 538px;
}

form.edit-form .inputs-container {
   text-align: left;
   position: relative;
}

form.edit-form .inputs-container input {
   width: 628px;
   border: 1px solid #ccc;
   background-color: #fff;
}

form.edit-form .inputs-container span.message {
   display: none;
   background-color: red;
   color: #fff;
   padding: 5px;
   font-size: 10px;
   position: absolute;
   top: -25px;
   right: 0;
}

form.edit-form .defaultSkin table.mceLayout {
   border: none;
   clear: both;
}

form.edit-form .defaultSkin table.mceLayout tr.mceFirst td {
   background: transparent;
   border: none;
   max-width: 25px;
}

form.edit-form .defaultSkin table.mceToolbar {
   margin: 10px 0 0;
   height: 30px;
}

form.edit-form .defaultSkin .mceButton {
   width: 26px;
   height: 25px;
   border: none;
   margin-right: 0px;
}
form.edit-form .defaultSkin .mceButtonEnabled:hover {
   border: inherit;
}

form.edit-form .defaultSkin .mceIcon {
   background-image: url('../images/buttons.png');
   background-repeat: no-repeat;
   width: 26px;
   height: 25px;
   cursor: pointer;
}

form.edit-form .defaultSkin span.mce_italic {
   background-position: -26px 0;
}

form.edit-form .defaultSkin span.mce_underline {
   background-position: -52px 0;
}

form.edit-form .defaultSkin span.mce_strikethrough {
   background-position: -78px 0;
}

form.edit-form .defaultSkin span.mce_justifyleft {
   background-position: -104px 0;
}

form.edit-form .defaultSkin span.mce_justifycenter {
   background-position: -130px 0;
}

form.edit-form .defaultSkin span.mce_justifyright {
   background-position: -156px 0;
}

form.edit-form .defaultSkin span.mce_justifyfull {
   background-position: -182px 0;
}

form.edit-form .defaultSkin span.mce_bullist {
   background-position: -208px 0;
}

form.edit-form .defaultSkin span.mce_numlist {
   background-position: -234px 0;
}

form.edit-form .defaultSkin span.mce_blockquote {
   background-position: -260px 0;
}

form.edit-form .defaultSkin span.mce_indent {
   background-position: -286px 0;
}

form.edit-form .defaultSkin span.mce_outdent {
   background-position: -312px 0;
}

form.edit-form .defaultSkin span.mce_link {
   background-position: -338px 0;
}

form.edit-form .defaultSkin span.mce_unlink {
   background-position: -364px 0;
}

form.edit-form .defaultSkin span.mce_visualblocks {
   background-position: -390px 0;
}


form.edit-form .defaultSkin span.mce_cbcollapsible {
   background-position: -416px 0;
}

form.edit-form .defaultSkin span.mce_cbcolumn {
   background-position: -442px 0;
}

form.edit-form .defaultSkin span.mce_fullscreen {
   background-position: -468px 0;
}

form.edit-form .defaultSkin span.mce_cleanup {
   background-position: -494px 0;
}

form.edit-form span.mceSeparator {
   visibility: hidden;
}

.content table td.mceToolbar {
   padding: 0 0 10px;
}

.mceToolbar.mceLeft.mceFirst.mceLast {
    height: 42px;
}

.accordeon .content table td.mceToolbar {
    padding: 0;
}

.content table td.mceStatusbar {
   padding: 2px 0;
   width: 640px;
   max-width: none;
}

.defaultSkin .mceIframeContainer {
   padding: 0;
}

.content table td.mceToolbar .mceToolbarStart.mceToolbarStartButton.mceFirst {
   width: 0;
}

.mce-content-body .cb-tex-image-container img,
.cb-tex-image-container img {
  width: 100%;
}

.mce-item-table td {
  vertical-align: top;
}

.edit-form-container-header {
   border-radius: 5px 5px 0 0;
   width: 680px;
   height: 35px;
   border: 1px solid #C5C4B0;
   background-color: #FEFEFE;
   position: relative;
   top: -1px;
   left: -1px;
}

.edit-form-header {
   background-image: url('/pix/media/png/window_handle_icon.png');
   background-repeat: repeat-x;
   width: 600px;
   margin-left: 20px;
   height: 35px;
   display: block;
}

button.close-overlay-edit-form {
   position: absolute;
   top: 7px;
   right: 16px;
   margin: 2px 5px 0 0;
   padding: 0;
   border: none;
   background-color: transparent;
   background-image: none;
}

button.close-overlay-edit-form img {
   width: 100%;
}

.edit-form-header img {
   vertical-align: baseline;
}

a.tex-help-link {
   float: left;
   margin: 5px 10px 20px 0;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
}

a.help-link {
   float: left;
   margin: -13px -20px 20px 0;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
}

.edit-form-container {
   padding: 0 20px 0;
}

.edit-form-container .edit-form {
    margin-top: -10px;
}

ul.edit-form-menu {
   margin: 5px 0 5px 10px;
   clear: right;
   padding: 0;
   float: right;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   display: none;
}

ul.edit-form-menu li {
   display: inline;
   padding: 0;
}

ul.tinymce-buttons {
   float: left;
   margin: 5px 6px;
   padding: 0;
   list-style: none;
}

ul.tinymce-buttons li {
   display: inline;
   margin: 0;
   padding: 0;
}

.edit-form-submit {
    height: 31px;
    width: auto;
}

p.edit-form-bar {
   width: 625px;
   height: 15px;
   margin-top: 5px;
   background-color: rgb(246, 246, 238);
   -moz-box-shadow:    inset 1px 1px 3px #D0D0CF;
   -webkit-box-shadow: inset 1px 1px 3px #D0D0CF;
   box-shadow: inset 1px 1px 3px #D0D0CF;
}

ul.tinymce-buttons li.text, ul.tinymce-buttons li.list, ul.tinymce-buttons li.anchor {
   margin-left: 5px;
}

h1.article-title {
   font-size: 16px;
   text-align: left;
}

span.article-title {
    margin-left: -30px;
    top: -56px;
    background-color: #FEFEFE;
    font-size: 15px;
    padding: 0 1em;
    position: relative;
}

.label-container {
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   margin: 5px 0 20px;
}

.edit-form-menu {
    margin-top: 30px;
    margin-right: 30px;
}

.edit-form-page,
a.edit-form-submit,
a.edit-form-page-button {
   display: none;
}

h2.categorisation-header {
   font-size: 12px;
   text-align: left;
   margin-bottom: 0;
   font-weight: normal;
}

#content .overlay-edit-form li {
   list-style-type: none;
}
#content .overlay-edit-form ul.edit-form-buttons {
   margin: 45px -18px;
}

#cb_editbtns {
   padding: 2px;
   position: absolute;
   z-index: 11337;
}

.__PixWindow.__CbUiLayerFrame .pix-overlay-container,
.__CbUiFrame.__PixWindow.__CbUiLayerFrame{
   min-height: 613px !important;
}

.__CbUiFrame.__PixWindow.__CbUiLayerFrame{
   position: fixed !important;
   border: 1px solid #888;
   border-radius: 5px;
   margin-top: 30px;
}

.__PixWindow.__CbUiLayerFrame .pix-overlay-container{
   border: none !important;
}

.__PixWindow .CbUiHeader {
    display: block;
}

#tinymce .collapsible-tinymce,
#tinymce .collapsible-title,
#tinymce .collapsible-intro,
#tinymce .collapsible-text,
#tinymce .collapsible-text p {
   padding: 3px;
   color: #a73c2e;
}

#tinymce .collapsible-tinymce{
   background-color: rgb(243,243,243);
   border: 1px dashed #000;
}

#tinymce .collapsible-title,
#tinymce .collapsible-intro,
#tinymce .collapsible-text{
   border: 1px dashed #bbb;
}

#tinymce .collapsible-title{
   background-color: rgb(217,217,217);
}

#tinymce .collapsible-intro{
   background-color: rgb(230,230,230);
}

#tinymce .collapsible-text{
   background-color: rgb(248,248,248);
}
/*pix-customizing*/
.pix-image-upload-background {
    background-color: #FCFCF9;
    background-image: -webkit-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -moz-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -ms-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -o-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    border: 1px solid #BDBEB2;
    border-radius: 3px;
    box-shadow: 0 0 5px #BDBEB2;
    color: #456771;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    line-height: 195%;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.__CbUiInputText.pix-filter-input.__CbUiFieldUnedited {
    background-color: #ffffff;
}

.pix-optional-image-title {
    padding-top: 10px;
}

.pix-optional-image-title input,
.pix-text-image-size input,
textarea.pix-optional-image-description,
.pix-edit-image-meta .pix-column2 input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.__PixWindow .pix-screen-title, .__CbUiLanguageWindow .pix-screen-title {
    border: 0 none;
    color: #CC0000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0;
    text-align: left;
    text-transform: none;
}

.help-link,
.tex-help-link {
    float: right !important;
}

.overlay-edit-form {
    height: 615px;
}

.__CbUiFrame.__CbUiCbTexWindow.__CbUiLayerFrame {
    margin-top: 30px;
}

.__CbUiCbTexRelatedImageButton.__CbUiCbTexPageButton.__CbUiTextButton {
    float: left;
}

.__CbUiFrame .fullscreen-switch {
    display: block;
}

#mce_36 {
    display: none;
}

.mce-edit-area {
    background: gray !important;
}

/** upload **/

h1#edit-upload-form-headline {
    margin-top: -25px;
}

p#edit-upload-form-description {
    color: black;
    margin-bottom: 10px;
}

iframe:not([seamless]) {
    border: none;
    background: none;
}

.red-text-format,
.blue-text-format,
.green-text-format,
.black-text-format,
.grey-text-format {
   position: relative;
   padding: 13px 0 14px 30px;
   padding: 1.3rem 0 1.4rem 30px;
}

#tinymce .red-text-format,
#tinymce .blue-text-format,
#tinymce .green-text-format,
#tinymce .black-text-format,
#tinymce .grey-text-format {
   padding: 10px 0 10px 25px;
}

.red-text-format,
.red-text-format a,
.green-text-format,
.green-text-format a,
.blue-text-format,
.blue-text-format a,
.black-text-format,
.black-text-format a,
.grey-text-format,
.grey-text-format a {
   color: black;
   text-decoration: none;
}

.red-text-format:before,
.green-text-format:before,
.blue-text-format:before,
.black-text-format:before,
.grey-text-format:before {
   content: ' ';
   display: block;
   position: absolute;
   top: 20px;
   top: 2rem;
   left: 6px;
}

.red-text-format:before,
.green-text-format:before,
.blue-text-format:before,
.black-text-format:before {
   height: 8px;
   width: 8px;
   border-radius: 4px;
   background: grey;
}

#tinymce .red-text-format:before,
#tinymce .green-text-format:before,
#tinymce .blue-text-format:before,
#tinymce .black-text-format:before,
#tinymce .grey-text-format:before {
   top: 12px;
}

.red-text-format:before {
   background-color: #bc2b26;
}

.red-text-format:hover,
.red-text-format a:hover {
   color: #bc2b26;
}

.green-text-format:before {
   background-color: #2da63c;
}

.green-text-format:hover,
.green-text-format a:hover {
   color: #2da63c;
}

.blue-text-format:before {
   background-color: #3f67bf;
}

.blue-text-format:hover,
.blue-text-format a:hover {
   color: #3f67bf;
}

.black-text-format:before {
   background-color: #000;
}

.black-text-format:hover,
.black-text-format a:hover {
   color: #000;
}

.grey-text-format:before {
   height: 6px;
   width: 6px;
   border-radius: 4px;
   border: 1px solid #acacac;
/*   background-color: #fff;*/
}

.grey-text-format:hover,
.grey-text-format a:hover {
   color: #acacac;
}


.greyed-out,
.greyed-out .desc.existmail.active,
.greyed-out .address.active,
.greyed-out .phone-number.active {
    color: #bbbbbb !important;
}

.DSRegisterWindow .DSRegisterProfileWindow .padded-box {
    background: #fcfcfc;
    border-bottom: 1px solid #aaa;
}


.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab:not(:empty) {
    padding: 23px 15px 0 15px;
    min-height: 58px;
    vertical-align: middle;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    font-weight: normal;
    font-size: 125%;
}


.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab.active {
    background-color: #fff;
    color: #000;
    bottom: -1px;
    position: relative;
    padding-top: 22px;
}


.__CbUiFrame.DSRegisterWindow .padded-box {
    padding: 40px;
}


.__CbUiFrame.DSRegisterWindow .DSRegisterProfileWindow .padded-box {
    padding: 0 0 0 39px;
}


.__CbUiFrame.DSRegisterWindow .padded-box.no-bottom-padding {
    padding-bottom: 0px;
    padding-top: 0;
}

.__CbUiFrame.CbControlbar2Window .register-content-box.tabbed-content.tab-3 {
    padding: 40px 40px 40px 40px;
}
.__CbUiFrame.CbControlbar2Window .tab-3 .member-item-activity > ul {
    margin-bottom: 18px;
}
.__CbUiFrame.CbControlbar2Window .tab-3 .input-switch-button-cntnr.clearfix {
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
}
.__CbUiFrame.CbControlbar2Window .tab-3 .existmail {
    margin-top: 29px;
}
.__CbUiFrame.CbControlbar2Window .tab-3 .existmail + label .bootstrap-switch {
    margin-top: 29px;
}
.__CbUiFrame.CbControlbar2Window .tab-3 .input-switch-button-cntnr.clearfix .address {
    margin-bottom: 10px;
}
.__CbUiFrame.DSRegisterProfileWindow .tab-3 .input-switch-button-cntnrphone-number-wrp {
    margin-bottom: 28px;
}
.__CbUiFrame.CbControlbar2Window .register-content-box.tabbed-content.tab-3 .clearfix:after {
    height: 0px;
}
.__CbUiFrame.DSRegisterWindow .__CbUiFieldUnedited {
    color: #000;
}

.bootstrap-switch-label {
    top: -3px!important;
}
.RegisterProfileWindowTitle {
    font-size: 140%;
    font-weight: normal;
}


.radio-button-button-label {
    display: block;
    padding: 20px 11px;
    box-shadow: none !important;
    border: 1px solid #CCCED1 !important;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #EFF0F2;
}


input[name="registerframe_input_id_fee_type"] {
    display: none !important;
}


input[type="radio"]:checked + label.radio-button-button-label,
label.radio-button-button-label:hover {
    color: #fff;
    background-image: url("../images/icon_ok.png");
}


.subscription-detail-container {
    background-color: #EFF0F2;
    padding: 8px;
    display: none;
    margin-bottom: 1em;
}


.subscription-detail {
    display: none;
    margin-bottom: 0 !important;
}


.password-lost-link-container {
    margin-top: 5px;
    float: left;
}


.stay-logged-in-container,
.password-lost-link-container {
    width: 50%;
}


.stay-logged-in-container {
    float: right;
}


.box-column1-align-left {
    clear: left;
}


#PorfileData.register-content-box.clearfix.tabbed-content.tab-2.active .box-column1-align-left > .clearfix {
    margin-bottom: 10px;
}
.CbControlbar2Window .__CbRegInputLine .styled-select {
    margin-bottom: 18px;
    border: 1px solid #000;
}

.autocomplete-new-city {
    height: auto;
}


.__CbUiErrorMessage {
    clear: both;
    color: red;
    display: none;
    text-align: left;
}


.tabbed-content {
    position: relative;
    display: none;
    opacity: 0;
    transition-property: all;
    transition-duration: 0.8s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.8s;
}


.tabbed-content.active {
    display: block;
    opacity: 1;
    transition-property: all;
    transition-duration: 0.8s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.8s;
}


.tab:not(.active) {
    color: #999;
}


label.RegisterProfileWindowTitle {
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
}


.DSRegisterProfileWindow label.RegisterProfileWindowTitle {
    margin-right: -4px;
}


.register-tag {
    display: block;
    font-size: 13px;
    min-width: 50px;
    padding: 3px;
    border-radius: 3px;
    margin: 2px;
    position: relative;
    color: #fff;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}


.register-tag .tag-delete-button {
    position: absolute;
    right: 12px;
    top: 10px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("/module/jscript/lib/cb_ui/img/edit_delete_tag_bigicon_bg.png");
    background-position: left 0px;
    margin-left: 3px;
}


.register-tag .tag-delete-button:hover {
    background-image: url("/module/jscript/lib/cb_ui/img/edit_delete_bigicon_bg.png");
}


.profile-image {
    min-width: 120px;
    min-height: 120px;
    background-image: url("/module/jscript/lib/cb_ui/img/avatar_icon_bg.jpg");
    border-radius: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: copy;
    position: relative;
}


.profile-image-label {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}


.pix-upload-delete, .pix-upload-edit {
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    display: none;
}


.pix-upload-delete {
    top: 0;
    background-image: url("/module/jscript/lib/cb_ui/img/edit_delete_icon_bg.png");
}


.pix-upload-edit {
    bottom: 0;
    background-image: url("/module/jscript/lib/cb_ui/img/edit_icon_bg.png");
}


.pix-upload.with-image:hover .pix-upload-delete,
.pix-upload.with-image:hover .pix-upload-edit {
    display: block;
}


.input-switch-button {
    white-space: nowrap;
}


#registerframe_input_terms .input-switch-button {
    white-space: normal;
}

/*
 *************************
   USER PANEL CONTACT DATA
 *************************
*/

.CbControlbar2Window * {
    box-sizing: border-box;
}


.CbControlbar2Window.__CbUiFrame {
    font-size: 14px;
}


label.CbControlbar2RegisterWindowTitle.tab:not(:empty) {
    padding: 23px 15px 15px;
}


.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab:not(:empty):last-of-type {
    border-right: 1px solid #ccc;
}


.CbControlbar2RegisterWindowTitleContainer {
    padding-left: 39px;
    background-color: #fcfcfc;
}


.CbControlbar2Window .publish-profile-hints-text {
    background-color: #ffffff;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
    opacity: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    z-index: 1;
    text-align: left;
    transition: opacity 0.5s ease 0s;
    width: 50%;
}


.CbControlbar2Window .publish-profile-hints:hover + .publish-profile-hints-text {
    opacity: 1;
}


.CbControlbar2Window .publish-profile-hints {
    color: #db0404;
    margin-top: 7px;
}


.CbControlbar2Window .member-item-head img[src=""] {
    display: none;
}


.CbControlbar2Window .member-item-name-box {
    float: left;
    width: 50%;
}


.CbControlbar2Window .register-pubish-profile-box {
    float: left;
    width: 50%;
}


.CbControlbar2Window .member-item-head {
    border-bottom: 1px solid #cccccc;
}


.CbControlbar2Window .member-item-head {
    min-height: 85px;
}


.CbControlbar2Window .member-item-contact {
    width: 40%;
    margin-right: 3%;
    border-right: 1px solid #cccccc;
}


.CbControlbar2Window .member-item-activity {
    width: 57%;
    padding-left: 5%;
}

.CbControlbar2Window  .clearfix:before  {
    content: ""; display: block;
}
.clearfix:after {
    content: ""; display: block; height: 2px;
}
.CbControlbar2Window .member-item-contact,
.CbControlbar2Window .member-item-activity {
    float: left;
    min-height:300px;
    margin-top: 4%;
    margin-bottom: 4%;
    overflow-y: hidden;
    overflow: hidden;
    overflow-wrap: break-word;

}

.CbControlbar2Window .member-item-contact h5,
.CbControlbar2Window .member-item-activity h5 {
    font-size: 13px;
    margin-bottom: 2%;
    text-transform: uppercase;
}


.CbControlbar2Window .register-pubish-profile-box .input-switch-button-cntnr,
.CbControlbar2Window .register-pubish-profile-box .publish-profile-hints {
    text-align: right;
}

.__CbUiFrame.CbControlbar2Window .register-content-box.tab-3:after {
    pointer-events:none;
    content: '';
    display: block;
    height:100px;
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+77,1+81 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,1) 30%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.7) 20%,rgba(255,255,255,1) 30%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.7) 20%,rgba(255,255,255,1) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    bottom: 40px;
    max-width: 850px;
    width: calc(100% - 80px);
}
.CbControlbar2Window .member-item-activity > ul {
    margin-bottom: 15px;
}
.CbControlbar2Window .member-item-activity > ul > li {
    list-style-type: none;
    line-height: 18px;

}

.CbControlbar2Window div.adress {
    margin-bottom: 22px;
}

.CbControlbar2Window .member-item-memberships > span {
    line-height: 18px;

}

.CbControlbar2Window .member-item {
    border-bottom: none;
    max-height: 460px;
}


.CbControlbar2Window .close-register-window {
    background: transparent url("../media/images/img_close-black.png") no-repeat scroll center center;
    border: medium none;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 20px;
    cursor: pointer;
}


.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbUiRegisterWindowCloseButton,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbUiRegisterWindowCloseButton,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .__CbUiRegisterWindowCloseButton {
    top: 40px;
    right: 40px;
}


#registerframe_password_hint {
    padding: 0;
    margin-bottom: 8px;
}


#AddressData .reduced-line-height {
    height: 34px;
    margin-bottom: 10px;
}


#AddressData #registerframe_button_register {
    margin: 0;
}
#registerframe_input_urls_container {
    /*margin-bottom: 90px;*/
}
.spacer-margin {
    margin-bottom: 30px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .tabbed-content  .__CbRegButtonContainer {
    width: 100%;
}

.__CbUiFrame.DSRegisterProfileWindow.__CbUiLayerFrame .tabbed-content  .__CbRegButtonContainer {
    position: absolute;
    bottom: 10px;
    z-index: 1;
}

.box-column2-align-right.button-spacer-padding {
    padding-bottom: 80px;
    min-height: 196px;
    margin-bottom: 40px;
}
#registerframe_input_gender {
    font-family: Helvetica;
    padding-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
}
.CbControlbar2Window .__CbRegInputLine .styled-select {
    background-position: 95% center;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 34px;
}

.CbControlbar2Window .register-pubish-profile-box .bootstrap-switch {
    margin-left: 5px;
}
/*.CbControlbar2Window .tab-3 .member-item.clearfix  .bootstrap-switch .bootstrap-switch-label {
        background-color: #fff;
}*/
.CbControlbar2Window .box-column2-align-right {
    position: relative;
}

.CbControlbar2Window .box-column2-align-right .button-spacer-padding {
    padding-bottom: 100px;
    position: relative;
}

.CbControlbar2Window .styled-select {
    border-radius: 0;
    border-color: #000000;
    margin-bottom: 0;
    box-shadow: none;
    margin-bottom: 0;
}


.CbControlbar2Window .styled-select select {
    /*font-size: 115%;*/
    font-size: 14px;
    line-height: 34px;
    height: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-left: 20px;
}


.FullWidthContainer #registerframe_title,
.FullWidthContainer #registerframe_title_alt {
    width: 95%;
}


#registerframe_message {
    margin-bottom: 62px;
    line-height: 1.2em;
}


.__CbRegButtonContainer #registerframe_button_register {
    margin-bottom: 8px;
    color: white;
}


.member-item-name-box h4, .__CbRegButtonContainer, #registerframe_button_ok {
    margin: 0;
}


.__CbRegButtonContainer {
    padding: 0;
}


.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton {
    color: #fff;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    background: #000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAA4KGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNi0wNS0xMVQxNjo0MTowNSswMjowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTA1LTExVDE2OjQ0OjEwKzAyOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNi0wNS0xMVQxNjo0NDoxMCswMjowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDo2YWEyOGZmZC03ZTJlLTQ5NzctOWU4OS0xZjFmZTNmODZkNzI8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPnhtcC5kaWQ6NmFhMjhmZmQtN2UyZS00OTc3LTllODktMWYxZmUzZjg2ZDcyPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6NmFhMjhmZmQtN2UyZS00OTc3LTllODktMWYxZmUzZjg2ZDcyPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjZhYTI4ZmZkLTdlMmUtNDk3Ny05ZTg5LTFmMWZlM2Y4NmQ3Mjwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wNS0xMVQxNjo0MTowNSswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjMwPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjMwPC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz68Jh3jAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADdSURBVHja7Na/KodRGAfw7yuZlB0XQL/VKLtNYXML4jak3ITNHeg3mSiLwQ1QjLJh4GNwjOpVr3NK77ee8fTp/HnOOR3SIjNplBEe4e/sJblOslQb3kyyluQyyWQQGX2qw7GvPGOj57gf67cDDvCON+zWhIMdvOIDhzXhYB1PZelPylZUgYNV3BX8DHO14GARNwW/wEItOAWbFvwWy7XgYB6PBb/61zNussdNTnWTPt7GS+2ba7/2Xd3hqMXrdFrQe0yG6P3Zns/2eZKVJFtJHob4B3Tjh36E/yqfAwB87tELhql4+AAAAABJRU5ErkJggg==") no-repeat center right;
}

.CbControlbar2Window .__CbRegInputs .styled-select {
    width: 100%;
    position: relative;
}

.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton,
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="password"],
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs .__CbRegButtonContainer .__CbUiTextButton,
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
    border-radius: 0;

}
.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton {
    font-weight:s 800;
}

.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="password"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine #registerframe_input_city .__CbUiSearchBox,
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
    border: 1px solid #000;
}

.CbControlbar2Window #registerframe_input_urls_container .__CbRegInputLine {
    height: auto;
}

.member-item-contact .bootstrap-switch {
    float: right;
    /*margin-right: 20px;*/
}


.input-switch-button .address, .input-switch-button-cntnr span.desc {
    float: left;
    /*margin-bottom: 5px;*/
}

.DSRegisterProfileWindow .input-switch-button-cntnr .bootstrap-switch {
    margin-top: 0;
    margin-bottom: 0;
    right: 18px;

}
.register-pubish-profile-box  .input-switch-button-cntnr .bootstrap-switch {
    right: 5px;
}
.address,
.desc.existmail,
.phone-number {
    color: #bbbbbb;
    float: left;
}

.address.active,
.desc.existmail.active,
.phone-number.active {
    color: #000;
}

#registerframe_input_terms {
    margin-bottom: 10px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.float-right {
    float: right;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
    padding: 40px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
    padding-top: 0px;
}

.DSRegisterCheckDoubletWindow .register-duplicate-check-text2.one-col {
    display: none;
}

.controlbar-anchor {
    text-decoration: initial;
}

.mobile-hide {
    display: block !important;
}
.desktop-hide {
    display: none !important;
    position: relative !important;
    margin-top: 40px;
    margin-bottom: 10px;
}

.nickname-hint {
    margin-top: -25px;
    margin-bottom: 5px;
}
.hint {
    margin-bottom: 5px;
}
.CbControlbar2Window .box-column1-align-left {
    position: relative;
}

#registerframe_input_urls_container .delete-url-entry-button {
    height: 22px;
    width: 22px;
    background-color: #FFFFFF;
    background-image: url(../media/images/img_close-black.png);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: -38px;
    right: 4px;
    border: none;
    cursor: pointer;
    float: right;
    margin-bottom: -40px;
}
.__CbRegNewVoucherAccountPasswordContainer,
.__CbRegNewVoucherToAccountContainer {
    margin-bottom: 100px;
}

.__CbRegNewVoucherAccountPasswordContainer div#registerframe_password_hint {
    display: block;
    opacity: 1;
}

.__CbRegNewVoucherAccountPasswordContainer div#registerframe_password_weak {
    color: black;
    float: left;
}

.__CbRegNewVoucherAccountPasswordContainer div#registerframe_password_strong {
    color: black;
    float: right;
}

.__CbRegNewVoucherAccountPasswordContainer .__CbRegPasswordStrengthBox {
    width: 15.6%;
}

.__CbRegNewVoucherAccountPasswordContainer #registerframe_input_mail,
.__CbRegNewVoucherAccountPasswordContainer #registerframe_input_first,
.__CbRegNewVoucherAccountPasswordContainer #registerframe_input_last,
.__CbRegNewVoucherAccountPasswordContainer #registerframe_input_voucher,
.__CbRegNewVoucherAccountPasswordContainer .__CbUiPassword ,
.__CbRegNewVoucherAccountPasswordContainer .__CbUiPassword,
.__CbRegNewVoucherToAccountContainer #registerframe_input_voucher {
    height: 30px;
    width: 60%;
}

.__CbRegNewVoucherAccountPasswordContainer .__CbUiText.InputLineName,
.__CbRegNewVoucherToAccountContainer .__CbUiText.InputLineName{
    width: 24%;
    float: left;
    padding-top: 6px;
}

.__CbRegNewVoucherAccountPasswordContainer #registerframe_input_mail {
    background-color: white;
}

.__CbRegNewVoucherAccountPasswordContainer .__CbUiText.no-valide-inputs {
    color: red;
    display: none;
}

.__CbRegNewVoucherAccountPasswordContainer input:disabled {
    background-color: #EEEEEE !important;
    border: 1px solid #D4D4C7;
}

.__CbRegNewVoucherAccountPasswordContainer input:disabled::-webkit-input-placeholder {
    color: #DDDDDD;
}

.__CbRegNewVoucherAccountPasswordContainer input:disabled:-moz-placeholder {
    color: #DDDDDD;
}

.__CbRegNewVoucherAccountPasswordContainer input:disabled::-moz-placeholder {
    color: #DDDDDD;
}

.__CbRegNewVoucherAccountPasswordContainer input:disabled:-ms-input-placeholder {
    color: #DDDDDD;
}

.__CbRegNewVoucherAccountPasswordContainer #registerframe_password_hint {
    padding-left: 24%;
    padding-right: 15%;
}

.__CbRegNewVoucherAccountPasswordContainer div#registerframe_password_strong {
    padding-right: 7px;
}

.__CbRegNewVoucherAccountPasswordContainer #registerframe_input_mail {
    color: black;
}

.__CbRegNewVoucherAccountPasswordContainer .invalid-voucher-error-message {
    display: none;
    color: red;
}

#registerframe_button_voucher_only {
    background-color: #616161;
}

.__CbRegNewVoucherAccountPasswordContainer .__CbUiErrorMessageMailExists {
    display: none;
    color: red;
}

.__CbRegNewVoucherAccountPasswordContainer .__CbUiErrorMessage,
.__CbRegNewVoucherAccountPasswordContainer .__CbUiErrorMessageMailExists{
    margin-left: 24%;
    width: 60%;
}

.__CbRegNewVoucherAccountPasswordContainer .__CbRegInputLine.block-2,
.__CbRegNewVoucherAccountPasswordContainer .__CbRegInputLine.block-3,
.__CbRegNewVoucherAccountPasswordContainer div#registerframe_password_hint, 
.__CbRegNewVoucherAccountPasswordContainer .__CbUiText.block-3 {
    display: none;
}

.__CbRegNewVoucherAccountPasswordContainer .input-ok {
    background-image: url(../media/images/input_ok.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: calc(100% - 2px);
}

.__CbRegNewVoucherAccountPasswordContainer button#registerframe_validate_mail,
.__CbRegNewVoucherAccountPasswordContainer button#registerframe_validate_voucher {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    box-sizing: border-box;
    color: #000;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    border-radius: 0;
    width: 270px;
    border: none;
    margin-right: 100px;
    width: 60%;
    text-align: right;
    text-decoration: underline;
}
#registerframe_stay_logged_in{
    justify-content: flex-start;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer #registerframe_save_my_hff{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#registerframe_button_my_hff {
    margin-top: 20px;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer #registerframe_button_my_hff,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer #registerframe_button_ok{
    margin-top: 0px;
    width: calc(50% - 3px);
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer{
    /*    width: calc(100% - 80px)!important;*/
    position: relative;
    left: 0px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegInputLine .__CbRegButtonContainer{
    width: 100%!important;
    position: initial;
}
#registerframe_save_my_hff .__CbRegButtonContainer.input-switch-button{
    /*    width: 50%!important;*/
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1){
/*    padding-bottom: 27px;*/
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(2){
    padding-bottom: 0px;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {

    .CbControlbar2Window .member-item-contact {
        width: 39%;
    }

    .CbControlbar2Window .member-item-activity {
        width: 58%;

        overflow-y: auto;
        overflow-wrap: break-word;
    }

    .__CbRegNewVoucherAccountPasswordContainer .__CbRegPasswordStrengthBox {
        width: 15.4%;
    }
}
@media only screen and (max-width: 959px) {

    .CbControlbar2Window .member-item-contact, .CbControlbar2Window .member-item-activity {
        width: 100%;
        border-right: none;
        padding: 0;
        margin-bottom: 0;

    }


    .CbControlbar2Window .box-column2-align-right, .CbControlbar2Window .clearfix + .box-column2-align-right, .box-column2-align-right {
        margin: 0;
    }


    .member-item .desc {
        margin: 0 0 10px;
    }

    .__CbRegNewVoucherAccountPasswordContainer .__CbRegPasswordStrengthBox {
        width: 15%;
    }
}
@media only screen and (max-width: 767px) {
    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .tabbed-content  .publishProfileButton  {
        width: 100%;
        position: absolute;;
    }
    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .tabbed-content  .publishProfileButton  .bootstrap-switch {
        right: 14px;
    }
    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .tabbed-content .member-item-activity {
        padding-top: 40px;
    }
    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .tabbed-content  .__CbRegButtonContainer.button-margin {
        position: relative;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .__CbUiFrame.CbControlbar2Window .register-content-box.tab-3:after {
        display: none;
    }
    .__CbUiFrame.CbControlbar2Window .register-content-box.tab-3 .member-item-memberships  {
        padding-bottom: 40px;
    }
    .__CbUiFrame.CbControlbar2Window .register-content-box.tab-3 .publishProfileButton {
        width: 100%;
    }
    .member-item-memberships
    .DSRegisterProfileWindow .input-switch-button-cntnr .bootstrap-switch {
        right: 3px;
    }
    div.member-item {
        padding-bottom: 7.9rem;
    }

    .__CbUiFrame.CbControlbar2Window .register-content-box.tab-3:after {
        width: calc(100% - 80px);
    }
    .box-column2-align-right.button-spacer-padding {
        padding-bottom: 0px;
        min-height: 0;
    }

    .__CbUiFrame.DSRegisterWindow.DSRegisterProfileWindow .CbControlbar2RegisterWindowTitleContainer.padded-box.no-bottom-padding {
        padding: 4px 0 15px 25px;
    }

    .nickname-hint {
        margin-top: 0px;
    }
    .reduced-line-height {
        margin-top: 0;
        margin-bottom: 4px;
    }

    .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab,
    .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab.active,
    .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab:last-of-type {
        background-color: #fff;
        position: relative;
        bottom: auto;
        border: 0;
        background-color: transparent;
        font-size: 17px;
        padding-top: 14px;
        margin-right: -4px;
        margin-top: 0;
        bottom: auto;
        color: #000;
    }


    .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.tab:not(.active) {
        display: none;
    }


    .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.tab:not(:empty) {
        box-sizing: border-box;
        font-size: 125%;
        font-weight: normal;
        min-height: 58px;
        vertical-align: middle;
        border: 0;
        min-height: 0;
    }


    .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab span.number {
        padding-right: 5px;
    }


    .RegisterProfileWindow .RegisterProfileWindowTitle.hide-tab {
        display: none;
    }


    .RegisterProfileWindow .RegisterProfileWindowTitle.hide-tab.show-tab {
        display: block;
    }


    .RegisterProfileWindow .RegisterProfileWindowTitle.tab.show-tab:last-child {
        padding-bottom: 17px;
    }


    .RegisterProfileWindow .responsive-menu-btn {
        background: transparent url("images/img_responsive-menu-btn-grey.png") no-repeat scroll center center/contain;
        cursor: pointer;
        height: 20px;
        position: absolute;
        right: 70px;
        top: 19px;
        width: 20px;
        z-index: 10;
    }


    .RegisterProfileWindow .responsive-menu-btn.collapsed {
        background: transparent url("images/img_responsive-menu-btn.png") no-repeat scroll center center/contain;
    }


    .RegisterProfileWindow .menu-spacer {
        height: 58px;
    }


    .RegisterProfileWindow .padded-box.CbControlbar2RegisterWindowTitleContainer {
        left: 0;
        padding: 0;
        border-left: none;
        border-bottom: 1px solid #999;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 7;
    }


    .RegisterProfileWindow .responsive-menu-btn.collapsed {
        display: block;
    }


    .publish-profile-hints-text.__CbUiText {
        width: 100%;
    }


    .member-item-contact .bootstrap-switch {
        margin: 0;
    }


    .CbControlbar2Window .register-pubish-profile-box .input-switch-button-cntnr, .CbControlbar2Window .register-pubish-profile-box .publish-profile-hints {
        text-align: left;
    }


    .CbControlbar2Window .member-item-name-box, .CbControlbar2Window .register-pubish-profile-box {
        width: 100%;
    }


    .CbControlbar2Window .register-pubish-profile-box {
        width: 100%;
        padding-top: 6%;
    }


    .CbControlbar2Window #AddressData .reduced-line-height {
        /*margin-bottom: 100px;*/
    }

    #registerframe_input_gender {
        padding-top: 0;
        padding-bottom: 0;
    }
    .DSRegisterCheckDoubletWindow .register-duplicate-check-text2.two-col {
        display: none;
    }

    .DSRegisterCheckDoubletWindow .register-duplicate-check-text2.one-col {
        display: block;
        margin: 30px 0 10px;
    }

    .DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right {
        padding-top: 0;
    }

    .mobile-hide {
        display:none !important;
    }
    .desktop-hide {
        display: block !important;
    }

}

@media only screen and (min-width: 768px) {

    label.CbControlbar2RegisterWindowTitle.tab:not(:empty) {
        border-left: 1px solid #ccc;
        border-right: none;
    }
    div.member-item {
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 8.9rem;
        position: relative;

    }

    .CbControlbar2Window .member-item:after {
        width: 100%;
        bottom: 74px;
        position: absolute;;

    }

    .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab:last-of-type {
        border-right: 1px solid #ccc;
    }


    .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab span.number {
        display: none;
    }

}

@media screen and (max-width: 959px) {

    .password-message {
        padding-bottom: 40px;
    }

    .__CbRegButtonContainer.new-account-button-container {
        right: 40px;
        bottom: 100px;
    }

    .__CbRegButtonContainer.voucher-only-button-container {
        right: 40px;
        bottom: 40px;
    }

}

@media screen and (min-width: 960px) {

    .__CbRegButtonContainer.voucher-only-button-container {
        right: 500px;
    }

}

@media screen and (min-width: 960px) and (max-width: 1160px) {

    .__CbRegButtonContainer.new-account-button-container,
    .__CbRegButtonContainer.voucher-only-button-container {
        width: 330px;
    }

    .__CbRegButtonContainer.new-account-button-container {
        right: 40px;
    }

    .__CbRegButtonContainer.voucher-only-button-container {
        right: 410px;
    }

}

/*Created to remove all project specific css rules which influence the register windows.*/
.CbControlbar2RegisterWindow * {
  box-sizing: border-box !important; }
.CbControlbar2RegisterWindow #default-style {
  font-family: 'Roboto', sans-serif !important; }
  .CbControlbar2RegisterWindow #default-style #registerframe_title, .CbControlbar2RegisterWindow #default-style #registerframe_title .DSRegisterWindowTitle {
    font-size: 20px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 95% !important;
    color: #101010 !important;
    letter-spacing: 1.05px !important;
    line-height: normal !important; }
    .CbControlbar2RegisterWindow #default-style #registerframe_title hr, .CbControlbar2RegisterWindow #default-style #registerframe_title .DSRegisterWindowTitle hr {
      display: none !important; }
  .CbControlbar2RegisterWindow #default-style .FullWidthContainer, .CbControlbar2RegisterWindow #default-style .HalfWidthContainer {
    padding: 40px !important;
    float: left !important; }
    .CbControlbar2RegisterWindow #default-style .FullWidthContainer.__CbUiRegisterWindowCloseButton, .CbControlbar2RegisterWindow #default-style .HalfWidthContainer.__CbUiRegisterWindowCloseButton {
      top: 40px !important;
      right: 40px !important;
      background-image: url("/module/lib/framework/images/img_close-black.png") !important;
      background-size: 14px 14px !important;
      font-size: 0px !important;
      color: #000 !important;
      height: 14px;
      width: 14px; }
    .CbControlbar2RegisterWindow #default-style .FullWidthContainer.no-padding, .CbControlbar2RegisterWindow #default-style .HalfWidthContainer.no-padding {
      padding: 0px !important; }
    .CbControlbar2RegisterWindow #default-style .FullWidthContainer.float-right, .CbControlbar2RegisterWindow #default-style .HalfWidthContainer.float-right {
      float: right !important; }
  .CbControlbar2RegisterWindow #default-style .HalfWidthContainer {
    padding-top: 0px !important;
    width: 50% !important; }
  .CbControlbar2RegisterWindow #default-style .FullWidthContainer {
    width: 100% !important; }
    .CbControlbar2RegisterWindow #default-style .FullWidthContainer:nth-of-type(1) {
      padding-bottom: 50px !important; }
  .CbControlbar2RegisterWindow #default-style p {
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 1.05px !important;
    color: #101010 !important; }
  .CbControlbar2RegisterWindow #default-style .__CbRegExistAccountText __CbUiText {
    margin-bottom: 1.5em !important; }
  .CbControlbar2RegisterWindow #default-style .__CbRegButtonContainer .__CbUiText {
    color: #101010 !important; }
  .CbControlbar2RegisterWindow #default-style .__CbRegInputLine::placeholder {
    font-size: 14px !important;
    font-weight: 500 !important; }
  .CbControlbar2RegisterWindow #default-style #registerframe_error {
    font-size: 12px !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    padding-top: 4px !important;
    line-height: 19px !important; }
  .CbControlbar2RegisterWindow #default-style .__CbRegInputs #registerframe_input_account, .CbControlbar2RegisterWindow #default-style .__CbRegInputs #registerframe_input_password .__CbUiPassword {
    font-family: 'Roboto', sans-serif !important;
    width: 100% !important;
    padding: 10px 0 10px 20px !important;
    border: 2px solid #d0d0d0 !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
    line-height: normal !important; }
  .CbControlbar2RegisterWindow #default-style #registerframe_stay_logged_in {
    margin-bottom: 0 !important;
    padding: 1px 0 10px !important; }

/*# sourceMappingURL=new-register.css.map */

/*
 * General rules
 *
 * Styles applicable to the entire project
 *
 */

input:focus,
button:focus {
   outline: none;
}

.site-header,
.site-main,
.site-footer {
	position: relative;
}



/*
 *************************
	$HEADER
 *************************
*/

.site-logo,
.site-logo svg {
	z-index: 10000;
	display: block;
	width: 64px;
	width: 6.4rem;
	height: 29px;
	height: 2.9rem;
}

body.menu-opened .site-header__logo,
body.menu-opened .site-header__logo svg,
body.menu-opened .site-header__logo svg * {
	z-index: 10000; /* Higher than anything menu-related */
	fill: #FFFFFF;
}

.calendar-layer-opened .site-main,
.calendar-layer-opened .media-container {
	z-index: 2;
}

.site-header {
	min-height: 66px;
	min-height: 6.6rem;
	z-index: 1;
}

body.fullscreen-active .site-header  {
	z-index: 0;
}

.site-header__logo {
	position: absolute;
	top: 15px;
	top: 1.5rem;
}


.embed-container {
  position: relative; 
  padding-bottom: 56.24%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  margin-top: -1px;
  margin-left:-1px;
    }
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

/*
 *************************
	$CONTENT
 *************************
*/

.site-main {
	z-index: 0;
}

.content-container {
	padding-left: 0;
	padding-right: 0;
	overflow: visible;
}

.main-col,
.right-col.not-empty,
.left-col.not-empty {
	border-bottom: 1px solid rgb(195, 195, 195);
	border-bottom: 0.1rem solid rgb(195, 195, 195);
}

.main-col,
.right-col {
	position: relative;
	padding-bottom: 19px;
	padding-bottom: 1.9rem;
}

.left-col,
.right-col,
.left-col *,
.right-col * {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 18px;
	line-height: 1.8rem;
}

.left-col,
.left-col > .sticky-element {
	border-top: 0;
}

.left-col.not-empty {
	border-top: 1px solid rgb(195, 195, 195);
	border-top: 0.1rem solid rgb(195, 195, 195);
}

.left-col .collapsible-icon {
	top: 16px;
   top: 1.6rem;
}

.left-col .collapsible-text {
	padding: 0 0 23px 0;
	padding: 0 0 2.3rem 0;
}

.left-col__title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin: 0;
    padding: 8px 0;
    padding: 0.8rem 0;
}

.left-col__menu__item {
	position: relative;
	padding-left: 8px;
	line-height: 20px;
    line-height: 2rem;
}

.left-col__menu__item:before {
	content: "-";
	position: absolute;
	top: -1px;
	top: -0.1rem;
	left:0;
	padding-right: 4px;
}

.left-col__menu__item__link.active {
	text-decoration: none;
}

.right-col.not-empty {
	padding-top: 14px;
	padding-top: 1.4rem;
}

.mob-container {
	padding-left: 20px;
	padding-right: 20px;
}

.mob-container .accordeon-content-wrap table{
   float: none!important;
}

.right-col__collapsible {
	border-top: 0;
	margin-bottom: 33px;
	margin-bottom: 3.3rem;
}

.right-col .collapsible-toggler {
	text-decoration: underline;
}

.right-col__collapsible .collapsible-title,
.right-col__collapsible .collapsible-text {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
}

.filter-form--mobile {
	padding-bottom: 20px;
	padding-bottom: 2rem;
}

.filter-form--mobile > .search {
	margin-bottom: 11px;
	margin-bottom: 1.1rem;
}

.filter-form--mobile > #search-submit {
	margin-top: 11px;
	margin-top: 1.1rem;
}

.filter-form--mobile > .collapsible {
	border-top: 0;
}

.search-mobile.filter-container {
	padding-right: 50px;
}

.search-mobile .search__input {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
}

.search-mobile .search-submit {
    font-size: 0;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    background: none;
}

.search-mobile.filter-container .search-submit {
    right: 50px;
}

.search-mobile .search-submit svg {
    height: 18px;
    margin: 2px 0 0 -13px;
    width: 18px;
}

.search-mobile .search-submit svg,
.search-mobile .search-submit svg * {
    fill: #000000;
}

.collapsible-icon-container {
    border-bottom: 1px solid rgb(195, 195, 195);
    border-bottom: 0.1rem solid rgb(195, 195, 195);
    border-top: 1px solid rgb(195, 195, 195);
    border-top: 0.1rem solid rgb(195, 195, 195);
    height: 44px;
    height: 4.4rem;
    position: absolute;
    right: 0;
    top: -55px;
    top: -5.5rem;
    width: 50px;
    z-index: 999999;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
}

.collapsible-icon-container .collapsible-icon {
    top: 17px;
    top: 1.7rem;
}

.filter-form--mobile .collapsible-text{
	padding-top: 7px;
	padding-top: 0.7rem;
}

.password-form-text {
    font-weight: bold;
    margin-bottom: 15px;
}

input.password-form-input {
    float: right;
    margin-right: 370px;
}

input.password-form-submit {
    margin-top: 15px;
    padding: 5px;
    float: right;
    margin-right: 370px;
    cursor: pointer;
}

.header-jobs-api{
    font-size: 20px;
    margin-bottom: 5px;
    display: block;
}

div[data-bite-jobs-api-listing]{
    margin-bottom: 20px;
}





/*
 *************************
	$FOOTER
 *************************
*/

.site-footer {
	position: relative;
	min-height: 187px;
	min-height: 18.7rem;
	padding-top: 20px;
	padding-top: 2rem;
}

.site-footer__logo {
	position: absolute;
}

.site-footer__service-menu,
.site-footer__misc-menu {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
}

.site-footer__service-menu {
	text-align: right;
	margin-top: 18px;
	margin-top: 1.8rem;
}

.site-footer__misc-menu {
	margin-top: 75px;
	margin-top: 7.5rem;
}

.site-footer__menu__level1__item__link,
.site-footer__misc-menu__level1__item__link {
    display: block;
    text-decoration: none;
    line-height: 13px;
    line-height: 1.3rem;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}

.application-button {
	width: 100%;
	margin-top: 17px;
	margin-top: 1.7rem;
}

.bootstrap-switch.bootstrap-switch-on {
    background-color: #000;
}

.spinner {
	background: url("images/loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000000;
	height: 100%;
	width: 100%;
	opacity: 0.2;
	z-index: 999999;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.__CbUiLayer.__CbUiLoader {
	z-index: 999999;
}



@media screen and (min-width:768px) {

	.site-header {
		min-height: 66px;
		min-height: 6.6rem;
	}

	.site-header__logo {
		top: 20px;
		top: 2rem;
	}

	.mob-container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.search-mobile.filter-container {
		padding-right: 70px;
	}

	.search__input {
	    padding: 0.8rem 30px;
	}

	.search-mobile .search-submit {
	    right: 10px;
	}

	.search-mobile.filter-container .search-submit {
	    right: 80px;
	}

	.filter-form--mobile > .search {
		margin-bottom: 1px;
	    margin-bottom: 0.1rem;
	}

	.collapsible-icon-container {
		top: 45px;
		top: -4.5rem;
		width: 70px;
	}

	.filter-form--mobile .collapsible-text {
		padding-top: 20px;
	    padding-top: 2rem;
	}

	.site-footer {
		min-height: 167px;
		min-height: 16.7rem;
	}

}

@media screen and (min-width:1024px) {

	.mob-container {
		padding-left: 0;
		padding-right: 0;
	}

	/*
	 *************************
		$HEADER
	 *************************
	*/

	.site-logo,
	.site-logo svg {
                position: absolute;
                z-index: 10;
		width: 146px;
		width: 14.6rem;
		height: 66px;
		height: 6.6rem;
	}

	.site-header {
		min-height: 250px;
		min-height: 25rem;
		position: relative;
		overflow: visible;
	}

	.site-header__logo {
		position: absolute;
		top: 126px;
		top: 12.6rem;
                 z-index:100;
	}



	/*
	 *************************
		$CONTENT
	 *************************
	*/

	.search-mobile.filter-container {
		padding-right: 0;
	}

	.search-mobile .search-submit,
	.search-mobile.filter-container .search-submit {
		right: 0;
	}

	.filter-form--mobile > .search {
		margin-bottom: 18px;
		margin-bottom: 1.8rem;
	}

	.filter-form--mobile > #search-submit {
		margin-top: 18px;
		margin-top: 1.8rem;
	}

	.content-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.left-col,
	.left-col.not-empty,
	.main-col,
	.right-col,
	.right-col.not-empty {
		display: inline-block;
		vertical-align: top;
		min-height: 60px;
		min-height: 6rem;
		padding-bottom: 70px;
		padding-bottom: 7rem;
		border-bottom: 0;
		border-top: 0;
		padding-top: 36px;
		padding-top: 3.6rem
	}

	.main-col,
	.right-col {
		padding-bottom: 36px;
		padding-bottom: 3.6rem;
	}

	.left-col {
		width: 16.9%;
		border-bottom: none;
	}

	.left-col .collapsible-icon {
		visibility: hidden;
		display: none;
	}

	.left-col__title {
   	line-height: 18px;
   	line-height: 1.8rem;
   	padding: 0 0 16px 0;
   	padding: 0 0 1.6rem 0;
	}

	.right-col {
		border-top: 0;
		width: 21.1%;
		padding-top: 36px;
		padding-top: 3.6rem;
	}

	.main-col {
		width: 62%;
		padding-left: 39px;
		padding-right: 31px;
      padding-top: 6px;
      padding-top: 0.6rem;
	}

	.main-col--wide {
		width: 83.1%;
		padding-right: 0;
	}

	.main-col__title,
	.main-col .text,
	.right-col .text {
		padding-left: 0;
		padding-right: 0;
	}



	/*
	 *************************
		$FOOTER
	 *************************
	*/

	.site-footer {
		padding-top: 0;
	}

	.site-footer__logo {
		top: 1px;
		top: 0.1rem;
	}

	.site-footer__inner {
		position: relative;
	}

	.site-footer__menu-container {
		position: absolute;
		left: 16.9%;
		right: 21.1%;
		margin: 0 31px 0 39px;
		border-top: 1px solid rgb(195, 195, 195);
		border-top: 0.1rem solid rgb(195, 195, 195);
	}

	.site-footer__service-menu,
	.site-footer__misc-menu {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 12px;
		line-height: 1.2rem;
		margin-top: 20px;
		margin-top: 2rem;
	}

	.site-footer__service-menu {
		float: left;
		text-align: left;
	}

	.site-footer__misc-menu {
		float: right;
		text-align: right;
		vertical-align: top;
	}

	.site-footer__misc-menu__level1__item {
	    float: none;
	}

	.site-footer__menu__level1__item__link,
	.site-footer__misc-menu__level1__item__link {
		margin-bottom: 6px;
		margin-bottom: 0.6rem;
	}


}


/*
 * Styles for dynamic pages
 *
 */

.page-dynamic .media-container__text {
	min-height: 0;
	padding: 0;
	margin: 0;
}

.page-dynamic .media-container__title,
.page-dynamic .media-container__subtitle,
.page-dynamic .media-container__excerpt,
.page-dynamic .media-container__info {
	visibility: hidden;
	display: none;
}

.page-dynamic .dynamic-page-edit-button {
    /*position: absolute;*/
    z-index: 1;
    right: 38px;
    top: 0;
}

.page-dynamic .edit-button {
	margin-top: 10px;
	margin-top: 1rem;
}


@media screen and (min-width:768px) {

	.page-dynamic .main-col,
	.page-dynamic .right-col,
	.page-dynamic .right-col.not-empty {
		display: inline-block;
		vertical-align: top;
		min-height: 60px;
		min-height: 6rem;
		padding-bottom: 70px;
		padding-bottom: 7rem;
		border-top: 0;
		padding-top: 36px;
		padding-top: 3.6rem
	}

	.page-dynamic .main-col,
	.page-dynamic .right-col {
		padding-bottom: 36px;
		padding-bottom: 3.6rem;
		padding-left: 30px;
		padding-right: 30px;
	}
   .page-dynamic.dynamic-page-frauen-home .right-col {
		padding-right: 0;
      padding-left: 0;
	}

	.page-dynamic .right-col {
		border-top: 0;
		width: 21.1%;
		padding-top: 36px;
		padding-top: 3.6rem;
		border-bottom: 0;
	}

	.page-dynamic .main-col {
		width: 78.9%;
		padding-right: 31px;
      padding-top: 6px;
      padding-top: 0.6rem;
	}

	.page-dynamic .main-col__title,
	.page-dynamic .main-col .text,
	.page-dynamic .right-col .text {
		padding-left: 0;
		padding-right: 0;
	}

}

@media screen and (min-width:1024px) {

	.page-dynamic .content-container {
		padding-left: 20px;
		padding-right: 20px;
                padding-top: 100px;
	}

	.page-dynamic .main-col {
		width: 62%;
		padding-left: 39px;
	}

	.page-dynamic .media-container + .content-container .main-col {
		padding-top: 0;
		margin-top: -59px;
		margin-top: -5.9rem;
		z-index: 9000;
		background: white;
	}

	.page-dynamic .edit-button {
		margin-top: 20px;
		margin-top: 2rem;
	}

	.page-dynamic .media-container__counter {
		top: 28.3%;
		margin-top: -23px;
		margin-top: -2.3rem;
	}

}
body {
	position: relative;
}

#mask { /* added for fade in when content is loaded */
	position:fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 9999;
	background-image: url('images/hff_intro.png');
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
}

.radial-gradient-layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: rgba(0, 0, 0, 0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	filter: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	pointer-events: none;
}

.home-article-media-container .radial-gradient-layer {
	opacity: 0.33;
}

.press-block-container {
	padding-top: 45px;
	padding-top: 4.5rem;
	padding-bottom: 45px;
	padding-bottom: 4.5rem;
}

.home-press__sidebar,
.film-slider__sidebar,
.home-press__facebook,
.home-press__articles {
	box-sizing: border-box;
}

.film-slider__sidebar h2,
.home-press__sidebar h2 {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 20px;
	line-height: 2rem;
	margin: 0 0 10px;
	margin: 0 0 1rem;
}

.film-slider-container .film-slider__page-link,
.home-press__sidebar .home-press__page-link {
	font-size: 12px;
	font-size: 1.2rem;
}


.film-slider-container .owl-controls {
	 position: absolute;
	 left: -18px;
	 right: -18px;
	 top: 24vw;
	 margin-top: -9px;
}

.film-slider-container .owl-prev,
.film-slider-container .owl-next {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	height: 18px;
	width: 14px;
	background: url('images/svg_arrow-black.svg');
	background-repeat: no-repeat;
	background-size: 14px 18px;
}

.film-slider-container .owl-next {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-left: 22px;
	float: right;
}

.home-press__article {
	padding-bottom: 20px;
	padding-bottom: 2rem;
}

.home-press__article h3 {
   margin-bottom: 10px;
	margin-bottom: 1rem;
}

.home-press__article h3,
.home-press__facebook__header,
.home-press__facebook__query {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	line-height: 2.4rem;
	margin-top: 0;
}

.home-press__article h3,
.home-press__facebook__header {
   font-weight: bold;
}

.home-press__facebook {
   position: relative;
}

.home-press__facebook__header {
   margin-bottom: 0;
}

.home-press__facebook__query {
   margin-bottom: 15px;
}

.home-press__article__text {
	font-size: 13px;
	font-size: 1.3rem;
}

.home-press__article__title a {
    text-decoration: none;
}

.home-press__facebook__posts {
   overflow: hidden;
   height: 380px;
   height: 38rem;
}

.home-press__facebook__fb-link {
   width: 28px;
   width: 2.8rem;
   height: 28px;
   height: 2.8rem;
   display: block;
   position: absolute;
   top: 8px;
   top: 0.8rem;
   right: 4%;
   right: calc(4% + 30px);
}

.home-press__facebook__fb-link svg {
   width: 100%;
   height: 100%;
}

/*
   Path gets mixed up when the script is
   loaded in scripts.php, so we need to
   fix it here
*/
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
   background-image: url('/module/jscript/lib/jquery_plugins/mCustomScrollbar/mCSB_buttons.png') !important;
}

.film-slider-container {
	position: relative;
	background-color: #eee;
	padding: 3rem 0 0;
}

.film-slider-container .spinner {
	position: absolute;
}

.film-slider .owl-item img {
	width: 100%;
}

.film-slide__image {
	position: relative;
}

.film-slide__play-button {
	position: absolute;
	bottom: 10px;
	bottom: 1rem;
	width: 48px;
	width: 4.8rem;
	height: 48px;
	height: 4.8rem;
	left: 10px;
	left: 1rem;
	z-index: 11;
	cursor: pointer;
	background-image: url('images/play_icon.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.film-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 99999;
}

.film-layer__inner {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 55.5vw;
	max-height: 720px;
	max-width: 1280px;
}

.film-layer__video-close {
	position: absolute;
	z-index: 8998 !important;
	width: 25px;
	height: 25px;
	top: 10px;
	right: 10px;
	padding: 0 0 0 4px;
	font-size: 14px;
	font-weight: bold;
	background-image: url("images/img_close.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	pointer-events: auto;
}

.film-layer__title {
	position: absolute;
	z-index: 1;
	left: 20px;
	color: #ffffff;
	top: 10px;
	font-size: 23px;
	line-height: 1.25em;
	font-weight: bold;
	width: 420px;
	letter-spacing: 0.01em;
}

.film-layer__meta {
	visibility: hidden;
	display: none;

	position: absolute;
	z-index: 1;
	right:0;
	bottom:0;
	background: #FFFFFF;
	padding: 15px 140px 10px 22px;
	min-height: 52px;
	min-width: 248px;
}

.film-layer__meta__duration {
	position: absolute;
	right: 21px;
	top: 17px;
	letter-spacing: 0.01em;
}

.film-layer .radial-gradient-layer {
	z-index: 0;
}

.film-layer__meta__recommend {
	display: block;
}

.film-layer .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	background-color: #FFFFFF;
	background-image: url("images/play_icon.png");
	top: auto !important;
	right: auto !important;
	bottom: 20px !important;
	left: 20px !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	width: 50px !important;
	height: 50px !important;
}

.film-layer  vjs-big-play-button:disabled {
    opacity: 0.5;
}

.film-layer__video-info-btn {
	font-size: 14px;
	font-weight: bold;
	background-image: url("images/img_info.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	pointer-events: auto;

	display: block;
	position: absolute;
	right: 65px;
	top: 16px;
	width: 35px;
	height: 35px;
	z-index: 8998 !important;
}

.film-layer--playing .film-layer__meta,
.film-layer--playing .film-layer__title,
.film-layer__video-info-btn {
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.film-layer--playing .film-layer__meta,
.film-layer--playing .film-layer__title {
	margin-bottom: 30px;
}

.film-layer--playing .vjs-user-active ~ .film-layer__video-info-btn,
.film-layer--playing .film-layer__meta.active,
.film-layer--playing .film-layer__title.active,
.film-layer--playing .vjs-paused ~ .film-layer__video-info-btn,
.film-layer--playing .vjs-paused ~ .film-layer__meta.active,
.film-layer--playing .vjs-paused ~ .film-layer__title.active {
	opacity: 1;
}

@media screen and (min-width: 1025px) {

	.film-slide__title {
		color: #fff;
		position: absolute;
		bottom: 10px;
		bottom: 1rem;
		left: 68px;
		left: 6.8rem;
		height: 48px;
		height: 4.8rem;
		line-height: 48px;
		line-height: 4.8rem;
		margin: 0;
		z-index: 11;
	}

	.owl-item__inner > .film-slide__title {
		display: none;
	}

}

@media screen and (max-width: 1024px) {

	.film-slide__title {
		margin: 2rem 0 0;
	}

	.film-slide__image .film-slide__title {
		display: none;
	}

}

@media screen and (max-width: 768px) {

	.film-slider__sidebar .film-slider__page-link,
	.home-press__sidebar .home-press__page-link {
		display: none;
	}

	.press-block-container > .home-press__page-link {
		display: block;
		float: left;
		width: 100%;
	}

	.film-slider-container .container > .film-slider__page-link {
		position: absolute;
		top: 30px;
		right: 20px;
		display: block;
	}

	.film-slider {
		margin-bottom: 20px;
		margin-bottom: 2rem;
	}
}

@media screen and (min-width: 640px) and (max-width: 768px) {

	.film-slider-container {
		min-height: 240px;
		min-height: 24rem;
	}

   .home-press__facebook,
	.home-press__articles {
		width: 100%;
	}

   .home-press__article {
      margin-bottom: 20px;
      margin-bottom: 2rem;
   }

}

@media screen and (min-width: 432px) {

	.film-slider-container .owl-controls {
		 left: -15px;
		 right: -15px;
		 top: 12.5vw;
	}

}

@media screen and (max-width: 639px) {

	.film-slider-container {
		min-height: 270px;
		min-height: 27rem;
	}

	.home-press__articles {
		width: 100%;
	}

}

@media screen and (min-width: 640px) {

	/*
	 * children of odd, active items
	 * and second to last item even or odd
	 * should have no left
	 * but right margin
	 */
	:not(.active) + .active:nth-last-child(2) .owl-item-inner,
	.active:nth-child(odd) .owl-item-inner {
		margin-left: 0;
		margin-right: 2.1%;
	}

	/*
	 * make sure last child has
	 * left margin and no right margin
	 * even if it is odd
	 */
	.active:last-child .owl-item-inner {
		margin-left: 2.1%;
		margin-right: 0;
	}

	.owl-item:first-child .owl-item__inner {
		margin-left: 0;
	}

   .home-press__facebook,
	.home-press__articles {
		float: left;
	}

	.press-block-container,
	.film-slider-container > .container {
		padding-left: calc(30px - 0.85%);
		padding-right: calc(30px - 0.85%);
	}

	.owl-item__inner {
		padding-right: 1.7%;
		padding-left: 1.7%;
	}

	.film-slider-container > .container > section,
	.press-block-container > section,
   .home-press__page-link,
	.home-press__articles {
		padding-right: 0.85%;
		padding-left: 0.85%;
	}

}

@media screen and (min-width: 769px) {

	.film-slider-container {
		min-height: 280px;
		min-height: 28rem;
		padding-bottom: 10px;
		padding-bottom: 1rem;
	}

	.press-block-container,
	.film-slider-container > .container {
		padding-left: calc(20px - 1.2%);
		padding-right: calc(20px - 1.2%);
	}

	.film-slider-container > .container > section,
	.press-block-container > section,
	.home-press__articles {
	    padding-left: 1.7%;
	    padding-right: 1.7%;
	}

	.owl-item__inner {
		padding-right: 2.125%;
		padding-left: 2.125%;
	}

	.film-slider-container .owl-controls {
		top: 10vw;
	}

	.film-slider.owl-carousel {
		width: 80%;
		float: right;
	}

	.film-slider__sidebar,
	.home-press__sidebar {
		float: left;
		width: 16.9%;
		margin-right: 3.1%;
	}

	.film-slider__sidebar .film-slider__page-link,
	.home-press__sidebar .home-press__page-link {
		display: inline;
	}

	.film-slider-container .container > .film-slider__page-link,
	.press-block-container > .home-press__page-link {
		display: none;
	}

	.film-layer__meta {
		visibility: visible;
		display: block;
	}

	.film-layer__video-close {
	  width: 45px;
		height: 45px;
	}

   .home-press__facebook,
	.home-press__articles {
		width: 40%;
	}

}

@media screen and (min-width: 1200px) {

	.film-slider-container .owl-controls {
		top: 120px;
	}

	.film-layer__title {
		left: 112px;
		top: auto;
		bottom: 23px;
	}

}


.mainSlideshow-container{
	position: relative;
	overflow: visible;
   background: #ffffff;
}

.mainSlideshow {
    height: 0;
    padding-bottom: 36.9%;

   background: rgba(0, 0, 0, 0); /*
   background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
   background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
   background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
   filter: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); */
}

.mainSlideshow canvas {
	width: 100%;
}

.coverflow-tooltip, .coverflow-tooltip-background {
    margin: 45px 0 0 10px;
    position: absolute;
}
.coverflow-tooltip {
    color: #000000;
    padding: 5px 10px;
    width: 200px;
    z-index: 1337;
}
.coverflow-tooltip-background {
    background-color: #ffffff;
    border: 1px solid #666666;
    z-index: 1336;
}
.coverflow-tooltip-title {
    font-weight: bold;
}
.coverflow-tooltip-extra {
    font-size: 10px;
}
.page-film-archiv .media-container__navigation{
    display: none;
}
.page-film-archiv .left-col {
	margin-top: 1px;
	margin-top: 0.1rem;
	border-top: 1px solid rgb(195, 195, 195);
	border-top: 0.1rem solid rgb(195, 195, 195);
    padding-top: 16px;
    padding-top: 1.6rem;
    border-bottom: 1px solid rgb(195, 195, 195);
	border-bottom: 0.1rem solid rgb(195, 195, 195);
    padding-bottom: 3px;
    padding-bottom: 0.3rem;
    margin-bottom: -1px;
    margin-bottom: -0.1rem;
}

.page-film-archiv .left-col .collapsible-icon {
	top: 20px;
	top: 2rem;
}

.page-film-archiv .main-col__title {
	visibility: hidden;
	display: none;
}

.page-film-archiv .main-col__subtitle {
    visibility: hidden;
    display: none;
}

.film-archive__item {
	position: relative;
	/*max-width: 335px;*/
	margin: 0 auto;
	margin-bottom: 44px;
	margin-bottom: 4.4rem;
}

.film-archive__item__cover__author,
.film-archive__item__cover__title {
    visibility: hidden;
    display: none;
}

.film-archive__item__cover {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.5%;
}

.film-archive__item__cover__img {
	width: 100%;
}

.film-archive__item__title,
.film-archive__item__content {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 18px;
	line-height: 1.8rem;
}

.film-archive__item__title {
	margin: 11px 0 0 0;
	margin: 1.1rem 0 0 0;
}

.film-archive__item__title a {
	text-decoration: none;
}

.film-archive__item__with-video {
    color: white;
    background-color: black;
    width: 74px;
    padding: 3px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: normal;
    letter-spacing: 0.18em;
    font-weight: bold;
}

#film-search {
	font-size: 14px;
	font-size: 1.4rem;
	opacity: 1;
}

#film-search::-webkit-input-placeholder {
	font-style: italic;
	opacity: 1;
	font-size: 12px;
	font-size: 1.2rem;
}

#film-search:-moz-placeholder {
	font-style: italic;
	opacity: 1;
	font-size: 12px;
	font-size: 1.2rem;
}

#film-search::-moz-placeholder {
	font-style: italic;
	opacity: 1;
	font-size: 12px;
	font-size: 1.2rem;
}

#film-search:-ms-input-placeholder {
	font-style: italic;
	opacity: 1;
	font-size: 12px;
	font-size: 1.2rem;
}

#film-search:focus::-webkit-input-placeholder {
	opacity: 0.5;
}

#film-search:focus::-moz-placeholder {
	opacity: 0.5;
}

#film-search:focus::-moz-placeholder {
	opacity: 0.5;
}

#film-search:focus::-ms-input-placeholder {
	opacity: 0.5;
}




@media screen and (min-width:768px) {

	.film-archive__item {
		margin-left: 16.9%;
		margin-right: 0;
	}

	.mainSlideshow-container{
		margin-bottom: 24px;
		margin-bottom: 2.4rem;
	}
	.film-archive__item__cover {
		width: 143px;
		height: 215px;
		background-image: url("images/cover_background-small.png");
		background-repeat: no-repeat;
		overflow: visible;
		padding-bottom: 0;
	}

	.film-archive__item {
		margin-bottom: 30px;
		margin-bottom: 3rem;
	}

	.film-archive__item__cover__author,
	.film-archive__item__cover__title {
		visibility: visible;
		display: block;
	    color: #ffffff;
	    font-size: 9px;
	    line-height: 11px;
	    padding: 10px 15px 0 6px;

	     -ms-word-break:   break-all;

	  word-break:       break-word;
	  word-wrap:        break-word;

	  -webkit-hyphens:  auto;
	     -moz-hyphens:  auto;
	          hyphens:  auto;
	}

	.film-archive__item__cover__title {
	    font-size: 13px;
	    line-height: 13px;
	    font-weight: 600;
	    margin-top: -5px;
	}

	.film-archive__item__cover__coverdummy {
		background: grey;
	}

	.film-archive__item__cover__coverdummy,
	.film-archive__item__cover__img {
		position: absolute;
		top: 70px;
		width: 133px;
		height: 98px;
	}

	.film-archive__item__title {
		font-size: 20px;
	    font-size: 2rem;
	    line-height: 24px;
	    line-height: 2.4rem;
	    margin: 15px 0 16px 0;
	    margin: 0.8rem 0 1.6rem 0;
	}

	.film-archive__item__team {
		margin-bottom: 22px;
		margin-bottom: 2.2rem;
	}
	.film-archive__item__content {
		padding-left: 163px;
		position: absolute;
		left: 0;
		bottom: 9px;
		bottom: 0.9rem;
	}

}

@media screen and (min-width:1024px) {

	.film-archive__item {
		margin-left: 0;
	}

	.page-film-archiv .search,
	.page-film-archiv .select:last-of-type {
		margin-bottom: 20px;
		margin-bottom: 2rem;
	}

	.page-film-archiv .left-col {
		border-top: 0;
		border-bottom: 0;
		padding-top: 34px;
		padding-top: 3.4rem;
		margin-bottom: 30px;
	    margin-bottom: 3rem;
	}

	.page-film-archiv .left-col.hidden-on-desk {
		visibility: hidden;
		display: none;
	}

	.page-film-archiv .main-col__title {
		visibility: visible;
		display: block;
	}

	.page-film-archiv .main-col__subtitle {
		visibility: visible;
		display: block;
	    font-size: 12px;
	    font-size: 1.2rem;
	    line-height: 18px;
	    line-height: 1.8rem;
	    margin: 17px 0 19px 0;
	    margin: 1.7rem 0 1.9rem 0;
	}

}


.page-screenings-film-detail .media-container__mediacontainer,
.page-film-detail .media-container__mediacontainer,
.page-screenings-film-detail .media-container__controls,
.page-film-detail .media-container__controls {
    padding-bottom: 56.6%;
}

.page-screenings-film-detail .media-container__pager-dots,
.page-film-detail .media-container__pager-dots {
    margin-top: 56.6%;
}
.page-screenings-film-detail .media-container__viewport--big .media-container__mediacontainer,
.page-film-detail .media-container__viewport--big .media-container__mediacontainer,
.page-screenings-film-detail .media-container__viewport--big .media-container__controls,
.page-film-detail .media-container__viewport--big .media-container__controls {
    padding-bottom: 55.1%;
}

.page-screenings-film-detail .media-container__viewport--big .media-container__pager-dots,
.page-film-detail .media-container__viewport--big .media-container__pager-dots {
    margin-top: 55.1%;
}

.page-screenings-film-detail .media-container__text,
.page-film-detail .media-container__text {
    min-height: 0;
    padding: 0;
    margin: 0;
}

.page-screenings-film-detail .left-col.not-empty,
.page-film-detail .left-col.not-empty {
    border-top: 0;
    padding-bottom: 18px;
    padding-bottom: 1.8rem;
}

.page-screenings-film-detail .left-col__title,
.page-film-detail .left-col__title,
.page-screenings-film-detail .left-col__menu__item::before,
.page-film-detail .left-col__menu__item::before {
    visibility: hidden;
    display: none;
}

.page-screenings-film-detail .left-col__menu__item,
.page-film-detail .left-col__menu__item {
    padding-left: 0;
    display: inline-block;
    margin-right: 15px;
}

.page-film-detail .media-container__title,
.page-screenings-film-detail .media-container__title,
.page-film-detail .media-container__subtitle,
.page-screenings-film-detail .media-container__subtitle,
.page-film-detail .media-container__excerpt,
.page-screenings-film-detail .media-container__excerpt,
.page-film-detail .media-container__info,
.page-screenings-film-detail .media-container__info {
    visibility: hidden;
    display: none;
}

.page-screenings-film-detail .dynamic-page-edit-button,
.page-film-detail .dynamic-page-edit-button {
    position: absolute;
    z-index: 1;
    right: 38px;
    top: 0;
}

.page-screenings-film-detail .edit-button,
.page-film-detail .edit-button {
    margin-top: 10px;
    margin-top: 1rem;
}

.page-screenings-film-detail .award-cntnr:first-of-type,
.page-film-detail .award-cntnr:first-of-type {
    margin-top: 25px;
    margin-top: 2.5rem;
}

.text-type-award-headline {
    font-weight: bold;
}

.text-type-award-headline,
.text-type-award {
    padding: 0;
}

.page-screenings-film-detail .award-cntnr,
.page-film-detail .award-cntnr {
    border-top: 1px solid #000000;
    border-top: 0.1rem solid #000000;
    padding-top: 16px;
    padding-top: 1.6rem;
    padding-bottom: 18px;
    padding-bottom: 1.8rem;
}

.page-film-detail li.left-col__menu__item:last-child {
    background: #000000;
    line-height: 3.3em;
    display: inline-block;
    padding: 0 12px;
}

.page-film-detail li.left-col__menu__item:last-child a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}



@media screen and (min-width:768px) {

    .page-screenings-film-detail .media-container__pager-dots,
    .page-film-detail .media-container__pager-dots {
        padding-left: 30px;
    }

    .page-screenings-film-detail .main-col,
    .page-film-detail .main-col,
    .page-screenings-film-detail .right-col,
    .page-film-detail .right-col,
    .page-screenings-film-detail .right-col.not-empty,
    .page-film-detail .right-col.not-empty {
        display: inline-block;
        vertical-align: top;
        min-height: 60px;
        min-height: 6rem;
        padding-bottom: 70px;
        padding-bottom: 7rem;
        border-top: 0;
        padding-top: 36px;
        padding-top: 3.6rem
    }

    .page-screenings-film-detail .main-col,
    .page-film-detail .main-col,
    .page-screenings-film-detail .right-col,
    .page-film-detail .right-col {
        padding-bottom: 36px;
        padding-bottom: 3.6rem;
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-screenings-film-detail .right-col,
    .page-film-detail .right-col {
        border-top: 0;
        width: 25%;
        padding-top: 36px;
        padding-top: 3.6rem;
        border-bottom: 0;
    }

    .page-screenings-film-detail .main-col,
    .page-film-detail .main-col {
        width: 75%;
        padding-right: 31px;
        padding-top: 6px;
        padding-top: 0.6rem;
    }

    .page-screenings-film-detail .main-col__title,
    .page-film-detail .main-col__title,
    .page-screenings-film-detail .main-col .text,
    .page-film-detail .main-col .text,
    .page-screenings-film-detail .right-col .text,
    .page-film-detail .right-col .text {
        padding-left: 0;
        padding-right: 0;
    }

}

@media screen and (min-width:1024px) {

    .page-screenings-film-detail .media-container,
    .page-film-detail .media-container {
        margin-bottom: 0;
    }

    .page-screenings-film-detail .media-container + .content-container .main-col,
    .page-film-detail .media-container + .content-container .main-col {
        background: white none repeat scroll 0 0;
        padding-top: 0;
        margin-top: -59px;
        margin-top: -5.9rem;
        z-index: 9000;

        -webkit-transition: margin-top 500ms ease-in-out;
        -moz-transition: margin-top 500ms ease-in-out;
        -o-transition: margin-top 500ms ease-in-out;
        transition: margin-top 500ms ease-in-out;
    }

    .page-screenings-film-detail .media-container--big + .content-container .main-col,
    .page-film-detail .media-container--big + .content-container .main-col {
        margin-top: 0;
    }

    .page-screenings-film-detail .media-container--big + .content-container .main-col::after,
    .page-film-detail .media-container--big + .content-container .main-col::after {
        background: white none repeat scroll 0 0;
        content: "";
        display: block;
        height: 59px;
        height: 5.9rem;
        width: 50%;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: -1;
    }

    .page-screenings-film-detail .edit-button,
    .page-film-detail .edit-button {
        margin-top: 20px;
        margin-top: 2rem;
    }

    .page-screenings-film-detail .media-container__counter,
    .page-film-detail .media-container__counter {
        top: 28.3%;
        margin-top: 19px;
        margin-top: 1.9rem;
    }

    .page-screenings-film-detail .media-container__mediacontainer,
    .page-film-detail .media-container__mediacontainer,
    .page-screenings-film-detail .media-container__controls,
    .page-film-detail .media-container__controls {
        padding-bottom: 42.5%;
    }

    .page-screenings-film-detail .media-container__pager-dots,
    .page-film-detail .media-container__pager-dots {
        margin-top: 42.5%;
    }

    .page-screenings-film-detail .media-container__text,
    .page-film-detail .media-container__text {
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out ;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;

        background: #FFFFFF;
        content: "";
        display: block;
        height: 59px;
        height: 5.9rem;
        width: 83.1%;
        position: absolute;
        right: 0;
        bottom: 0;

        overflow: hidden;
    }

    .page-screenings-film-detail .media-container__viewport--big .media-container__text,
    .page-film-detail .media-container__viewport--big .media-container__text {
        height: 0;
    }

    .page-screenings-film-detail .right-col,
    .page-film-detail .right-col {
        width: 21.1%;
    }

    .page-screenings-film-detail .main-col,
    .page-film-detail .main-col {
        width: 62%;
        padding-left: 39px;
    }

    .page-screenings-film-detail .left-col__title,
    .page-film-detail .left-col__title,
    .page-screenings-film-detail .left-col__menu__item::before,
    .page-film-detail .left-col__menu__item::before {
        visibility: visible;
        display: block;
    }

    .page-screenings-film-detail .left-col__menu__item,
    .page-film-detail .left-col__menu__item {
        padding-left: 8px;
        display: block;
        margin-right: 0;
    }

    .page-film-detail li.left-col__menu__item:last-child {
        margin-top: 30px;
        margin-top: 3rem;
    }

    .page-film-detail.closedmc .media-container__mediacontainer,
    .page-film-detail.closedmc .media-container__controls {
        padding-bottom: 450px;
    }
}




.page-studenten .search-header {
    position: relative;
}

.page-studenten .filter-container .search {
    width: 100%;
}

.member-item__content h2,
.member-item__info {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    font-weight: 100;
    max-width: 75%;
    font-family: Helvetica, sans-serif;
}

.member-item__content h2 {
    margin-bottom: 10px;
    margin-bottom: 1rem;
}

.page-studenten .main-col__title {
    margin-bottom: 23px;
    margin-bottom: 2.3rem;
}

.page-studenten .alphabet-filter button {
    background: none;
    text-decoration: underline;
    padding-right: 7.5px;
    padding-right: 0.75rem;
    cursor: pointer;
}

.page-studenten .alphabet-filter button:last-of-type {
    text-decoration: none;
}

.page-studenten .select {
    margin-bottom: 0;
}

article.non-collapsible {
    background: #ffffff !important;
    cursor: default !important;
}

.non-collapsible h2.member-item__toggler__title.collapsible-title.collapsible-preview {
    cursor: default !important;
}

.member-item {
    position: relative;
    min-height: 109px;
    min-height: 10.9rem;
    padding-top: 19px;
    padding-top: 1.9rem;
    padding-bottom: 19px;
    padding-bottom: 1.9rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    background: #ffffff;
}

.member-item:not(.open):hover,
.member-item:not(.open):active,
.member-item:not(.open):focus {
    background: #f1f1f1;
}
.register-content-box .member-item:hover {
    background: #fff;
}

.member-item__left-col {
    margin: 0 auto;
}

.member-item__toggler__img {
    position: absolute;
    left: 20px;
    width: 75px;
    width: 7.5rem;
    top: 19px;
    top: 1.9rem;
}

.member-item__toggler__title {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 2.7px;
    line-height: 2.7rem;
    letter-spacing: 0.5px;
    letter-spacing: 0.05rem;
    margin: 10px 0;
    margin: 1rem 0;
}

.member-item__meta-info,
.member-item__toggler__title {
    padding-left: 98px;
    padding-left: 9.8rem;
}

.member-item .collapsible-icon {
    height: 22px;
    height: 2.2rem;
    width: 18px;
    width: 1.8rem;
    top: 42px;
    top: 4.2rem;
    right: 20px;
    right: 2rem;
}

.member-item.open .collapsible-icon,
#print-button-styleless {
    visibility: hidden;
    display: block;
}

.member-item__img {
    width: 100%;
}

.card-link.button {
    display: block;
    min-height: 28px;
    min-height: 2.8rem;
    line-height: 13px;
    line-height: 1.3rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 34px;
    margin-bottom: 3.4rem;
}




a.card-link.button {
    background: #fff;
    color: #000;
    font-weight: 600;
    border: solid 1px #000;
    transition: all .4s ease-in-out;
}

a.card-link.button:hover {
    background: #000;
    color: #fff;
    border: solid 1px #000;
}

a#members-open-portlofio-button {
    background: #000;
    position: relative;
    padding: 5px;
    margin-top: 20px !important;
    color: #fff;
    text-decoration: none;
}

.members-detail-portfolio-link{
    background: #000;
    padding: 10px;
    margin-top: 20px;
    color: #fff;
    text-decoration: none;
    border: solid 1px #fff;
    font-weight: 600;
}

.members-detail-portfolio-link:hover {
    background: #fff;
    color: #000;
    border: solid 1px #000;
    
}


a#members-open-portlofio-button {
    background: #000;
    position: relative !important;
    padding: 5px 25px;
    margin-top: 0px !important;
    color: #fff;
    text-decoration: none; 
    transition: all .4s ease-in-out;
    font-weight: 600;
    border: solid 1px #000;
}

@media (min-width: 1024px) { 
    a#members-open-portlofio-button {
        position: absolute !important;
        margin-top: 20px !important;
    }
}

a#members-open-portlofio-button:hover {
    background: #fff;
    color: #000;
}

li.left-col__menu__item:last-of-type:before {
    visibility: hidden;
}



.member-item-contact p {
    padding-bottom: 2px;
    padding-bottom: 0.2rem;
}

.member-item__info {
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
}

.member-item__content {
    padding-top: 16px;
    padding-top: 1.6rem;
    padding-bottom: 60px;
    padding-bottom: 6rem;
}

h2.member-item__title {
    font-weight: 600;
    margin: 0;
}

.member-item__subhead {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 18px;
    line-height: 1.8rem;
    margin: 18px 0 2px;
    margin: 1.8rem 0 0.2rem 0;
}

.member-item__print-button {
    float: right;
}

.member-item__urls a {
    display: block;
}

p.member-item__relation-link {
    padding-bottom: 0;
}

.member-item__filme i {
    font-style: italic;
}

img.member-item__toggler__img.collapsible-preview[src=''] {
    display: none !important;
}

img.member-item__toggler__img.collapsible-preview[src=''] + h2,
img.member-item__toggler__img.collapsible-preview[src=''] + h2 + p {
    padding-left: 0;
    margin-left: 0;
}

@media screen and (min-width:768px) {

    .page-studenten .alphabet-filter {
        font-size: 13px;
        font-size: 1.3rem;
        margin-bottom: 39px;
        margin-bottom: 3.9rem;
        text-transform: uppercase;
    }

    .member-item__left-col,
    .member-item__content {
        display: inline-block;
        vertical-align: top;
        width: 72.5%;
        // padding-right: 20px;
    }

    .member-item__left-col {
        width: 22.2%;
        margin-right: 5.3%;
    }

}

@media screen and (min-width:1024px) {

    .page-studenten .search-header img {
        max-width: 100%;
    }

    .page-studenten .search-header__form {
        width: 83.1%;
        margin: -133px 0 81px 16.9%;
        margin: -13.3rem 0 8.1rem 16.9%;
    }

    .page-studenten .search-header + .content-container .main-col--studenten {
        padding-top: 0;
        background: white none repeat scroll 0 0;
        margin-top: -59px;
        margin-top: -5.9rem;
        z-index: 9000;
        float: right;
    }

    .page-studenten .filter-container {
        display: inline-block;
        vertical-align: top;
        width: 33.3333%;
        margin: 0;
        padding-right: 20px;
    }

    .member-item__toggler__img {
        left: 0;
    }

    .member-item__img {
        margin-bottom: 16px;
        margin-bottom: 1.6rem;
    }

    div.member-item__content .member-item__title + p a {
        text-decoration: none;
    }

    p.member-item__meta-info {
        padding-bottom: 0;
    }

    .member-item__activity {
        display: block;
        padding-bottom: 0.5em;
    }

    .member-item.open .collapsible-icon {
        visibility: visible;
        display: block;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #print-button-styleless {
        visibility: visible;
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
        letter-spacing: 0.8px;
        letter-spacing: 0.08rem;
        position: absolute;
        right: 56px;
        padding-right: 14px;
        border-right: 1px solid #d3d3d3;
        text-transform: uppercase;
        text-decoration: none;
        top: 44px;
        top: 4.4rem;
    }

}

@media print {

    .search-header,
    #print-button-styleless,
    .member-item__toggler,
    .site-header__nav,
    .search-header__form,
    .site-header__fb-link,
    .site-header__twitter-link,
    .site-footer,
    .left-col,
    .alphabet-filter,
    .member-item:not(.open),
    .member-item-contact {
        visibility: hidden;
        display: none;
    }

    .site-header,
    .mob-container {
        padding-left: 0;
        padding-right: 0;
    }

    .member-item {
        padding-top: 15px;
        padding-top: 1.5rem;
        border-bottom: 0;
        font-size: 10px;
        font-size: 1rem;
        line-height: 16px;
        line-height: 1.6rem;
    }

    .member-item__left-col {
        width: 100%;
        padding-bottom: 19px;
        padding-bottom: 1.9rem;
        border-bottom: 1px solid #d3d3d3;
    }

    .member-item__img {
        display: block;
        max-width: 335px;
        margin: 0 auto;
    }

    .member-item__content {
        max-width: 60%;
        margin: 0 auto;
    }

    .member-item__content h2, .member-item__info {
        font-size: 22;
        font-size: 2.2rem;
        line-height: 27px;
        line-height: 2.7rem;
    }

    .member-item__content h2, .member-item__info {
        width: 100%;
    }

}


.members-detail-header {
    margin-bottom: 40px;
    margin-bottom: 4rem;
}

.members-detail-header-image {
    position: relative;
    background: #0B0B0B;
    height: 0;
    padding-bottom: 56.6%;
}

.has-fullscreen-media-container {
    cursor: pointer;
}

.members-detail-header-image img {
    height: 100%;
    position: absolute;
    top: 0;
    left: -9999px;
    right: -9999px;
    margin: 0 auto;
}

.members-detail-header-image .radial-gradient-layer {
    opacity: 0.33;
}

.members-detail-title {
    margin-bottom: 0;
    font-weight: 500;
}

.members-detail-department {
    margin-bottom: 22px;
    margin-bottom: 2.2rem;
}

.members-detail-quote {
    color: #565656;
}

.members-detail-subheader {
    font-weight: 100;
    margin: 33px 0 22px 0;
    margin: 3.3rem 0 2.2rem 0;
}

.members-detail-header-fullscreen-button {
    background-image: url(../media/images/img_fullscreen.svg);
    z-index: 1000;
    width: 29px;
    height: 24px;
    position: absolute;
    cursor: pointer;
    bottom: 1.5rem;
    bottom: 15px;
    right: 15px;
}

.left-col--member-detail.not-empty {
    border-top: 0;
    padding-bottom: 18px;
    padding-bottom: 1.8rem;

}

@media (min-width: 1024px) { 
    .left-col--member-detail.not-empty {
        min-height: 200px;
    }
}

.left-col--member-detail .left-col__title,
.left-col--member-detail .left-col__menu__item::before {
    visibility: hidden;
    display: none;
}

.left-col--member-detail .left-col__menu__item {
    padding-left: 0;
    display: inline-block;
    margin-right: 15px;
}


.main-col--member-detail b {
    font-weight: bold;
}

.main-col--member-detail i {
    font-style: italic;
}

.main-col--member-detail a {
    cursor: pointer;
}

.fullscreen-active .site-footer {
    display: none;
}

/*.page-studenten li.left-col__menu__item:last-child {
    background: #969494;
    line-height: 3.3em;
    display: inline-block;
    padding: 0 12px;
    margin-top: 20px;
}

.page-studenten li.left-col__menu__item.own-profile:last-child { 
    background: #000000;
}

.page-studenten li.left-col__menu__item:last-child a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}*/

a#members-open-profile-button {
    font-weight: 600;
    background: #969494;
    position: absolute;
    padding: 5px;
    margin-top: 61px !important;
    color: #fff;
    text-decoration: none;
    margin-left: 8px;
    width: 104px;
    text-align: center;
    display: none;
}

a#members-open-profile-button.own-profile {
    background: #000000;
}




@media screen and (min-width:768px) {

    .main-col--member-detail,
    .right-col--member-detail {
        display: inline-block;
        vertical-align: top;
        min-height: 60px;
        min-height: 6rem;
        padding-bottom: 70px;
        padding-bottom: 7rem;
        border-top: 0;
        padding-top: 36px;
        padding-top: 3.6rem;
        padding-left: 30px;
        padding-right: 30px;
    }

    .main-col--member-detail {
        width: 78.9%;
        padding-right: 31px;
        padding-top: 6px;
        padding-top: 0.6rem;
    }

    .right-col--member-detail,
    .right-col--member-detail.not-empty {
        border-top: 0;
        width: 21.1%;
        border-bottom: 0;
    }

    .right-col--member-detail__title {
        margin-top: 0;
    }

}

@media screen and (min-width: 1024px) {

    .members-detail-header {
        margin-bottom: 0;
    }

    .members-detail-header-description,
    .members-detail-header-image {
        display: inline-block;
        vertical-align: top;
    }

    .members-detail-header-image {
        width: calc(61% - 33px);
        height: 450px;
        overflow: hidden;
        padding-bottom: 0;
    }

    .members-detail-header-image img {
        height: 100%;
        width: auto;
    }

    .members-detail-header-description {
        margin-left: 16.9%;
        padding-left: 39px;
        width: 83.1%;
    }

    .members-detail-header-description .members-detail-title {
        padding-bottom: 33px;
        padding-bottom: 3.3rem;
        border-bottom: 1px solid rgb(195, 195, 195);
        border-bottom: 0.1rem solid rgb(195, 195, 195);
    }

    .members-detail-header-image + .members-detail-header-description {
        background-color: #000000;
        margin-left: 0;
        color: #FFFFFF;
        padding: 10px 33px;
        width: calc(39% + 33px);
        height: 261px;
        height: 391px;
    }

    .members-detail-header-image + .members-detail-header-description .members-detail-title {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .members-detail-header-fullscreen-button {
        bottom: 7.5rem;
        bottom: 65px;
        right: 17px;
    }

    .members-detail-header-quote {
        font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
        font-weight: 100;
    }

    .main-col--member-detail {
        width: 62%;
        padding-left: 39px;

        padding-top: 0;
        background: white none repeat scroll 0 0;
        z-index: 9000;
    }

    .main-col--has-img {
        margin-top: -59px;
        margin-top: -5.9rem;
    }

    .right-col--member-detail,
    .right-col--member-detail.not-empty {
        border-top: 0;
        width: 21.1%;
        padding-top: 0;
        margin-top: -12px;
        margin-top: -1.2rem;
        border-bottom: 0;
    }

    .members-detail-title {
        font-size: 33px;
        font-size: 3.3rem;
        margin-top: 31px;
        margin-top: 3.1rem;
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }

    .members-detail-department {
        margin-bottom: 45px;
        margin-bottom: 4.5rem;
    }

    .left-col--member-detail .left-col__title,
    .left-col--member-detail .left-col__menu__item::before {
        visibility: visible;
        display: block;
    }

    .left-col--member-detail .left-col__menu__item {
        padding-left: 8px;
        display: block;
        margin-right: 0;
    }
    
    a#members-open-profile-button {
        display: block;
    }

}


.news-sidebar {
   visibility: hidden;
   display: none;
}

.news-left-image,
.news-right-col {
   padding-top: 30px;
   padding-top: 3rem;
}

.news-left-image {
   padding-bottom: 26px;
   padding-bottom: 3.6rem;
}

.news-container {
   width: 100%;
   min-height: 100vh;
}

.gutter-sizer {
   width: 0;
}

.news-item {
   width: 100%;
   float: left;
   box-sizing: border-box;
   padding: 2rem 0;
   word-wrap: break-word;
   background: #FFFFFF;
}

.gutter-sizer + .news-item {
   padding-top: 0;
}

.news-img-container {
   display: block;
   position: relative;
   margin-bottom: 1.5rem;
}

.news-item img {
   width: 100%;
   height: auto;
}

.news-item-content {
   padding-left: 20px;
   padding-right: 20px;
}

.news-title {
   margin: 0 0 1.5rem;
}

.news-title a {
   font-size: 2rem;
   font-weight: bold;
   text-decoration: none;
}

.news-detail-title {
   font-weight: bold;
   margin: 0 0 1.5rem;
}

.news-insert-at,
.news-detail-insert-at {
   color: rgb(195, 195, 195);
   font-style: italic;
   margin-bottom: 15px;
   margin-bottom: 1.5rem;
   padding: 0;
}

.press-block-container {
   border-bottom: 1px solid rgb(195, 195, 195);
   border-bottom: 0.1rem solid rgb(195, 195, 195);
}

.news-footer__application-block {
   visibility: hidden;
   display: none;
}

.news-footer .site-footer__menu-container {
   position: static;
   margin: 0;
}



@media screen and (max-width: 414px) {

   .news-item:first-child {
      padding-top: 0;
      border-top: none;
   }

}

@media screen and (min-width: 415px) {

   .gutter-sizer {
      width: 20px;
   }

   .news-item {
      width: calc(50% - 30px);
      border-top: 1px solid rgb(195, 195, 195);
   }

   .news-item-content {
      padding-left: 0;
      padding-right: 0;
   }

   .news-container {
      padding-left: 20px;
      padding-right: 20px;
   }

}

@media screen and (min-width: 415px) and (max-width: 767px) {

   /* select first 2 children */
   .news-item:nth-child(-n+3) {
      padding-top: 0;
      border-top: none;
   }

}

@media screen and (min-width:768px) {


   .gutter-sizer {
      width: 2.1%;
   }

   .news-item {
      width: calc( 23.425% - 15px);
   }

   .news-container {
      padding-left: 30px;
      padding-right: 30px;
   }

   .news-footer__content-container {
      position: absolute;
      left: 16.9%;
      right: 30px;
      padding-left: 39px;
   }

   .news-footer__application-block {
      visibility: visible;
      display: block;
   }

   .news-footer .site-footer__menu-container {
      float: left;
      width: 48%;
   }

   .news-footer .site-footer__menu-container {
      float: right;
      width: 48%;
   }

   .news-footer .site-footer__service-menu {
      float: left;
      text-align: left;
   }

   .news-footer .site-footer__misc-menu {
      margin-top: 18px;
      margin-top: 1.8rem;
      float: right;
      text-align: right;
      vertical-align: top;
   }

   .news-footer .search {
      height: 52px;
      height: 5.2rem;
   }

   .news-footer .search--expander {
      height: 14px;
      height: 1.4rem;
   }

   .news-footer a.search--expander__submit {
      font-size: 12px;
      font-size: 1.2rem;
   }

   .news-footer .site-footer__search {
      max-width: 9999px;
   }

   .news-footer a.site-footer__search__submit {
      font-size: 12px;
      font-size: 1.2rem;
      margin-bottom: 0;
   }

   .news-footer a.site-footer__search__submit,
   .news-footer .site-footer__search .search--expander__input,
   .news-footer .site-footer__search .search--expander__placeholder {
      right: 0;
      left: auto;
   }

   .page-dynamic .news-main-col,
   .page-dynamic .news-right-col {
      padding-bottom: 36px;
      padding-bottom: 3.6rem;
      padding-left: 30px;
      padding-right: 30px;
   }

   .news-left-col,
   .news-right-col {
      float: left;
      width: 48%;
      min-height: 1px;
   }

   .news-left-col {
      margin-right: 4%;
   }

   .news-left-col .sticky-element.sticky-element--sticky {
      position: fixed;
      top: 0;
   }

   .news-left-col .sticky-element.sticky-element--reached-bottom {
      position: absolute;
      bottom: 0;
      top: auto;
   }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

   /* select first 4 children */
   .news-item:nth-child(-n+5) {
      padding-top: 0;
      border-top: none;
   }

}

@media screen and (min-width: 1024px) {

   .news-sidebar {
      visibility: visible;
      display: inline-block;
   }

   .news-main-col,
   .page-dynamic .news-main-col {
      box-sizing: border-box;
      width: 83.1%;
      padding-right: 0;
   }

   .press-block-container {
      border-bottom: 0;
   }

   .search--news,
   .filter-form--news .collapsible,
   .filter-form--news .select {
      display: inline-block;
      vertical-align: top;
      width: 48.95%;
   }

   .page-news .filter-form--mobile > .search,
   .page-news .select select {
      height: 35px;
      height: 3.5rem;
      margin-bottom: 0;
   }

   .page-news .search__input {
      padding-left: 20px;
      padding-right: 20px;
   }

   .page-news .search-mobile .search-submit {
      height: 34px;
      height: 3.4rem;
      width: 34px;
      width: 3.4rem;
   }

   .filter-form--news .select {
      width: 47.9%;
   }

   .filter-form--news .select::before {
      height: 3.2rem;
      width: 3.2rem;
   }

   .filter-form--news .select::after {
       background-position: center 0.25rem;
       height: 3.2rem;
       right: 12px;
   }

   .filter-form--news .collapsible {
      margin-left: 2.1%;
   }

   .filter-form--news .select:last-child {
      margin-left: 4.2%;
   }

   .filter-form--news .collapsible-text {
      padding-top: 0;
   }

   .news-container {
      padding-left: 0;
      padding-right: 0;
   }

   .news-item {
      width: 23.42%;
   }

   /* select first 4 children */
   .news-item:nth-child(-n+5) {
      padding-top: 0;
      border-top: none;
   }

   .news-footer__application-block {
      padding-top: 2rem;
      border-top: 0.1rem solid rgb(195, 195, 195);
   }

   .news-footer__content-container {
      right: 0;
   }

   .news-left-col,
   .page-dynamic .news-right-col {
      border-top: 1px solid rgb(195, 195, 195);
      padding-left: 0;
      padding-right: 0;
   }

   .left-col.not-empty.left-col--news-detail {
      margin-top: -3px;
      margin-top: -3rem;
      padding-top: 0;
   }

   .left-col--news-detail > .sticky-element {
      padding-top: 30px;
      padding-top: 3rem;
   }

}


.search-sub-header {
   margin-bottom: 20px;
   margin-bottom: 2rem;
}

.search-container .search-input-field {
   padding: 15px;
   padding: 1.5rem;
   border: 1px solid #C5C5C5;
   margin: 15px 0 25px;
   margin: 1.5rem 0 2.5rem;
   width: 100%;
}

.search-container label {
   font-weight: bold;
   font-size: 14px;
   font-size: 1.4rem;
}

.search-container .search-submit {
   float: right;
   width: 25%;
   padding: 10px;
   padding: 1rem;
   background-color: #000;
   color: #fff;
   margin-bottom: 15px;
   margin-bottom: 1.5rem;
   cursor: pointer;
}

.cbSearchResult {
   clear: both;
   font-size: 13px;
   font-size: 1.3rem;
}

.cbSearchHeader {
   margin-bottom: 20px;
   margin-bottom: 2rem;
}

.cbSearchPager a,
.cbSearchPager span {
   font-weight: bold;
}

.cbSearchItem {
   margin-bottom: 15px;
   margin-bottom: 1.5rem;
}

.cbSearchTitle {
   margin-bottom: 10px;
   margin-bottom: 1rem;
}

.cbSearchTitle a {
   text-decoration: none;
   font-weight: bold;
}

.media-window-container .__CbUiCloseButton{
	 display: block;
	 position: absolute;
	 top: 10px;
	 right: 10px;
	 padding: 0;
	 width: 11px;
	 height: 11px;
	 cursor: pointer;
}

.media-window-container,
.media-window-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.media-window-container{
	 top: 60px !important;
	 left: 10px !important;
	 right: 10px !important;
	 width: calc(100% -20px);
	 max-width: 630px;
	 margin: 0 auto;
	 position: absolute;
	 -moz-box-shadow: 0 0 5px #888;
	 -webkit-box-shadow: 0 0 5px #888;
	 box-shadow: 0 0 5px #888;
	 padding: 30px 30px 70px 30px;
	 background-color: #fff;
	 display: block;
	 overflow: hidden;
}

.media-window-container h1{
	 font-size: 18px;
	 border-top: 1px solid #000;
	 border-bottom: 1px solid #000;
}

.media-window-cotainer .main-image{
	 text-align: center;
}

.media-window-container .main-image{
	 position: relative;
	 height: 450px;
	 overflow: hidden;
}

.media-window-container .main-image .prev,
.media-window-container .main-image .next {
	 position: absolute;
	 width: 25px;
	 height: 450px;
	 z-index: 2;
	 /*background-image: url('../images/icon-arrows-mediawindow.png');*/
	 background-repeat: no-repeat;
}

.media-window-container .main-image .prev {
	left: 0;
}

.media-window-container .main-image .next {
	 right: 0px;
}

.media-window-container .main-image .items {
	 position: relative;
	 z-index: 1;
}

.media-window-container .main-image .items .item {
	 display: block !important;
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 width: 100%;
	 height: 100%;
}

.media-window-container .main-image .items .item:not(:first-child) {
	 /*
		* This rule is not required for the media container to work, but it makes
		* everything look smoother. It is optional, and that is the reason why it
		* uses complex CSS3 selectors that are not supported by all browsers.
		*/
	 display: none;
}

.media-window-container .thumbnails-container{
	 position: relative;
	 overflow: hidden;
	 text-align: center;
}

.media-window-container .thumbnails-container ul{
	 visibility: hidden;
	 position: relative;
	 top: 0px;
	 left: 0px;
	 height: 100px;

	 /*
		* This makes sure that nothing wraps in the visible area. This is required
		* for the size calculations to work, since they cannot be done before
		* everything has loaded. Until then, this ensures that it appears correctly.
		*/
	 width: 10000000px;
}

.media-window-container .thumbnails-container ul li{
	 position: relative;
	 float: left;
	 cursor: pointer;
}

.media-window-container .navigation {
	 float: right;
	 font-size: 1.5em;
	 font-weight: bold;
	 margin-top: 0.3em;
	 margin-left: 1.4em;
	 padding-bottom: 1em;
}
.media-window-container .navigation .total {
	 font-size: 18px;
}
.media-window-container .navigation .prev,
.media-window-container .navigation .next {
	 display: inline-block;
	 width: 16px;
	 height: 25px;
	 font-size: 0px;
	 /*background-image: url('../images/icon_arrow_small_new_2.png');*/
	 background-repeat: no-repeat;
}
.media-window-container .main-image .prev,
.media-window-container .main-image .next,
.media-window-container .navigation .prev,
.media-window-container .navigation .next {
	 outline: none;
}

/* sprites */
.media-window-container .main-image   .prev       { background-position:   0px 50%; }
.media-window-container .main-image   .next       { background-position: -28px 50%; }
/*.media-window-container .main-image   .prev:hover { background-position: -30px 50%; }
.media-window-container .main-image   .next:hover { background-position: -60px 50%; }*/

/*.media-window-container .navigation .prev       { background-position:   0px 50%; }
.media-window-container .navigation .prev:hover { background-position: -16px 50%; }
.media-window-container .navigation .next:hover { background-position: -32px 50%; }
.media-window-container .navigation .next       { background-position: -48px 50%; }*/

.media-window-container .navigation .prev {
	 /*background-image: url('../images/arrow_submit_left.png');*/
	 background-position: 0 17px;
}
.media-window-container .navigation .next {
	 /*background-image: url('../images/arrow_submit.png');*/
	 background-position: 11px 17px;
}

.image-separator{
	 height: 1px;
	 border-top: 1px solid #000;
	 margin: 0 auto 20px;
}

.__CbUiCloseButton {
	 /*background-image: url(../images/icon-close-new.png);*/
}





.page-schwarzes-brett .left-col.not-empty {
	border-top: 0;
	padding-bottom: 18px;
	padding-bottom: 1.8rem;
}

.page-schwarzes-brett .media-container__text {
   margin: 0;
   min-height: 0;
   padding: 0;
}

.page-schwarzes-brett .media-container__title,
.page-schwarzes-brett .media-container__subtitle,
.page-schwarzes-brett .media-container__excerpt,
.page-schwarzes-brett .media-container__info,
.page-schwarzes-brett .media-container__counter {
    display: none;
    visibility: hidden;
}

.page-schwarzes-brett .left-col__title,
.page-schwarzes-brett .left-col__menu__item::before {
	visibility: hidden;
	display: none;
}

.page-schwarzes-brett .left-col__menu__item {
	padding-left: 0;
	display: inline-block;
}

.sb-articles {
	padding-bottom: 44px;
	padding-bottom: 4.4rem;
}

.sb-article {
	border-top: 0;
	margin-bottom: 44px;
	margin-bottom: 4.4rem;
}

.sb-article__headline,
.sb-article__info,
.sb-article__preview {
   font-size: 14px;
   font-size: 1.4rem;
   font-weight: 600;
   line-height: 22px;
   line-height: 2.2rem;
}

.sb-article__headline {
   text-decoration: underline;
   margin-top: 0;
   margin-bottom: 11px;
   margin-bottom: 1.1rem;
}

.sb-article__info,
.sb-article__preview {
	font-weight: 400;
}

.sb-article__cat {
	text-transform: uppercase;
}

.sb-article__info {
	font-style: italic;
	margin-bottom: 11px;
	margin-bottom: 1.1rem;
}

.sb-article__more {
	text-decoration: underline;
}








.schwarzes-brett > .__CbUiFrame .__CbUiContent {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: inherit;
    width: 650px;
}
.schwarzes-brett > .__CbUiFrame .__CbUiHeader, .schwarzes-brett .__CbUiTitle {
    display: none;
}
.schwarzes-brett > .__CbUiFrame, .schwarzes-brett > .__CbUiFrame .__CbUiPage {
    position: inherit;
}
.schwarzes-brett > .__CbUiFrame .media-window-container {
    left: auto;
    margin-left: auto;
    position: absolute;
    width: 630px;
    z-index: 1337;
}

.note-form-container {
    font-size: 13px;
    line-height: 150%;
    width: auto;
}
.note-form-container a {
    text-decoration: underline;
}

.note-form-container p {
    margin: 10px 0 3px;
    margin: 1rem 0 0.3rem;
}
#note-form label[for="note-form-theme"] {
    display: none;
}
#note-form label[for="note-form-terms"] {
    float: none;
    margin-left: 10px;
    width: 500px;
}
#note-form label {
    float: left;
    width: 22%;
}
#note-form #note-form-type, #note-form #note-form-theme {
    background-color: transparent;
    border: medium none;
    padding-left: 0.5em;
}
#note-form #note-form-type {
    width: 100px;
}
#note-form #note-form-theme {
    width: 414px;
}
#note-form #note-form-terms {
    width: 13px;
}
#note-form input[type="text"], #note-form select, #note-form textarea {
    background-color: #ffffff;
    border: 1px solid #a0a0a0;
    color: #292929;
    font-size: 14px;
    margin: 0;
    padding: 3px 0;
    width: 78%;
}
#note-form textarea {
    height: 250px;
}
#note-form .form-error {
    color: red;
}
#note-form input[type="checkbox"] {
    display: inline;
}
#note-form input[type="submit"] {
    background-color: #000000;
    color: #ffffff;
    display: inline-block;
    float: right;
    font-size: 12px !important;
    letter-spacing: 1px;
    padding: 10px;
    text-decoration: none !important;
    width: auto;
}
#note-form .note-form-msg {
    margin-bottom: 20px;
    margin-left: 15px;
}
#note-form .note-form-msg > ul > li {
    list-style: outside none none;
    margin-left: -13px;
}
.note-terms {
    clear: both;
    padding-top: 45px;
}

#note-form .styled-select {
	height: auto;
	background-image: url("images/img_accordeon-close.png");
	background-size: 20px;
}

#note-form .styled-select.type {
    background-position: right center;
    float: left;
    margin-right: 10px;
    width: 13%;
}
#note-form .styled-select.theme {
    background-position: right center;
    float: left;
    width: calc(65% - 10px);
}

#note-form .button {
    float: right;
}




@media screen and (min-width:1024px) {

	.page-schwarzes-brett .media-container + .content-container .main-col {
	    background: white none repeat scroll 0 0;
	    margin-top: -59px;
	    margin-top: -5.9rem;
	    padding-top: 0;
	    z-index: 9000;
	}

	.page-schwarzes-brett .left-col__title,
	.page-schwarzes-brett .left-col__menu__item::before {
		visibility: visible;
		display: block;
	}

	.page-schwarzes-brett .left-col__menu__item {
		padding-left: 8px;
		display: block;
	}

}

.page-hff-jahresfilm .controlbar-button-container {
   display: none;
}

body.page-hff-jahresfilm {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

body.page-hff-jahresfilm {
   background-image: url('images/jahresfilm-not-logged-in.jpg');
}

body.page-hff-jahresfilm-list {
   background-image: url('images/jahresfilm-is-logged-in.jpg');
}

body.page-hff-jahresfilm-detail {
   background-image: none;
}

body.fullscreen-active.page-hff-jahresfilm .site-header {
   z-index: 10000;
}

.page-hff-jahresfilm .site-header__nav--desktop {
   padding-top: 0;
   right: 0;
}

.page-hff-jahresfilm .site-header__nav__inner {
   background-color: rgba(0, 0, 0, 0.85);
}

.page-hff-jahresfilm .collapsible-icon--menu {
   fill: #fff;
   z-index: 9999;
}

.page-hff-jahresfilm-detail .collapsible-icon--menu {
   display: none;
}

.page-hff-jahresfilm .open .collapsible-icon--menu {
   right: 20px;
}

.page-hff-jahresfilm .site-header__nav--mobile .site-header__main-menu,
.page-hff-jahresfilm .site-header__nav--mobile .site-header__lang-menu {
   position: static;
   font-size: 2.2rem;
}

.page-hff-jahresfilm .site-header__nav--mobile .site-header__lang-menu {
   display: block;
   margin-top: 35px;
   margin-top: 3.5rem;
}

.page-hff-jahresfilm .site-header__nav--desktop .site-header__main-menu,
.page-hff-jahresfilm .site-header__nav--desktop .site-header__misc-menu,
.page-hff-jahresfilm .site-header__nav--desktop .site-header__lang-menu {
   position: absolute;
   top: 0;
}

.page-hff-jahresfilm .site-header__nav--desktop .site-header__main-menu li,
.page-hff-jahresfilm .site-header__nav--desktop .site-header__lang-menu li {
   margin: 0;
   line-height: 22px;
}

.page-hff-jahresfilm .site-header__main-menu a,
.page-hff-jahresfilm .site-header__misc-menu a,
.page-hff-jahresfilm .site-header__lang-menu a {
   color: #fff;
}

.page-hff-jahresfilm .site-header__nav--mobile .site-header__main-menu a,
.page-hff-jahresfilm .site-header__nav--mobile .site-header__lang-menu a {
   font-size: 20px;
   font-size: 2rem;
}

.page-hff-jahresfilm .site-header__nav--mobile .site-header__lang-menu a {
   display: table-cell;
   vertical-align: middle;
   height: 32px;
}

.page-hff-jahresfilm .site-header__nav .user-area-username {
   color: #fff;
}

.page-hff-jahresfilm .site-header__nav--desktop .site-header__misc-menu {
   left: auto;
   right: 20px;
}

.page-hff-jahresfilm .site-header__nav--desktop .site-header__main-menu {
   width: 15%;
}

.page-hff-jahresfilm .site-header__nav--desktop .site-header__main-menu,
.page-hff-jahresfilm .site-header__nav--desktop .site-header__lang-menu {
   left: auto;
}

.page-hff-jahresfilm .site-header__nav--desktop .site-header__main-menu {
   right: 11.5%;
}

.hff-jahresfilm-detail .site-header__nav--desktop .site-header__main-menu {
   display: none;
}

.page-hff-jahresfilm .site-header__nav--desktop .site-header__lang-menu {
   right: 25.5%;
}

.hff-jahresfilm-detail .site-header__nav--desktop .site-header__lang-menu {
   right: 72px;
}

.page-hff-jahresfilm .site-header__misc-menu,
.page-hff-jahresfilm .site-header__logo svg {
   fill: #fff;
}

.hff-jahresfilm-detail .site-header__logo {
   pointer-events: none;
}

.go-back-button {
   display: none;
}

.hff-jahresfilm-detail .go-back-button {
   display: block;
   background-image: url('images/img_close.png');
   background-repeat: no-repeat;
   background-size: contain;
   width: 32px;
   height: 32px;
}

.page-hff-jahresfilm .login-button {
   color: #000;
   background-color: #fff;
}

.page-hff-jahresfilm .site-header__nav--desktop .site-header__lang-menu__item {
   float: none;
}

.page-hff-jahresfilm .site-header__nav--mobile .site-header__lang-menu__item {
   float: right;
   margin: 0 0 20px 15px;
}

.hff-jahresfilm-container {
   text-align: center;
   width: calc(100% - 60px);
   color: #fff;
}

.hff-jahresfilm-header {
   margin: 0 auto 20px;
   margin: 0 auto 2rem;
}

.voucher-error-message,
.hff-jahresfilm-text {
   margin: 0 auto;
}

.voucher-input-form {
   margin-top: 20px;
   margin-top: 2rem;
}

.voucher-input-form input,
.voucher-input-form button {
   display: block;
   margin: 0 auto 20px;
   margin: 0 auto 2rem;
}

.voucher-input-form input {
   padding: 2rem 5%;
   font-size: 18px;
   font-size: 1.8rem;
   text-align: center;
}

.voucher-input-form button {
   font-size: 14px;
   font-size: 1.4rem;
   background: transparent;
   border: none;
   cursor: pointer;
   text-transform: uppercase;
}

.voucher-input-form ::-webkit-input-placeholder {
   text-align: center;
   color: #000;
   font-size: 1.8rem;
}

.voucher-input-form ::-moz-placeholder {
   text-align: center;
   color: #000;
   font-size: 1.8rem;
}

.voucher-input-form :-ms-input-placeholder {
   text-align: center;
   color: #000;
   font-size: 1.8rem;
}

.voucher-input-form :-moz-placeholder {
   text-align: center;
   color: #000;
   font-size: 1.8rem;
}

.voucher-error-message {
    color: red;
    display: none;
    background-color: rgba(255, 255, 255, 0.34);
}

.hff-jahresfilm-mail-link {
   position: fixed;
   bottom: 20px;
   bottom: 2rem;
   width: 100%;
   text-align: center;
   color: #fff;
}

.hff-jahresfilm-accordeon-header {
   font-size: 16px;
   font-size: 1.6rem;
   font-weight: normal;
   text-transform: uppercase;
}

.page-hff-jahresfilm .accordeon-item {
   border-top: none;
}

.page-hff-jahresfilm .collapsible-title {
   color: #fff;
   font-size: 32px;
   font-size: 3.2rem;
   line-height: 36px;
   line-height: 3.6rem;
   padding: 0;
}

.hff-jahresfilm-slider.owl-carousel {
   float: none;
   margin: 0 auto;
}

.hff-jahresfilm-slider .film-slide__title {
   left: 20px;
}

.hff-jahresfilm-slider .owl-prev,
.hff-jahresfilm-slider .owl-next {
   position: absolute;
   top: 35%;
   width: 28px;
   height: 22px;
   font-size: 0;
   background-repeat: no-repeat;
   background-size: contain;
}

.hff-jahresfilm-slider .owl-prev {
   left: -30px;
   background-image: url('images/slideshow_arrow_left.png');
   background-position: center left;
}

.hff-jahresfilm-slider .owl-next {
   right: -30px;
   background-image: url('images/slideshow_arrow_right.png');
   background-position: center right;
}

.hff-jahresfilm-slider .film-slide__image {
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 35px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 35px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 35px rgba(0, 0, 0, 0.2) inset;
}

.hff-jahresfilm-slider .film-slide__title {
   position: static;
   font-size: 14px;
   font-size: 1.4rem;
}

.hff-jahresfilm-slider .film-slide__title a {
   color: #fff;
   text-decoration: none;
}

.hff-jahresfilm-slider .owl-item__inner > .film-slide__title {
   display: block;
}

.hff-jahresfilm-container .accordeon-content-wrap {
   padding: 15px 0;
}

.page-hff-jahresfilm-detail button.vjs-big-play-button:disabled {
    background-image: url(../media/images/loader.gif);
    background-size: contain;
}

@media screen and (min-width: 414px) {

   .hff-jahresfilm-slider .owl-item__inner {
      padding: 0 1.7%;
   }

}

@media screen and (max-width: 479px) {

   .hff-jahresfilm-container {
      margin-top: 20%;
   }

}

@media screen and (min-width: 480px) and (max-width: 767px) {

   .hff-jahresfilm-container {
      margin-top: 5%;
   }

}

@media screen and (max-width: 767px) {

   .voucher-error-message,
   .hff-jahresfilm-text {
      width: 95%;
   }

   .page-hff-jahresfilm .site-header__logo,
   .page-hff-jahresfilm .site-header__nav--desktop {
      top: 21px;
      top: 2.1rem;
   }

   .hff-jahresfilm-detail .go-back-button {
      position: absolute;
      top: 20px;
      top: 2rem;
      right: 0;
   }

}

@media screen and (min-width: 768px) {

   body.page-hff-jahresfilm.is-detail {
      background-color: #000;
   }

   .hff-jahresfilm-detail .site-header__misc-menu {
      display: none;
   }

   .voucher-error-message,
   .hff-jahresfilm-text {
      width: 55%;
   }

   .page-hff-jahresfilm .site-header__logo,
   .page-hff-jahresfilm .site-header__nav--desktop {
      top: 20px;
      top: 2rem;
   }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

   .hff-jahresfilm-container {
      margin-top: 15%;
   }

   .page-hff-jahresfilm .site-header__logo svg {
      width: 110px;
      width: 11rem;
      height: 60px;
      height: 6rem;
   }

   .hff-jahresfilm-detail .go-back-button {
      position: absolute;
      top: 20px;
      top: 2rem;
      right: 0;
   }

}

@media screen and (min-width: 1024px) {

   .hff-jahresfilm-detail .go-back-button {
      position: absolute;
      top: 0;
      right: 20px;
   }

}

.page-screenings-film-detail .site-header,
.page-hff-screenings .site-header {
   min-height: 0;
   padding-top: 2rem;
}

.page-screenings-film-detail .site-header__nav--desktop,
.page-hff-screenings .site-header__nav--desktop {
   position: relative;
   left: 0;
   right: 0;
   padding: 0 0 2rem;
   text-align: right;
}

.page-screenings-film-detail .collapsible-icon--menu,
.page-hff-screenings .open .collapsible-icon--menu {
   fill: #fff;
   z-index: 10000;
}

.page-screenings-film-detail .site-header__misc-menu,
.page-hff-screenings .site-header__misc-menu {
   width: auto;
   margin-left: 20px;
   margin-bottom: 0;
}

.page-screenings-film-detail .site-header__main-menu,
.page-hff-screenings .site-header__main-menu,
.page-screenings-film-detail .site-header__misc-menu,
.page-hff-screenings .site-header__misc-menu {
   display: inline-block;
}

.page-screenings-film-detail .site-header__main-menu__lang-item,
.page-hff-screenings .site-header__main-menu__lang-item {
   display: inline-block;
   margin-left: 10px;
}

.page-header img {
   width: 100%;
}

.page-screenings-film-detail a.site-header__fb-link,
.page-hff-screenings a.site-header__fb-link,
.page-screenings-film-detail a.site-header__twitter-link,
.page-hff-screenings a.site-header__twitter-link {
   top: 0;
   bottom: auto;
   right: auto;
}

.page-screenings-film-detail a.site-header__fb-link,
.page-hff-screenings a.site-header__fb-link {
   left: 0;
}

.page-screenings-film-detail a.site-header__twitter-link,
.page-hff-screenings a.site-header__twitter-link {
   left: 3.2rem;
}

.hff-screenings__item.film-archive__item {
   max-width: 100%;
}

.hff-screenings__item .film-archive__item__cover {
   position: relative;
}

.hff-screenings__item .film-archive__item__content {
   bottom: 0;
   left: 310px;
   padding: 0;
}

.hff-screenings__item .film-archive__item__cover img {
   width: 100%;
   height: 100%;
   position: static;
}

.hff-screenings__icon-link {
   position: absolute;
   width: 32px;
   height: 32px;
   top: 50%;
   right: 0;
   margin: -16px 0 0;
   background-image: url('images/img_accordeon-close.png');
   background-image: contain;
   background-repeat: no-repeat;
}

.hff-screenings__item .film-archive__item__with-screener {
   position: absolute;
   bottom: 10px;
   left: 0;
   background-color: #fff;
   text-transform: uppercase;
   padding: 5px 10px 5px 15px;
   font-size: 12px;
   text-decoration: none;
   cursor: pointer;
}

.hff-screenings__item .film-archive__item__short-info {
   margin: 0;
   padding: 0;
   font-style: italic;
   color: red;
}

.play-screener-button-container {
   position: absolute;
   z-index: 9000;
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.8);
   padding: 10px 20px;
   -moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.play-screener-button-container svg {
   position: absolute;
   right: 20px;
   bottom: 15px;
   top: 15px;
   width: auto;
   height: 39px;
   height: calc(100% - 30px);
}

.page-screenings-film-detail .play-screener-button {
   text-decoration: none;
}

.play-screener-head {
   font-size: 18px;
   margin-bottom: 5px;
}

.play-screener-text {
   color: red;
   font-size: 15px;
}

.play-screener-text:before {
   width: 0;
   content: "";
   height: 0;
   border-top: 7px solid transparent;
   border-left: 10px solid red;
   border-bottom: 7px solid transparent;
   display: inline-block;
   margin-right: 10px;
   vertical-align: middle
}

 .page-screenings-film-detail .media-container__viewport.with-screener {
   cursor: pointer;
}

.page-hff-screenings .back-to-list-button {
   display: none;
}

@media screen and (max-width: 639px) {

   .play-screener-button-container {
      right: 0;
      width: 100%;
   }

}

@media screen and (min-width: 640px) {

   .play-screener-button-container {
      right: 20px;
      width: calc(100% - 40px);
   }

}

@media screen and (max-width: 767px) {

   .hff-screenings__item .film-archive__item__cover {
      width: 100%;
      height: auto;
      padding-bottom: 0;
   }

   .hff-screenings__icon-link {
      display: none;
   }

   .play-screener-button-container {
      bottom: 0;
   }

   .play-screener-button-container img {
      width: 100%;
   }

   .page-screenings-film-detail .site-header__main-menu,
   .page-hff-screenings .site-header__main-menu {
      width: 100%;
   }

   .page-screenings-film-detail .open .collapsible-icon--menu,
   .page-hff-screenings .open .collapsible-icon--menu {
      right: 20px;
   }

}

@media screen and (min-width: 768px) {

   .hff-screenings__item.film-archive__item {
      margin-left: 0;
   }

   .hff-screenings__item .film-archive__item__cover {
      height: 203px;
      width: 280px;
      background-image: none;
   }

   .hff-screenings__item .film-archive__item__content {
      max-width: 405px;
   }

   .play-screener-button-container {
      bottom: 20px;
      right: 30px;
      width: 340px;
   }

}

@media screen and (min-width: 1024px) {

   .hff-screenings-form {
      margin: -13.3rem 0 0 16.9%;
   }

   .hff-screenings-form .search {
      display: inline-block;
      margin-right: 2%;
      width: 73%;
   }

   .hff-screenings-form .select {
      display: inline-block;
   }

   .content-container--hff-screenings .left-col {
      margin-top: 8rem;
   }

   .content-container--hff-screenings .main-col {
      width: 83.1%;
      background-color: #fff;
      margin-top: 2rem;
      float: right;
      padding-right: 0;
   }

   .content-container--hff-screenings .main-col__title {
      border-bottom: 1px solid #ccc;
      padding-bottom: 2.6rem;
   }


   .page-screenings-film-detail .site-footer__menu-container,
   .page-hff-screenings .site-footer__menu-container {
      right: 0;
      margin-right: 0;
   }

   .page-screenings-film-detail .site-header__main-menu,
   .page-hff-screenings .site-header__main-menu {
      padding-right: 20px;
      border-right: 1px solid #ccc;
   }

   .play-screener-button-container {
      bottom: 79px;
      bottom: 7.9rem;
      right: 20px;
   }

}


.studi-calendar-item {
    line-height: 20px;
    margin-bottom: 10px;
}

.studi-calendar-item-date {
    margin-bottom: 5px;
    font-style: italic;
    font-size: 12px;
    line-height: 18px;
}

.studi-calendar-item-date br {
    display: none;
}

.studi-calendar-item-info {
    margin-bottom: 20px;
}

.studi-calendar-item-info b {
    font-weight: bold;
}

.studi-calendar-weeks {
    float: left;
    line-height: 43px;
    padding-left: 4px;
    padding-bottom: 0;
    margin-right: 5px;
}

.studi-calendar-weeks li {
    display: none;
}

.studi-calendar-weeks li.active {
    display: block;
    padding-left: 0;
}

.active span span {
    text-decoration: underline;
}

.studi-calendar-open-layer-button {
    background-image: url('../media/images/cal-icon.png');
    background-repeat: round;
    float: left;
    cursor: pointer;
    position: absolute;
    left: 9px;
    top: 5px;
    height: 22px;
    width: 22px;
    margin-right: 13px;
}

.studi-calendar-week-prev,
.studi-calendar-week-next {
    width: 30px;
    height: 44px;
    background: url("images/img_accordeon-close.png");
    background-repeat: no-repeat;
    background-size: 3.2rem auto;
    background-position: center 0.8rem;
    float: left;
    cursor: pointer;
}

.studi-calendar-week-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: center 0.5rem;
}

.studi-calendar-entries-header,
.studi-calendar-layer-entries-header {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 20px;
}

.studi-calendar-entries-header,
.studi-calendar-layer-entries-header {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 20px;
}

.studi-calendar-entries-list {
    float: left;
    padding: 15px 9px 27px 9px
}

.date-picker-container {
    display: inline-block;
    min-height: 250px;
    width: 60%;
    vertical-align: top;
    padding: 15px 30px 0;
    position: relative;
    /* When and how is this thing visible? */
    top: -999999px;
}
.date-picker {
    font-size: 17px;
}





.studi-calendar-container {
    border: 1px solid #d5d5d5;
    border: 0.1rem solid #d5d5d5;
    float: left;
    width: 100%;
}

.studi-calendar-week-selector,
.studi-calendar-year-department-selector {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px;
}

.studi-calendar-week-selector {
    position: relative;
    border: 1px solid #d5d5d5;
    border: 0.1rem solid #d5d5d5;
    min-height: 85px;
    min-height: 8.5rem;
    padding: 26px 5px 19px 5px;
}

.studi-calendar-year-department-selector .select::after {
    background-size: 2.7rem auto;
    background-position: center 1rem;
    right: 21px;
}

.studi-calendar-year-department-selector .select select {
    height: 43px;
    height: 4.3rem;
}

.select select.disabled {
    color: #d5d5d5;
}

.studi-calendar-footer {
    float: left;
    height: 64px;
    width: calc(100% + 2px);
    border: 1px solid #d5d5d5;
    border: 0.1rem solid #d5d5d5;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: -1px;
}

.studi-calendar-link {
    display: block;
    float: right;
    height: 38px;
    margin-right: 15px;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 41px;
    background: #ffffff url("../media/images/cal-dl.png") no-repeat scroll top right;
}

#studi-calendar-link-as-string-input {
    display: none;
}

#studi-calendar-link-as-string {
    cursor: pointer;
}

input#studi-calendar-link-as-string-input {
    position: relative;
    margin-top: 20px;
    width: 377px;
    padding: 7px;
    float: right;
}

a.studi-calendar-link.studi-calendar-link-first {
    margin-left: 10px;
    float: left;
    background-image: none;
}


/*
 *************************
        $LAYER
 *************************
*/

body.calendar-layer-opened {
    overflow: hidden;
}

.studi-calendar-layer {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    color: #ffffff;
    display: none;
    overflow-y: auto;
}

.studi-calendar-layer > .container {
    padding-right: 94px;
}

.studi-layer-close-button {
    background-image: url('../media/images/img_close.png');
    height: 30px;
    width: 30px;
    position: absolute;
    right: 10px;
    top: 45px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.studi-calendar-layer-form {
    position: relative;
    margin-top: 52px;
}

.studi-calendar-layer-entries-header {
    margin-top: 29px;
}

.date-picker-container {
    position: absolute;
}

.event-range-container {
    background: #ffffff;
    min-height: 105px;
    width: 100%;
    padding: 25px 35px;
}


.studi-calendar-layer__datepicker,
.bis {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.studi-calendar-layer__datepicker {
    width: 100%;
}

.studi-calendar-layer__datepicker input {
    display: block;
    height: 36px;
    width: 100%;
    line-height: 36px;
    padding-left: 18px;
    font-style: 14px;
}

.bis {
    color: #000000;
    height: 36px;
    line-height: 36px;
    width: 100%;
    text-align: center;
}

.datepick-month th,
.datepick-month td {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
}

.datepick-month th span {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.datepick-month td:hover,
.datepick-month td:focus,
.datepick-month td:active {
    border: 1px solid #c2c2c2;
    cursor: pointer;
}

.datepick-month td a:hover,
.datepick-month td a:focus,
.datepick-month td a:active {
    color: #000000;
}

.datepick-select {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}



@media screen and (min-width:768px) {

    .studi-calendar-week-selector {
        padding-top: 19px;
        padding-left: 39px;
        padding-right: 39px;
    }

    .studi-calendar-open-layer-button {
        position: relative;
        left: 0;
        top: 0;
        height: 44px;
        width: 44px;
    }

    .studi-calendar-entries-header,
    .studi-calendar-layer-entries-header,
    .studi-calendar-entries-list {
        padding-left: 40px;
        padding-right: 40px;
    }

    .studi-calendar-item {
        display: flex;
    }

    .studi-calendar-item-date {
        float: left;
        width: 27.8%;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
    }

    .studi-calendar-item-date br {
        display: block;
    }

    .studi-calendar-item-info {
        float: right;
        width: 72.2%;
    }

    .event-range-container {
        background: #ffffff url("../media/images/cal-icon.png") no-repeat scroll 35px 27px;
        padding-left: 104px;
    }

    .studi-calendar-layer__datepicker {
        width: calc(50% - 16px);
    }

    .bis {
        width: 32px;
    }

}

@media screen and (min-width:1024px) {

    .studi-calendar-container {
        margin-left: -39px;
        margin-top: 21px;
        width: calc(100% + 47px);
    }

    .studi-calendar-week-selector,
    .studi-calendar-year-department-selector {
        display: inline-block;
        vertical-align: top;
    }

    .studi-calendar-week-selector {
        width: calc(62.35% + 2px);
    }

    .studi-calendar-year-department-selector {
        width: calc(37.65% + 1px);
        margin-left: 0;
    }

}

@media screen and (max-width:767px) {
    .studi-calendar-open-layer-button {
        margin-top: 32px;
    }
    
    .studi-calendar-week-selector {
        padding-left: 38px;
    }
}
    
/* datepicker */

.datepick a {
   text-decoration: none;
}

.datepick td {
   text-align: center;
}

.datepick {
   width: 100% !important;
}

.datepick-popup {
   z-index: 1338;
   background-color: #eaeaea;
   padding: 10px 55px 10px 40px;
   width: 325px;
   margin-top: 14px;
   border: 1px solid #c2c2c2;
}

.datepick-popup table {
   width: 100%;
}

.datepick-nav {
   position: relative;
   margin-bottom: 10px;
}

.datepick-cmd-today {
  text-align: center;
  display: block;
}

.datepick-cmd-prev {
  position: absolute;
  top: 0;
  left: 0;
}

.datepick-cmd-next {
  position: absolute;
  top: 0;
  right: 0;
}

.datepick-month-header select {
   border-radius: 0;
}

.datepick-ctrl {
   margin-top: 10px;
   position: relative;
}

.datepick-cmd-clear {
  float: left;
}

.datepick-cmd-close {
   float: right;
}

.__EventDatepickContainer {
   position: relative;
}

.datepick-trigger {
   position: absolute;
   top: 8px;
   right: 8px;
   width: 20px;
   height: 20px;
   background-image: url(/event/media/images/calendar.png);
   cursor: pointer;
}
.welcome-page-container,
.welcome-media-container,
.welcome-media-container .media-container__viewport,
.welcome-media-container .media-container__items,
.welcome-media-container .media-container__item,
.welcome-media-container .media-container__mediacontainer {
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.welcome-page-container {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

.welcome-page-container .site-header__logo {
   position: absolute;
   z-index: 9000;
   top: 5%;
   left: 5%;
   width: 25%;
   min-width: 6.4rem;
   max-width: 315px;
}

.welcome-page-container .site-header__logo svg {
   fill: #fff;
   width: 100%;
   height: auto;
}

.welcome-media-container {
   position: absolute;
   top: 0;
   left: 0;
   background-color: #000;
}

.welcome-media-container .media-container__viewport {
   position: relative;
   overflow: hidden;
}

.welcome-media-container .media-container__mediacontainer {
   padding-bottom: 0;
}

.welcome-media-container .media-container__item img {
   padding: 0 !important;
   display: block;
   position: fixed;
   top: -9999px;
   bottom: -9999px;
   left: -9999px;
   right: -9999px;
   min-height: 100%;
   height: auto;
   margin: auto !important;
   min-width: 100%;
   width: auto !important;
}

.welcome-media-container .radial-gradient-layer {
   position: fixed;
}

.welcome-page-header,
.welcome-page-container .dynamic-page-edit-button {
   position: fixed;
   z-index: 9000;
   bottom: 10%;
}

.welcome-page-container .dynamic-page-edit-button {
   right: 5%;
   top: auto;
}

.welcome-page-container .dynamic-page-edit-button .edit-button {
   margin: 0;
}

.welcome-page-header {
   left: 5%;
   border-bottom: 2px solid #fff;
}

.welcome-page-header a {
   font-size: 26px;
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

.welcome-page-header a:hover,
.welcome-page-header a:active {
   color: #fff;
}


div#cookie-layer button.cookie-button-half-size {
    background: #000;
    color: #fff;
}

.cookie-layer-link-container{
    display: flex;
    justify-content: flex-end;
    width: 93%;
    margin-top: 40px;
    
}
.cookie-layer-link-container    a{
        display: inline-block;
        margin-left: 20px;
    }

@media screen and (max-width: 767px) {
    div#cookie-layer .tab {
        width: 50% !important;
    }

    div#cookie-layer.show, div#cookie-bg-cover.show {
        display: flex !important;
        flex-direction: column;
        height: 100%;
        top: 0;
        width: 100%;
    }

    div#cookie-layer .cookie-buttons {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    div#cookie-layer button.cookie-button-half-size {
        width: 93% !important;
        margin-top: 0 !important;
    }

    div#cookie-layer .panels {
        max-height: none !important;
        height: 100%;
    }
}

div#cookie-bg-cover{
    background-color:rgba(0, 0, 0, 0.2);    
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    display: none;
}

div#cookie-layer {
    position: fixed;
    top: 150px;
    height: auto;
    z-index: 10000;
    display: none;
    width: 90%;
    margin: auto;
    left: 0;
    right: 0;
}



@media screen and (min-width: 800px) {

    div#cookie-layer {
        width: 800px;
        /*        left: calc((100vw - 800px) / 2);*/
    }

}
div#cookie-layer.show,
div#cookie-bg-cover.show{
    display: block;
}

#cookie-layer .cookie-layer-close-btn {
    background: url(../media/images/icon_close-black.svg);
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    background-repeat: no-repeat;
    background-position-x: center;
    cursor: pointer;    
}

div#cookie-layer h2 {
    font-weight: 400;
/*    text-transform: uppercase;*/
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 28px;
}

div#cookie-layer h3 {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
}

div#cookie-layer p {
    font-size: 13px;
    line-height: 18px; 
    padding-right: 30px;
}

div#cookie-layer input#checkbox_1, 
div#cookie-layer input#checkbox_2,
div#cookie-layer input#checkbox_3{
    display:none;
}

div#cookie-layer input[type="checkbox"] + label::before {
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    background-color: #fff;
    display: block;
    content: "";
    float: left;
    margin: 0px 12px 20px 0px;
    cursor: pointer;
}

div#cookie-layer input[type="checkbox"]:checked+label::before {
    background-repeat: no-repeat;
    background-image:url('../media/images/checkbox-checked.png');
    background-position: center;
    background-size: contain;
}

.cookie-layer-required {
    font-size: 13px;
}

div#cookie-layer button{
    border: 2px solid #000;
    width: 93%;
    height: 50px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

div#cookie-layer button.cookie-button-half-size {
    width: 45%;
    margin-right: calc(2% + 0px);
}

@media screen and (min-width: 768px) {

    div#cookie-layer button.cookie-button-half-size {
        margin-right: calc(2% + 2px);
    }
}

div#cookie-layer .cookie-buttons{
    margin-top: 50px;
    width: 100%;
}

div#cookie-layer #edit-cookie-button {
    background: #fff;
    color: #000;
}
div#cookie-layer .send-cookie-button{
    margin-top: 10px;
    color: #000;
    background: #fff;
}

div#cookie-layer .checkbox-label{
    font-size: 15px;
    font-weight: 800;
}

div#cookie-layer .add-label{
    font-size: 15px;
}

div#cookie-layer .checkbox-text{
    padding: 5px 20px 7px 32px;
}

/* tab styles */

div#cookie-layer .tab{
    cursor: pointer;
    padding: 15px 20px;
    margin: 0;
    background: #eeeeed;
    display: inline-block;
}
div#cookie-layer .panels{
    position: relative;
    background: #fff;
    min-height: 200px;
    max-height: calc(100vh - 250px);
    overflow: auto;
    padding: 20px 20px 20px 50px;  
    box-shadow: 1px 1px 7px 0px #908c8cdd;
}
div#cookie-layer .panel{
    display:none;
    animation: fadein .8s;
    margin-top: 30px;
}

div#cookie-layer .radio-tabs{
    display:none;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
div#cookie-layer #one:checked ~ .panels #one-panel,
div#cookie-layer #two:checked ~ .panels #two-panel{
    display: block
}
div#cookie-layer #one:checked ~ .tabs #one-tab,
div#cookie-layer #two:checked ~ .tabs #two-tab{
    background: #fff;
    letter-spacing: 0.5px;
    z-index: 1;
}

.tabs {
    display: inline-flex;
    box-shadow: 0px 0px 6px #908c8cdd;
}


.page-alumni-drehbuch .search-header {
    position: relative;
}

.page-alumni-drehbuch .filter-container .search {
    width: 100%;
}

.page-alumni-drehbuch .main-col__title {
    margin-bottom: 23px;
    margin-bottom: 2.3rem;
}

.page-alumni-drehbuch .alphabet-filter button {
    background: none;
    text-decoration: underline;
    padding-right: 7.5px;
    padding-right: 0.75rem;
    cursor: pointer;
}

.page-alumni-drehbuch .alphabet-filter button:last-of-type {
    text-decoration: none;
}

.page-alumni-drehbuch .select {
    margin-bottom: 0;
}

@media screen and (min-width:768px) {

    .page-alumni-drehbuch .alphabet-filter {
        font-size: 13px;
        font-size: 1.3rem;
        margin-bottom: 39px;
        margin-bottom: 3.9rem;
        text-transform: uppercase;
    }
}

@media screen and (min-width:1024px) {

    .page-alumni-drehbuch .search-header img {
        max-width: 100%;
    }

    .page-alumni-drehbuch .search-header__form {
        width: 83.1%;
        margin: -133px 0 81px 16.9%;
        margin: -13.3rem 0 8.1rem 16.9%;
    }

    .page-alumni-drehbuch .search-header + .content-container .main-col--studenten {
        padding-top: 0;
        background: white none repeat scroll 0 0;
        margin-top: -59px;
        margin-top: -5.9rem;
        z-index: 9000;
        float: right;
    }

    .page-alumni-drehbuch .filter-container {
        display: inline-block;
        vertical-align: top;
        width: 33.3333%;
        margin: 0;
        padding-right: 20px;
    }
    
    .page-alumni-drehbuch .filter-container.filter-container-double {
        width: 66%;
    }
}
