/*
 *************************
    $RESET / NORMALIZE
 *************************
*/

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    // height: 100%;
    overflow: auto;
}

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
}

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; */
    table-layout: fixed;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

canvas,
table{
    max-width:100% !important;
    height:auto;
}

input::-webkit-input-placeholder {
    padding: 0;
}
input:-moz-placeholder {
    padding: 0;
}
input::-moz-placeholder {
    padding: 0;
}
input:-ms-input-placeholder {
    padding: 0;
}

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;
}

input,
button,
[role="button"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
        
    border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

[role="button"] {
    color: inherit;
    cursor: default;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input[type="search"] {
    -moz-appearance:none;
    -webkit-appearance:none;
    outline: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration  {
    -moz-appearance:none;
    -webkit-appearance:none;
    outline: 0;
}

a,
a:focus,
a:hover,
a:active {
    outline:0;
}

/* 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: #db2f26;
}

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: #f7f7ed;
   font-size: 13px;
   overflow-y: auto;
   width: 740px;
}

.main-panel.login {
   background-image: url('../pics/login.png');
   background-repeat: no-repeat;
   background-position: 65% 55%;
   background-size: 60%;
}

.main-panel-text{
   width: 485px;
   padding: 20px 0 5px;
}

.viewport {
   width: 740px;
}

.text-page-header{
   width: 740px;
   margin-top: 15px;
   padding-bottom: 13px;
   border-bottom: 3px solid #333333;
}

.content-wrapper {
   background-color: #f7f7ed;
   position: absolute;
   top: 100px;
   bottom: 70px;
   left: 0;
   right: 0;
}

.content, .header, .footer-menu, .footer-meta {
   margin: 0 auto;
   width: 790px;
}

.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: 640px;
   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: #f7f7f1;
   background-image: linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,216)),
      color-stop(0.5, rgb(247,247,241))
   );
   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: #db2f26;
}

.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: #db2f26;
}

.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: #db2f26;
}

.menu-bar .menu-bar-item.inactive span {
   background-color: #f7f7f1;
   background-image: linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,216)),
      color-stop(0.5, rgb(247,247,241))
   );
   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: #f7f7f1;
   background-image: linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,216)),
      color-stop(0.5, rgb(247,247,241))
   );
}

.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;
}

.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: left;
   padding: 10px 7px;
   font-size: 11px;
}

.cb-suite-menu, .user-panel{
   width: 790px;
   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: 605px;
   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;
}

.form-container .field-container{
   width: 740px;
   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: 740px;
   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: 93px;
    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: #9b0000;
    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: #9B0000;
   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: #a73c2e;
}

.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: #a73c2e;
    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: #a73c2e;
    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: #a73c2e;
}

.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;
}

.CbUiImgTile .image-tile-item img.preview-image, .image-tile-item img.preview-image-marketing {
   max-height: 193px;
   max-width: 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: #9b0000;
    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: 167px;
}

.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: #9b0000;
   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: #db2f26;
   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;
  }
}

@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 .__CbUiCancelButton{
   position: absolute;
   left: 25px;
   bottom: 17px;
}

.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%;
}
.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:           11px;
   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;
}

.__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;
   background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/editing.svg');
   background-position: right center;
   background-repeat: no-repeat;
   font-style:       normal !important;
}

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/validated.svg');
   background-position: right 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 .__CbUiEditButtons {
   margin-top: 20px;
}
.__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;
}

.autocomplete-container {
   border-bottom: 1px solid #CCCCCC;
}

.__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;
}

.__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: #9B0000;
   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;
}

.__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;
   width: 171px;
   height: 191px;
   margin: 5px 17px 20px;
}

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

.__CbUiCbTexRelatedImagesThumbs.ui-sortable {
   height: 440px;
   width: 640px;
   overflow: scroll;
   border-bottom: 1px solid #333333;
}

.__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: 474px;
}

.__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;
}

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

div#form_upload {
   z-index: 1338;
   left: -1001px;
}
/* ========================================================================
 * 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;
}

/**
 * cb-player.css, based on video-js.css
 */
@charset "UTF-8";
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
    text-align: center; }

@font-face {
    font-family: VideoJS;
    src: url("font/VideoJS.eot?#iefix") format("eot"); }

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA4wAAoAAAAAFfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBGNtYXAAAAE0AAAAOgAAAUriLxC2Z2x5ZgAAAXAAAAnnAAAO5OV/F/5oZWFkAAALWAAAACoAAAA2CsZ2fWhoZWEAAAuEAAAAGAAAACQOogcfaG10eAAAC5wAAAAPAAAAeNIAAABsb2NhAAALrAAAAD4AAAA+MMgtQm1heHAAAAvsAAAAHwAAACABLwB5bmFtZQAADAwAAAElAAACCtXH9aBwb3N0AAANNAAAAPkAAAF5vawAenicY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoyw7iLmSHCDOCCADu/Qo9AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/v8PUvCREUTzM0DVAwEjG8OIBwCOWgbUAAB4nI1XfVBU1xV/574vlsUlj/14grDs48FuAgaR3X2LEnY3UZSgEkTwAySAgkIwI8bRfFDjTszYCWRMW9lNa4y2meokmq+2k5ia0dpkmknbkWgSSW3GyaaNf0RTx0wxX7A3Pe/tQmIgHXf3vXvvueeee+45v3POXQYY/PCD/CBDGAYkIE2sxg+OXSJmhmH1OaFX6MU5C5PDMCZi5Rg2i+ELGSthwM14NCbgYGSBIZfhFA1H6Zu0OS0NDkMVfg+npdFm+maCvigI0JBIQIMg0BdJGdTj9ylj7nr+b97+Hl8C1+H2xNAvjPqxjIgaKtItICkSnIISeo40QQls4xxjlzgHsnGGvi7BxQiMlSlkPMhfCh67rAUEUQ6CHxW2O7JARCkKnlUQ7UEIyAEQZe4MdDW9xr5OPFuKbubpRxcPDY8da4MOelDfAYJLW+sGKn/Vlmjfv5+NdB4oOfTazJn3tGxZtL9xFNZX7PPRUbjcRg/SMB2EL+gblXn7shbO/WUbF9u/H5XQ9eKO8iMMr9tY35qYoRi20wGuXV/CHaGDk2fdgHwCk5HUXQpCcgHfBV2NjV3jkq4PHTSUSBwuOQALvxPAps6fiftk6P6yJpcm5bB4dFkgoh195mbiSTnkL3jupq7jh4ZZdvjQRVB4PPx3SsVTu5D/6kd85RU66ttXAeuuXYN1E/Y2sMMzZkZiZNRZlRS/ynr9Xr8Cql2RVNbutXslYo7B9ngsFqcDbCQO22PxeIxcpgMxkh6PjUdwkvw6hvRpZeoCFKshDQzJVr++DWyLx+hAXJcGp3TJMV1ME45xCNvHLsWRrpOZSduOoG0zERuIIwuIkhNkBREglQKLiODD45FQE0BTiE214xE2wp8zOt9NjH3GRtDMk7Ehoq2tzCzGxdyMEQJuD0qGIrQ58ApoWQE3D2h1h6zwuB14wYFIDAA5CZ11jT+92gFZ7B7/p7+hV8jFxBl4aG03wLiVXtBbCylLfIJzkPUAvWAw0yvsVdKdBbC6nnruP/RFkHqWJLZ2Auxdtgy+6qTf7l1WswTJcJ6mGVxwXj92UtfU2WXUNX+qBUCxK6D4FR4f/cufG1sZbiSkMcwdMdoxBxTTEXIp4SCXMNhHoFjvTTFP4vkoPReNRmPRCTwa+3qY0DR7qn7Vjh612wRRTaI04HWCnZ+gIzvS/ZJP0+mynphCui4hzmG0id6+aLSv2BV3FQMYDTHrlGQ/SZ+q4ZdF8aLa5Ar8GW3tVNKEj13cF0buMaesx1i9CL/Uo1tM0h+74o9HjQ+UcPaxy8mH9ccwK8KpKA3rHdIUjTKpfIBxuokpxUGBIILm84ATvHh8tAIe2iZj8KvYwUOXawHMVNgxZvlwSa0z8Zkokkxn3ey2nYTsbMO3mPh8cji7zklsPLD9a9f2s2w/uSt/FgSytWzw5bmS3PielU1P56aGrlz6NzlnbT8h/Wtb+1OxIqxBbC9g7kINUbtAEDxsKWSCe46eltCPmaiUxy2IrODIB8EmixaQrU4IAQ6THg6BFpAdWsCquT16DkL9ccIC/FGeP5AuiDExe8bx+QtzWVsmHcm0kdzqecdn5IhRkTc/zfNPm3ns5sw4Pq86l9gyofh6jkTF5iFChjYbbzZQWFvYb8qZAWyGiV9ya+5bFgnzpuWt3FuX8KYMmsiYZepPseBgGhZcOMt0+4Q8fDOTftJjHIuhdaLsFXFM9AclTi9jbGRq8ZvIOykZei77kfo53eoppVPovbGiyV63p/p/dkWETTjmhjTIm8RP284b04bcNYlRsvO6Gp2JeaiIueVHsgJGF2aASlCQLuG8EsBomzb++/AXmwhaOoLhL7iQ4/uc449gWJ56/XWDARn74v/PL1bRBB4TBEyYrqezSkUPHaWjPWCm13ogAzJ66LVpbTEuXccDZlyXxBQ/IrzKOPS7gAkkIyZ0N6joE6M246aDsO1kgucTJ/EdFWA5pbAcTfoSP4hJeBCni7nEn5IclL4kpDgmMMuH8Kpk0+WrBUIeKCyWS0nPVz7NW86Hnl55GxR5KB3+9tszL+wVRulXNTUn6D8SJvIl3PzP46eZST/tQTllTDXTzmxCaTYna7eJAqcWuD1ulBXQsMz5fQEBCfowCF5FVDF/2yysB9OW5veVEtRAFOy41FoeJEiAOZhDiFstsKAwJ8Hijs72q1jWvWx+uKU5XFZDLx189OK8ojW1u0By5dtLHUN/rwkte68PnhnYVbt0bvWiub9w1+f4C0L3hIuXZ8+xlVSt0eb3tgQsmVZnem5R3U0uf/fmFdqiLTvY3nPnet5/v4f9pLB6QX2krnnFQ1tXtN+2ePlAaUNWcfiWwrncn4ca9ml3hFeHHm+u2bq4MhxUZs3bMH/3jgaPUtlVunFjg2/8yRzf3cHsssKZqlnOqyCWworWykW9lXnspk0ffrjpfCreIpjPWbwnFxt3PAkcQgkUuH1auUMf+txJQ0hK1k1zsNaqQdaLMxfoq9AGGxtJQ+fGw53cE/TY8pWhJruZHiMAcCexFS/eGDp6hntiXGE/gvI7163b29ExfiHxNsnqub/a6/QmPoAn4GpZ2c9cZRX5/57IWUNYuubiQBAddhuxAKe6PA5vuV5dkk0VXkMM3zk42W3Awrgka8LQgjZY+tQIffd5+vnHasnHL/cczldyS4r79i6su6Nu9oPQ8lbaid2Pt9/bXtTTynevq7bkPkITV47d+3NugOzo4M3y77Zxbnb2nhWrl0T/kO4u3H1ig33e1lD6JDYjiKkCHOioF0pZv6T6gxxipxLNhFc8xERA48vq5ZfXdL/QV6c8W3PfwjIsZyI3Csvo72e4FpTVwTv/UYNAKtY+8MB84vogZ1Xr5lW38iJdPZ74xunzO4Gk7BARIkytjlyCoPVoIb3IluMfAYRhEoAO2aGXKc2TNAJaSwdzQEeq7jC7TWYF2Y2jrEIXlyVEhunBs5t7K62a7Z6qB0923/+vPT2v7mwpqV/mTEsTiCB5zz735HOP9VbVWtKKZK08uDJ7vcQN02HogGegY5iNnKUHh12ti9/zzHvsauy+tx+e375j94LuA64MV/5MQbZVNT95/re7jlxZVaVuW5Nffsd9TXfOpXcv6m2Bn3x6FgXg/oz+P0h/ce8g2mTEWxVTzzQzrTruNCcRdbu6VY87gLVXc4uSjXfosak7XxWM4oyl+ockmzCFhJXaGwK8e6sCW2T3sLmPnh5qSZtx9JHFL6QBHGnsTjdtWQ8PFygWtQTIkrI84NILfQSC65FUMFsnOYFHEoSmUCD49a4rt3985PTsd8GzB/5KEnzmhhORgVOZPM+yb5KmpRu38jQqviH6826Lrdrxx6DZdFPo2fVbTiy9AUpDJ3SxGYvpK7u+Rhz8D4BCxssAeJxjYGRgYABiwcIjbvH8Nl8ZuNkZQOBSiOgBZJqdASzOwcAEogDqtAdOAAB4nGNgZGBgZwCChWASxGZkQAVyABOTANd4nGNnYGBgHwAMADNUANMAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IAAHicY2BkYGCQY8hlYGcAASYg5gJCBob/YD4DABa6AakAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYE4CWlZSveFP8hHOY4gHhw79VLav68hMNOH6kG60mg5YhM22pr9b1vGMMEUM2TgyFGgxBwVbnCLBZZYYY07bHCPBzziCc94wSve8I4PbGeDFj/VydVSOakpG0T0VH1ZHXuq+xhoftHaHq+yV+21o1P7brWLWnvpiExNJpBb/i18q8D9ZxSOcj8oY8iVPjZBBU2+kGIIypokuqTI+cx3qXMq7Z6PQIsx1DYGrQxtLul50YV50rVcCiNJc0enX4qdkNRYe8j2g46+SIMHapXJw1GFdIWH2DfalQknZeTDWsRW2bqlBK3ORIz9AqJUapQAAAA=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgQAAAEoAAAAVmNtYXDiLxC2AAAB+AAAAUpnbHlm5X8X/gAAA4QAAA7kaGVhZArGdn0AAADQAAAANmhoZWEOogcfAAAArAAAACRobXR40gAAAAAAAYAAAAB4bG9jYTDILUIAAANEAAAAPm1heHABLwB5AAABCAAAACBuYW1l1cf1oAAAEmgAAAIKcG9zdL2sAHoAABR0AAABeQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHgABAAAAAQAAEXIS2l8PPPUACwcAAAAAANJUFcAAAAAA0lQVwAAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAeAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHQcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxHf//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AUABmALIAxgDmAR4BSAF0AZwB8gIuAo4CugMKA44DsAPqBDgEfAS4BOgFDAWiBegGNgZsBtoHcgAAAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAOABoAAAkCEwQAAxIABSQAEwIAASYAJzYANxYAFwYAAusBwP5Alf7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uAjABUAFQAZsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiAGIAAGABMAJAAnAAABLgEnFRc2NwYHFz4BNSYAJxUWEgEHASERIQERAQYHFT4BNxc3AQcXBNABZVW4A7sCJ3ElKAX+3+Wlzvu3XwFh/p8BKwF1AT5MXU6KO5lf/WCcnAOAZJ4rpbgYGGpbcUacVPQBYziaNP70Aetf/p/+QP6LAfb+wjsdmhJEMZhfBJacnAAAAQAAAAAEqwXWAAUAAAERIQERAQILASoBdv6KBGD+QP6LBKr+iwAAAAIAAAAABWYF1gAGAAwAAAEuAScRPgEBESEBEQEFZQFlVFRl/BEBKwF1/osDgGSeK/2mK54BRP5A/osEqv6LAAADAAAAAAYgBg8ABQAMABoAABMRIQERAQUuAScRPgEDFRYSFwYCBxU2ADcmAOABKwF1/osCxQFlVVVluqXOAwPOpeUBIQUF/t8EYP5A/osEqv6L4GSeK/2mK54C85o0/vS1tf70NJo4AWL19QFiAAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gAPABMAAAEhDgEHER4BFyE+ATcRLgEDIREhBUD8gD9VAQFVPwOAP1UBAVU//IADgAXVAVU//IA/VQEBVT8DgD9V++wDgAAABgAAAAAGawZrAAcADAATABsAIAAoAAAJASYnDgEHASUuAScBBSEBNhI3JgUBBgIHFhchBR4BFwEzARYXPgE3AQK+AWROVIfwYQESA4416aH+7gLl/dABelxoAQH8E/7dXGgBAQ4CMP3kNemhARJ4/t1OVIfwYf7uA/ACaBIBAVhQ/id3pfY+/idL/XNkAQGTTU0B+GT+/5NNSEul9j4B2f4IEgEBWFAB2QAAAAUAAAAABmsF1gAPABMAFwAbAB8AAAEhDgEHER4BFyE+ATcRLgEBIRUhASE1IQUhNSE1ITUhBdX7VkBUAgJUQASqQFQCAlT7FgEq/tYC6v0WAuoBwP7WASr9FgLqBdUBVT/8gD9VAQFVPwOAP1X9rJX+1ZWVlZaVAAMAAAAABiAF1gAPACcAPwAAASEOAQcRHgEXIT4BNxEuAQEjNSMVMzUzFRQGByMuAScRPgE3Mx4BFQUjNSMVMzUzFQ4BByMuATURNDY3Mx4BFwWL++o/VAICVD8EFj9UAgJU/WtwlZVwKiDgICoBASog4CAqAgtwlZVwASog4CAqKiDgICoBBdUBVT/8gD9VAQFVPwOAP1X99yXgJUogKgEBKiABKiAqAQEqIEol4CVKICoBASogASogKgEBKiAAAAYAAAAABiAE9gADAAcACwAPABMAFwAAEzM1IxEzNSMRMzUjASE1IREhNSERFSE14JWVlZWVlQErBBX76wQV++sEFQM1lv5AlQHAlf5Alv5AlQJVlZUAAAABAAAAAAYgBmwALgAAASIGBwE2NCcBHgEzPgE3LgEnDgEHFBcBLgEjDgEHHgEXMjY3AQYHHgEXPgE3LgEFQCtKHv3sBwcCDx5OLF9/AgJ/X19/Agf98R5OLF9/AgJ/XyxOHgIUBQEDe1xcewMDewJPHxsBNxk2GQE0HSACf19ffwICf18bGf7NHCACf19ffwIgHP7KFxpcewICe1xdewAAAgAAAAAGWQZrAEMATwAAATY0Jzc+AScDLgEPASYvAS4BJyEOAQ8BBgcnJgYHAwYWHwEGFBcHDgEXEx4BPwEWHwEeARchPgE/ATY3FxY2NxM2JicFLgEnPgE3HgEXDgEFqwUFngoGB5YHGQ26OkQcAxQP/tYPFAIcRTm6DRoHlQcFC50FBZ0LBQeVBxoNujlFHAIUDwEqDxQCHEU5ug0aB5UHBQv9OG+UAgKUb2+UAgKUAzckSiR7CRoNAQMMCQVLLRzGDhEBAREOxhwtSwUJDP79DBsJeyRKJHsJGg3+/QwJBUstHMYOEQEBEQ7GHC1LBQkMAQMMGwlBApRvb5QCApRvb5QAAAAAAQAAAAAGawZrAAsAABMSAAUkABMCACUEAJUIAaYBPQE9AaYICP5a/sP+w/5aA4D+w/5aCAgBpgE9AT0BpggI/loAAAACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgABJgAnNgA3FgAXBgADgP7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uBmsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAMAAAAABmsGawALABcAIwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAAw4BBy4BJz4BNx4BA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rh0Cf19ffwICf19ffwZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAk9ffwICf19ffwICfwAAAAQAAAAABiAGIAAPABsAJQApAAABIQ4BBxEeARchPgE3ES4BASM1IxUjETMVMzU7ASEeARcRDgEHITczNSMFi/vqP1QCAlQ/BBY/VAICVP1rcJVwcJVwlgEqICoBASog/tZwlZUGIAJUP/vqP1QCAlQ/BBY/VPyClZUBwLu7ASog/tYgKgFw4AACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgATBwkBJwkBNwkBFwEDgP7D/loICAGmAT0BPQGmCAj+Wjhp/vT+9GkBC/71aQEMAQxp/vUGawj+Wv7D/sP+WggIAaYBPQE9Aab8EWkBC/71aQEMAQxp/vUBC2n+9AABAAAAAAXWBrYAFgAAAREJAREeARcOAQcuAScjFgAXNgA3JgADgP6LAXW+/QUF/b6+/QWVBgFR/v4BUQYG/q8FiwEq/ov+iwEqBP2/vv0FBf2+/v6vBgYBUf7+AVEAAAABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcABM8ADgAXACoAPQBQAFoAXQAAARE2HgIHDgEHBiYjJyY3FjY3NiYHERQFFjY3PgE3LgEnIwYfAR4BFw4BFxY2Nz4BNy4BJyMGHwEeARcUBhcWNjc+ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
    font-weight: normal;
    font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
    content: ""; }

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-play-circle:before {
    content: ""; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
    content: ""; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: ""; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: ""; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: ""; }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
    content: ""; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
    content: ""; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: ""; }

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-square:before {
    content: ""; }

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-spinner:before {
    content: ""; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
    content: ""; }

.vjs-icon-captions, .video-js .vjs-captions-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
    content: ""; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
    content: ""; }

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-share:before {
    content: ""; }

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-cog:before {
    content: ""; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: ""; }

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-circle-outline:before {
    content: ""; }

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-circle-inner-circle:before {
    content: ""; }

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-hd:before {
    content: ""; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
    content: ""; }

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-replay:before {
    content: ""; }

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-facebook:before {
    content: ""; }

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-gplus:before {
    content: ""; }

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-linkedin:before {
    content: ""; }

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-twitter:before {
    content: ""; }

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-tumblr:before {
    content: ""; }

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-pinterest:before {
    content: ""; }

.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-audio-description:before {
    content: ""; }

.video-js {
    /* display:inline-block would be closer to the video el's display:inline
     * but it results in flash reloading when going into fullscreen [#2205]
     */
    display: block;
    /* Make video.js videos align top when next to video elements */
    vertical-align: top;
    box-sizing: border-box;
    color: #737273;
    background-color: #000;
    position: relative;
    padding: 0;
    /* Start with 10px for base font size so other dimensions can be em based and
    easily calculable. */
    font-size: 10px;
    line-height: 1;
    /* Provide some basic defaults for fonts */
    font-weight: normal;
    font-style: normal;
    /* Avoiding helvetica: issue #376 */
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
    checking fullScreenEnabled. */ }
.video-js:-moz-full-screen {
    position: absolute; }
.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

/* All elements inherit border-box sizing */
.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit; }

/* List style reset */
.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    /* Important to specify each */
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }

/* Fill the width of the containing element and use padding to create the
   desired aspect ratio. Default to 16x9 unless another ratio is given. */
/* Not including a default AR in vjs-fluid because it would override
   the user set AR injected into the header. */
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0; }

.video-js.vjs-16-9 {
    padding-top: 56.25%; }

.video-js.vjs-4-3 {
    padding-top: 75%; }

.video-js.vjs-fill {
    width: 100%;
    height: 100%; }

/* Playback technology elements expand to the width/height of the containing div
<video> or <object> */
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Fullscreen Styles */
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
    overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    /* Undo any aspect ratio padding for fluid layouts */
    padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none; }

/* Hide disabled or unsupported controls. */
.vjs-hidden {
    display: none !important; }

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px; }

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
The .video-js classname on the video tag also isn't considered.
This optional paragraph inside the video tag can provide a message to users
about what's required to play video. */
.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.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    /* Need a slightly gray bg so it can be seen on black backgrounds */
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(133, 133, 133, 0.5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    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; }

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2; }

.vjs-menu-button {
    cursor: pointer; }

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto; }

/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-scrubbing .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:focus,
.vjs-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(133, 133, 133, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #FFFFFF; }

.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;
    /* (Width of vjs-menu - width of button) / 2 */
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(255, 255, 255, 0.85);
    /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    /* Same bottom as vjs-menu border-top */
    max-height: 15em; }

.vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block; }

.video-js .vjs-menu-button-inline {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    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,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 2.2222222em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    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-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto; }

.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: 3.0em;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.85); }

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.1s, opacity 0.1s;
    -moz-transition: visibility 0.1s, opacity 0.1s;
    -o-transition: visibility 0.1s, opacity 0.1s;
    transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    /* !important is ok in this context. */
    display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media �screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""; } }

/* IE 8 + 9 Support */
.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table; }

.video-js .vjs-control {
    outline: none;
    position: relative;
    /*text-align: center;*/
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }
.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67; }

/* Replacement for focus outline */
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white; }

/* Hide control text visually, but have it available for screenreaders */
.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

/* IE 8 + 9 Support */
.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
    display: none; }

/**
 * Let's talk pixel math!
 * Start with a base font size of 10px (assuming that hasn't changed)
 * No Hover:
 * - Progress holder is 3px
 * - Progress handle is 9px
 * - Progress handle is pulled up 3px to center it.
 *
 * Hover:
 * - Progress holder becomes 5px
 * - Progress handle becomes 15px
 * - Progress handle is pulled up 5px to center it
 */
.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }

.vjs-live .vjs-progress-control {
    display: none; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 0.3em; }

/* We need an increased hit area on hover */
.video-js .vjs-progress-control:hover .vjs-progress-holder {
    /*font-size: 1.666666666666666666em;*/
}

/* Also show the current time tooltip */
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    display: block;
    /* If we let the font size grow as much as everything else, the current time tooltip ends up
       ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
       to avoid a weird hitch when you roll off the hover. */
    font-size: 0.6em; }

/* Progress Bars */
.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: 0.3em;
    margin: 0;
    padding: 0;
    /* updated by javascript during playback */
    width: 0;
    /* Needed for IE6 */
    left: 0;
    top: 0; }

.video-js .vjs-mouse-display:before {
    display: none; }

.video-js .vjs-play-progress {
    background-color: #101010; }
.video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
    /* By default this is hidden and only shown when hovering over the progress control */
    display: none;
    position: absolute;
    /*top: -2.4em;*/
    /*right: -1.5em;*/
    font-size: 0.9em;
    color: #101010;
    content: attr(data-current-time);
    padding: 0.2em 0.5em;
    /*    background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);*/
    background: none;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em; 
    /*    width: 50px;
        height: 20px;*/
}

.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
    z-index: 1; }

.video-js .vjs-load-progress {
    /* For IE8 we'll lighten the color */
    background: ligthen(#73859f, 25%);
    /* Otherwise we'll rely on stacked opacities */
    background: rgba(133, 133, 133, 0.5); }

/* there are child elements of the load progress bar that represent the
specific time ranges that have been buffered */
.video-js .vjs-load-progress div {
    /* For IE8 we'll lighten the color */
    background: ligthen(#73859f, 50%);
    /* Otherwise we'll rely on stacked opacities */
    background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto; }

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #101010;
    z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none; }

.video-js .vjs-progress-control .vjs-mouse-display:after {
    color: #fff;
    /*    background-color: red;
        background-color: rgba(255, 0, 0, 0.8); */
    background: none;
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    background-color: #73859f;
    background-color: rgba(133, 133, 133, 0.5); }

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }

.video-js .vjs-volume-bar {
    margin: 1.35em; }

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em; }

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #101010; }
.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em; }
.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em; }
.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

/* Assumes volume starts at 1.0. */
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%; }

/* The volume menu button is like menu buttons (captions/subtitles) but works
a little differently. It needs to be possible to tab to the volume slider
without hitting space bar on the menu button. To do this we're not using
display:none to hide the slider menu by default, and instead setting the
width and height to zero. */
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0.5em;
    height: 8em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    /* An inline volume should never have a menu background color.
       This protects it from external changes to background colors. */
    background-color: transparent !important; }

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%; }

/* Used for IE8 fallback */
.vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%; }

/* Hide the poster after the video has started playing */
.vjs-has-started .vjs-poster {
    display: none; }

/* Don't hide the poster if we're playing audio */
.vjs-audio.vjs-has-started .vjs-poster {
    display: block; }

/* Hide the poster when controls are disabled because it's clickable
and the native poster can take over */
.vjs-controls-disabled .vjs-poster {
    display: none; }

/* Hide the poster when native controls are used otherwise it covers them */
.vjs-using-native-controls .vjs-poster {
    display: none; }

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em; }

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left; }

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em; }

.vjs-live .vjs-time-control {
    display: none; }

/* We need the extra specificity that referencing .vjs-no-flex provides. */
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none; }

.vjs-time-divider {
    display: none;
    line-height: 3em; }

.vjs-live .vjs-time-divider {
    display: none; }

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }

/* Emulated tracks */
.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none; }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    /* Transparent black background, or fallback to all black (oldIE) */
    background-color: #101010;
    background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
    color: #fff; }

.vjs-captions {
    color: #fc6; }

.vjs-tt-cue {
    display: block; }

/* Native tracks */
video::-webkit-media-text-track-display {
    -moz-transform: translateY(-3em);
    -ms-transform: translateY(-3em);
    -o-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em); }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -moz-transform: translateY(-1.5em);
    -ms-transform: translateY(-1.5em);
    -o-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    /* Need to fix centered page layouts */
    text-align: left;
    border: 6px solid rgba(255, 255, 255, 0.85);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    /* Keep 100% opacity so they don't show through each other */
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white; }

/* only animate when showing because it can be processor heavy */
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    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: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-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; } }

@-webkit-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; } }

.vjs-chapters-button .vjs-menu {
    left: -10em;
    /* (Width of vjs-menu - width of vjs-control) / 2 */
    width: 0; }

.vjs-chapters-button .vjs-menu ul {
    width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
    display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
    display: none; }

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #FFFFFF;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    margin: 0 auto;
    padding: 0.5em;
    height: 15em;
    font-size: 12px;
    width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
    clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
    margin-bottom: 5px;
    min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0; }

.vjs-caption-settings label > input {
    margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
    width: 40px;
    height: 40px; }

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1; }

/* cb mod */
.cb-vjs-waiting .vjs-loading-spinner {
    display: block; }
.cb-vjs-waiting .vjs-loading-spinner:before,
.cb-vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.cb-vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white; }

.cb-vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s; }



/***************************************
CSS STYLES FIXES FOR VIDEO.JS v6.7.3     
****************************************/

.video-js .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
    display: inline-flex;
    width: 12em;
}

.video-js .vjs-volume-control.vjs-control.vjs-volume-horizontal {
    width: 8em;
}

.video-js .vjs-mouse-display:before .vjs-time-tooltip {
    display: none; }

.video-js .vjs-mouse-display .vjs-time-tooltip {
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    margin-left: 20px;
    margin-top: -30px;
    padding: 3px 6px;
    display: inline-block;
    border-radius: 5px;
    position: absolute;
}

.video-js .vjs-play-progress .vjs-time-tooltip {
    margin-top: 5px;
}

/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* CbMap css */


.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: 150px;
   line-height: 250%;
}

.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;
   line-height: 335%;
   text-align: right;
   padding: 0 10px;
   overflow: hidden;
}

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

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

.controlbar-link-container {
   float: left;
   margin-left: 185px;
   line-height: 250%;
}

.controlbar-username-short,
.controlbar-link-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: absolute;
   top: 0;
   right: 0;
   padding: 0 5px;
   z-index: 13336;
   width: 45px;
   height: 50px;
}

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

.controlbar-links-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;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs #registerframe_error {
   font-size: 12px;
   background-color: #fff;
   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.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 34px auto;
   padding-left: 40px;
}

.__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;
}

@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 {
      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 .__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;
}
.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;
}
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*
 *************************
        $MEDIA CONTAINER
        -> mobile first
        -> z-index: 8000-8999;

        ToDo:
        - Icon Dropshadow for Firefox
        - Change Icons to ones without space around, so that 1 fucking px width means 1 fucking px width. But first this shadow thing has to be taken care of.

 *************************
*/

.media-container-wrapper {
    position: relative;
    top: -88px;
    max-width: 1600px;
}

.media-container {
    z-index: 2;

    color: #FFFFFF;
}

.media-container ul,
.media-container li {
    list-style: none outside none !important;
}

.media-container__viewport {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.media-container__item {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
}

.media-container__item:not(:first-child) {
    /* This rule is not required for the media container to work, but it makes everything look smoother. */
    display: none;
}

.media-container__gradient-layer,
.media-container__image img,
/*new player*/
.media-container__video .video-js,
.media-container__video .video-js video {
    padding: 0 !important;
    display: block;
    position:absolute !important;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    height:100% !important;
    margin: auto !important;
    width: 100%;
}

.media-container__image img {
    height: auto !important;
}

.media-container__mediacontainer,
.media-container__controls {
    margin: 0px !important;
    width: 100%;
    padding-bottom: 56.25%;

    -webkit-transition: padding 0.6s ease-out;
    transition: padding 0.6s ease-out;
}

.media-container--video-playing .media-container__mediacontainer,
.media-container--video-playing .media-container__controls {
    height: auto !important;
    padding-bottom: 56.25% !important;
}

.media-container__image > img {
    width: 140%;
}

.media-container__mediacontainer {
    position: relative;
    overflow: hidden;
    background-color: #535353;
}

.media-container__gradient-layer {
    z-index: 3;

    background: rgba(0, 0, 0, 0);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 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.4)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 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.4) 50%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%);
    filter: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );

    pointer-events: none;
}



/*
 *************************
        $SLIDER CONTROLS
 *************************
*/

.media-container__controls {
    position: absolute;
    top: 0;
}

.media-container__control-icon {
    display: block;
    z-index: 8999;
    position: absolute;

    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    cursor: pointer;

    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#444')";
    /* filter: url(#drop-shadow); */
    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.5) )
        filter: drop-shadow( 1px 1px 2px rgba(0,0,0,0.5) );
}



.media-container__arrow {
    width: 25px;
    height: 100px;

    top: 50%;
    margin-top:-50px;

    background-size: 30px 25px;
    background-image: url('images/mc-arrow.svg');
}

.media-container__arrow--prev {
    left: 15px;
}

.media-container__arrow--next {
    right: 15px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}



.media-container__pager {
    padding: 30px 30px 23px;
}

.media-container__pager-dot {
    float: left;
    cursor: pointer;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-right: 8px;
    background-color: #6c5d48;
}

.media-container__pager-dot.active {
    background-color: #556ca8;
}



.media-container__counter {
    position: absolute;
    bottom: 23px;
    right: 36px;
    z-index: 8099;
}

.media-container__counter__dash {
    margin: 0 6px;
}



.media-container__toggle-viewport {
    width: 17px;
    height: 10px;
    top: 12px;
    right: 15px;
    background-image: url("images/mc-arrow.svg");

    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);

    background-size: 17px 10px;
}



.media-container__toggle-fullscreen {
    width: 34px;
    height: 26px;

    top: 12.5px;
    right: 12.5px;

    background-image: url("images/mc-fullscreen.svg");
    background-size: 34px 26px;
}



.media-container__toggle-thumbnails {
    width: 14px;
    height: 14px;
    bottom: 22px;
    right: 15px;
    background-image: url("images/mc-plus.svg");
}

.media-container--thumbnails-shown .media-container__toggle-thumbnails {
    background-image: url("images/mc-minus.svg");
}


.media-container__toggle-viewport,
.media-container__thumbnails,
.media-container__toggle-thumbnails,
.media-container__counter,
.media-container.media-container--single-item .media-container__arrow {
    visibility: hidden;
    display: none;
}



/*
 *************************
        $VIDEO PLAYER
 *************************
*/

/*new player*/
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
    z-index: 8999;
    height: 124px;
    width: 124px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: url("images/mc-play.svg") no-repeat center;
}

/*new player*/
.media-container__viewport:hover .vjs-big-play-button,
.media-container__viewport .vjs-big-play-button:focus {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.video-js, .video-js video {
    width: 100% !important;
    height: 100% !important;
}

.video-js.vjs-has-started video {
    width: 100% !important;
    height: auto !important;
}

.vjs-poster {
    background-size: cover;
}

.vjs-default-skin .vjs-big-play-button:before {
    content: '';
}

.media-container__video-close {
    position: absolute;
    display: none;
    z-index: 8998 !important;

    width: 30px;
    height: 30px;

    top: 10px;
    right: 15px;

    background-image: url("images/mc-plus.svg");

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.media-container.media-container--video-playing .media-container__controls,
.media-container.media-container--video-playing .media-container__gradient-layer,
.media-container.media-container--video-playing .media-container__toggle-fullscreen {
    visibility: hidden;
    display: none;
}

.media-container.media-container--video-playing .media-container__video-close {
    visibility: visible;
    display: block;
    cursor: pointer;
}



/*
 *************************
        $THUMBNAILS
 ************************
*/

.media-container__thumbnails {
    min-height: 106px;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.75);

    z-index: 8200;
}

.media-container__thumbnails-inner {
    overflow: hidden;
    border-left: 1px solid rgb(60, 60, 60);
    border-right: 1px solid rgb(60, 60, 60);
}

.media-container__thumbnails,
.media-container__toggle-thumbnails,
.media-container__counter,
.media-container__text {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.media-container__thumbnails-list {
    position: relative;
    top: 0px;
    left: 0px;

    /*
    * 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: 900000000px;
}

.media-container__thumbnail {
    position: relative;
    float: left;
    margin-left: 15px;
    cursor: pointer;
}

.media-container__thumbnail.first {
    margin-left: 0px;
}

.media-container__thumbnail img {
    display: block;
    position: relative;
    z-index: 0;
    height: 106px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    border: 1px solid rgb(60, 60, 60);
    -webkit-box-shadow: 0px 0px 3px 1px #000;
    -moz-box-shadow:    0px 0px 3px 1px #000;
    box-shadow:         0px 0px 3px 1px #000;
}

.media-container__thumbnail:hover img {
    border: 1px solid rgb(110, 110, 110);
}

.media-container__thumbnail.active img {
    border: 1px solid #FFFFFF;
}

.media-container__thumbnail:first-child img {
    border-left: none;
}

.media-container__thumbnail:first-child.active img {
    border-left: 1px solid #FFFFFF;
}

.media-container__thumbnail:last-child img {
    border-right: none;
}

.media-container__thumbnail:last-child.active img {
    border-right: 1px solid #FFFFFF;
}

.media-container__thumbnail:last-child:hover img {
    border-right: 1px solid rgb(110, 110, 110);
}

.media-container__thumbnail .frame {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 8002;
    -moz-box-shadow: 4px -4px 4px black inset, -4px 4px 4px black inset;
    -webkit-box-shadow: 4px -4px 4px black inset, -4px 4px 4px black inset;
    box-shadow: 4px -4px 4px black inset, -4px 4px 4px black inset;
}

.media-container__thumbnail.active .frame {
    display: block;
}

.media-container__thumbnails {
    opacity: 0;
    margin-top: -136px;
}

.media-container--thumbnails-shown .media-container__thumbnails {
    opacity: 1;
    margin-top: 0px;
}

.videothumbnail-play-icon {
    height: 35px;
    width: 35px;
    background-image: url("images/mc-play.svg");
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 8998;
}



/*
 *************************
        $TEXT
 *************************
*/

.media-container__text {
    z-index: 8050;
    position: absolute;
    bottom: 0;
}

header.media-container__text {
    background-color: white;
    color: black;
    left: 25%;
    width: 50%;
    padding: 10px;
}

.media-container--video-playing header.media-container__text,
.media-container--video-playing .media-container__text.container {
    display: none;
}




/*
 *************************
        $FULLSCREEN
 *************************
*/

.media-container.media-container--fullscreen-active,
.media-container.media-container--fullscreen-active .media-container__viewport {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    margin:0;
}

.media-container.media-container--fullscreen-active .media-container__mediacontainer,
.media-container.media-container--fullscreen-active .media-container__controls,
.media-container.media-container--fullscreen-active .media-container__items {
    height: 100%;
    padding-bottom: 0;
}

.media-container.media-container--fullscreen-active .media-container__mediacontainer {
    background-color: #000000;
}

.media-container.media-container--fullscreen-active .media-container__thumbnails  {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 8200;
    background: rgba(0, 0, 0, 0.75);
}

.media-container.media-container--fullscreen-active .media-container__toggle-fullscreen {
    z-index: 8999 !important;

    width: 14.5px;
    height: 14.5px;

    top: 14.5px;
    right: 14.5px;

    background-image: url("images/mc-plus.svg");

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    background-size: 14.5px 14.5px;
}

.media-container.media-container--video-playing.media-container--fullscreen-active .media-container__video-close {
    visibility: hidden;
    display: none;
}

.media-container.media-container--video-playing.media-container--fullscreen-active .media-container__toggle-fullscreen {
    visibility: visible;
    display: block;
}

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

   .page-dynamic .media-container__mediacontainer,
   .page-dynamic .media-container__controls {
       padding-bottom: 40.45%;
   }

   .page-dynamic .media-container__image > img {
      width: 185%;
   }

}

@media screen and (min-width: 568px) {

   .page-dynamic .media-container__mediacontainer,
   .page-dynamic .media-container__controls {
       padding-bottom: 21.75%;
   }

}

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

    .media-container-wrapper {
        top: 0px;
    }

    .media-container-wrapper.container {
        padding: 0;
        padding-bottom: 70px;
    }

}

@media screen and (min-width: 1024px){

    .media-container__mediacontainer,
    .media-container__controls {
        padding-bottom: 40.27273%;
    }

    .media-container__image > img {
        width: 100%;
    }

    .media-container__thumbnails,
    .media-container__toggle-thumbnails,
    .media-container__counter,
    .media-container.media-container--compressed .media-container__toggle-viewport {
        visibility: visible;
        display: block;
    }

    .media-container.media-container--compressed .media-container__thumbnails,
    .media-container.media-container--compressed .media-container__toggle-thumbnails,
    .media-container.media-container--compressed .media-container__counter,
    .media-container.media-container--compressed.media-container--fullscreen-active .media-container__toggle-viewport,
    .media-container.media-container--compressed .media-container__toggle-fullscreen {
        visibility: hidden;
        display: none;
    }



    /*
     *************************
            $THUMBNAILS
     ************************
    */

    .media-container__thumbnails {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .media-container__toggle-thumbnails,
    .media-container__counter  {
        margin-bottom: 0;
    }

    .media-container--thumbnails-shown .media-container__toggle-thumbnails,
    .media-container--thumbnails-shown .media-container__counter,
    .media-container--thumbnails-shown .media-container__text {
        margin-bottom: 136px;
    }

    .media-container__thumbnails {
        margin-top: 0;
        margin-bottom: -136px;
    }

    .media-container--thumbnails-shown .media-container__thumbnails {
        margin-bottom: 0px;
    }

}



.media-container-wrapper--program-detail,
.media-container-wrapper--home {
   top: 0;
   margin: 0 auto;
}

.main-content.main-content--home.with-media-container {
   margin-top: 0;
   padding-top: 64px;
}

.media-container--big .media-container__viewport {
	overflow: initial;
}

.media-container--big .media-container__mediacontainer,
.media-container--big .media-container__controls {
	padding-bottom: 47.5%;
}

.media-container--big .media-container__controls {
   z-index: initial;
}

.media-container--home .media-container__text {
   width: calc(100% - 20px);
   background: #ffffff none repeat scroll 0 0;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: -31px;
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 7px;
   min-height: 57px;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
   text-align: center;
}

.media-container--program-detail .media-container__text {
   display: none;
}

.media-container--home .media-container__description {
	visibility: hidden;
	display: none;
}

.media-container--program-detail .media-container__title,
.media-container--program-detail .media-container__description,
.media-container--home .video .media-container__title,
.media-container--home .video .media-container__subtitle {
   text-align: left;
}

.media-container--home .media-container__title {
   color: #000;
   font-size: 18px;
   font-weight: 100;
   line-height: 21px;
   text-transform: uppercase;
   letter-spacing: 0.3px;
}

.media-container--home .video .media-container__title {
   padding-left: 30px;
}

.media-container--big .media-container__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    max-height: 21px;
}

.media-container--home .media-container__subtitle {
    color: #b69138;
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    letter-spacing: 1.1px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 7px;
}

.media-container--home .video .media-container__subtitle {
   margin-top: 5px;
}

.media-container--program-detail .media-container__title,
.media-container--program-detail .media-container__description {
   color: #fff;
   max-height: none;
}

.media-container--program-detail .media-container__text {
   bottom: 60px;
   left: 60px;
   position: absolute;
   right: 60px;
}

.media-container__text-separator {
   border: none;
   border-bottom: 3px solid currentColor;
   width: 192px;
   margin-top: 20px;
}

.media-container--home .media-container__text .media-container__arrow {
    background-image: url("images/mc-arrow--gold.svg");
    background-size: 32px 27px;
}

.media-container--home .media-container__text .media-container__arrow--prev {
	left: 8px;
}

.media-container--home .media-container__text .media-container__arrow--next {
	right: 8px;
}

.media-container--big .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
   visibility: hidden;
}

.media-container--home .media-container__text-inner {
   position: relative;
}

.media-container--home .media-container__play {
   position: absolute;
   top: 0;
   left: 0;
   background-image: url('images/mc-play-black@3x.png');
   background-repeat: no-repeat;
   background-size: contain;
   width: 21px;
   height: 21px;
}

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

   .media-container--big .media-container__mediacontainer,
   .media-container--big .media-container__controls {
      padding-bottom: 66.5%;
   }

   .media-container--big .media-container__image > img {
      width: 140%;
   }

}

@media screen and (min-width: 568px) {

   .media-container--big .media-container__image > img {
      width: 100%;
   }

}

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

	.main-content.main-content--home.with-media-container {
	   padding-top: 82px;
	}

	.media-container--big .media-container__mediacontainer,
	.media-container--big .media-container__controls {
		padding-bottom: 47.5%;
	}

	.media-container--home .media-container__text {
	    left: 0;
	    margin-bottom: -29px;
	    margin-left: auto;
	    margin-right: auto;
	    width: 100%;
	    max-width: 600px;
	    min-height: 114px;
	    padding-left: 72px;
	    padding-right: 72px;
	    padding-top: 21px;
	    right: 0;
	}

   .media-container--program-detail .media-container__text {
      display: block;
   }

	.media-container--home .media-container__title {
	    font-size: 36px;
	    letter-spacing: 0.8px;
	    line-height: 42px;
	}

	.media-container--home .media-container__title {
	    max-height: 42px;
	    margin-bottom: 8px;
	}

   .media-container--home .video .media-container__title {
      padding-left: 50px;
   }

	.media-container--home .media-container__subtitle {
	    font-size: 24px;
	    letter-spacing: -0.3px;
	    line-height: 28px;
	}

   .media-container--home .video .media-container__subtitle {
      margin-top: 20px;
   }

   .media-container--big .media-container__text .media-container__arrow {
		 width: 32px;
	    background-size: 52px 52px;
	}

	.media-container--big .media-container__text .media-container__arrow--prev {
		left: 30px;
	}

	.media-container--big .media-container__text .media-container__arrow--next {
		right: 30px;
	}

   .media-container--big .media-container__play {
      top: 0;
      width: 36px;
      height: 36px;
   }

}

@media screen and (min-width: 900px) {

	.media-container--home .media-container__text {
	    margin-bottom: -39px;
	    max-width: 812px;
	    min-height: 155px;
	    padding-left: 96px;
	    padding-right: 96px;
	    padding-top: 29px;
	}

	.media-container--home .media-container__title {
	    font-size: 50px;
	    letter-spacing: 1px;
	    line-height: 58px;
	}

	.media-container--home .media-container__title {
	    margin-bottom: 6px;
	    max-height: 58px;
	}

	.media-container--home .media-container__subtitle {
	    font-size: 30px;
	    letter-spacing: 0.7px;
	    line-height: 34px;
	}

   .media-container--home .video .media-container__title {
      padding-left: 60px;
   }

	.media-container--big .media-container__text .media-container__arrow--prev {
		left: 20px;
	}

	.media-container--big .media-container__text .media-container__arrow--next {
		right: 20px;
	}

   .media-container--big .media-container__play {
      width: 42px;
      height: 42px;
   }

}


.blog-detail {
	position: relative;
}

.media-container--type-article .media-container__sizer {
	background-color: #f2f2f2;
}

.media-container--type-article .media-container__text {
   background: transparent;
   color: #999999;
   font-size: 12px;
   line-height: 18px;
   left: 0;
   margin: 13px auto 0;
   min-height: 0;
   right: 0;
}

.no-articles p {
	background: #cecece;
	display: inline;
	padding: 0 5px;
}

.blog-detail .dynamic-page-edit-button {
	top: -56px;
}

.blog-detail.blog-detail--no-img .dynamic-page-edit-button {
	top: -41px;
}

.blog-detail.blog-detail--no-img .no-articles .dynamic-page-edit-button {
	top: -6px;
}

.dynamic__title,
.blog-detail__title {
	margin-top: 19px;
   padding-bottom: 24px;
}

.blog-detail__title {
   border-bottom: 1px solid #e0e0e0;
}

.dynamic__title h2,
.dynamic__title h3,
.blog-detail__title h2,
.blog-detail__title h3 {
	display: inline;
	font-size: 24px;
	line-height: 30px;
	text-transform: none;
}

.dynamic__title h2,
.blog-detail__title h2 {
	font-weight: 600;
}

.blog-detail.blog-detail--no-img .blog-detail__title {
	max-width: 1100px;
	margin-top: -2px;
	padding-bottom: 36px;
}

.blog-detail.blog-detail--no-img .blog-detail__title h2,
.blog-detail.blog-detail--no-img .blog-detail__title h3 {
	font-size: 30px;
	line-height: 40px;

	-ms-word-break: break-all;
		 word-break: break-all;
		 word-break: break-word;
-webkit-hyphens: auto;
	 -moz-hyphens: auto;
				hyphens: auto;
}

.blog-detail__controls {
   padding-top: 15px;
   margin-bottom: 18px;
   font-size: 12px;
}

.blog-detail__controls-secondline {
	border-top: 1px solid #e0e0e0;
   margin-top: 11px;
   padding-top: 13px;
   margin-bottom: 25px;
}

.blog-detail__tags,
.blog-detail__nav,
.blog-detail__prev,
.blog-detail__next,
.blog-detail__date,
.blog-detail__back {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.blog-detail__nav {
	margin-top: 18px;
   text-align: right;
}

.blog-detail__prev,
.blog-detail__next,
.blog-detail__date,
.blog-detail__back {
	position: relative;
	width: 50%;
}

.blog-detail__prev,
.blog-detail__next {
	font-size: 12px;
	line-height: 18px;
	color: #999999;
}

.blog-detail__back {
	text-align: right;
}

.blog-detail__prev::before, .blog-detail__next::after {
   background-image: url("../media/images/triangle_nrw.svg");
   background-repeat: no-repeat;
   background-size: auto 100%;
   content: " ";
   height: 12px;
   position: absolute;
   top: 50%;
   margin-top: -7px;
   width: 10px;
}

.blog-detail__prev {
   padding-left: 20px;
   text-align: left;
}

.blog-detail__next {
   padding-right: 20px;
}

.blog-detail__prev:before {
   left: -3px;
   transform: rotate(180deg);
}

.blog-detail__next:after {
   right: -4px;
}

.social-float-container {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.social-float {
	display: none;
	margin-top: 12px;
   position: absolute;
   right: 0;
   box-sizing: border-box;
   background-color: #c50000;
   padding: 20px 20px 20px 0;
   z-index: 10;
   -ms-transform: translateX(70px);
   -webkit-transform: translateX(70px);
   -moz-transform: translateX(70px);
   -o-transform: translateX(70px);
   transform: translateX(70px);
}

.social-float__toggle,
.social-float__toggle:hover,
.social-float__toggle:active,
.social-float__toggle:focus {
   float: right;
   background-color: transparent;
   color: #ffffff;
   border: none;
   padding: 10px 20px;
   text-transform: uppercase;

   -ms-transform: rotate(90deg) translateY(25px);
   -webkit-transform: rotate(90deg) translateY(25px);
   -moz-transform: rotate(90deg) translateY(25px);
   -o-transform: rotate(90deg) translateY(25px);
   transform: rotate(90deg) translateY(25px);
}

.social-float__button {
   width: 40px;
   height: 40px;
   background-repeat: no-repeat;
   background-size: cover;
   display: none;
   float: left;
   border: none;
}

.social-float__button--facebook {
   background-image: url('../media/images/social-facebook.svg');
   margin-left: 20px;
}

.social-float__button--twitter {
   background-image: url('../media/images/social-twitter.svg');
   margin-left: 10px;
}

.social-float__button--gplus {
   background-image: url('../media/images/social-gplus.svg');
   margin-left: 10px;
}

.social-float__button--email {
   background-image: url('../media/images/social-email.svg');
   margin-left: 10px;
   margin-right: 10px;
}

.blog-detail__tags {
	color: #999999;
	padding-top: 8px;
}

.blog-detail__tag {
	display: inline-block;
	vertical-align: top;
}

.blog-detail__date {
	color: #999999;
	font-size: 14px;
	letter-spacing: 0;
}

.blog-detail__text p,
.blog-detail__text td {
   font-size: 13px;
   letter-spacing: 0.85px;
   line-height: 24px;
}

.related-articles {
	padding-bottom: 77px;
}

.related-articles__header {
   border-top: 1px solid #e0e0e0;
   color: #999999;
   margin-top: 54px;
   padding-bottom: 3px;
   padding-top: 32px;
   text-align: center;
   font-size: 11px;
   font-weight: 400;
   letter-spacing: 2px;
}

.related-article {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.related-article__img-container {
	position: relative;
}

.related-article__img {
	display: block;
	width: 100%;
}

.related-article__header {
   color: #101010;
   font-size: 18px;
   letter-spacing: 0.25px;
   margin-top: 14px;
}


select.blog-tags.filter-item.selectpicker,
.blog-search-container.filter-item.searchfield,
select.blog-categories.filter-item.selectpicker,
.blog-item__category,
.blog-item__date {
    display: none;
}

@media screen and (min-width: 460px) {

	.blog-detail__text p,
	.blog-detail__text td {
	   font-size: 15px;
	}

	.related-article {
		width: 33.3333%;
	}

	.related-article__header {
	   font-size: 13px
	}

	.blog-detail.blog-detail--no-img .blog-detail__title h2,
	.blog-detail.blog-detail--no-img .blog-detail__title h3 {
		font-size: 40px;
		line-height: 50px;

	-ms-word-break: normal;
		 word-break: normal;
-webkit-hyphens: none;
	 -moz-hyphens: none;
				hyphens: none;
	}

}


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

	.blog-detail__tags,
	.blog-detail__nav {
		width: 50%;
	}

	.blog-detail__nav {
		margin-top: 0;
	}

	.blog-detail__prev,
	.blog-detail__next {
		position: relative;
		width: 104px;
		color: #999999;
	}

	.related-article__header {
	   font-size: 18px
	}

}

@media screen and (min-width: 1024px) {

	.media-container--type-article .media-container__text {
	   margin: 0 auto 13px;
	}

	.media-container--type-article:hover .media-container__text,
	.media-container--type-article:active .media-container__text,
	.media-container--type-article:focus .media-container__text {
	   color: #ffffff;
	   text-shadow: 0px 0px 5px rgba(15, 15, 15, 0.5);
	}

	.blog-detail .dynamic-page-edit-button {
		top: -65px;
	}

	.blog-detail.blog-detail--no-img .dynamic-page-edit-button {
		top: -46px;
	}

	.dynamic__title h2,
	.dynamic__title h3,
	.blog-detail__title h2,
	.blog-detail__title h3 {
		font-size: 40px;
		line-height: 50px;
	}

	.blog-detail.blog-detail--no-img .blog-detail__title h2,
	.blog-detail.blog-detail--no-img .blog-detail__title h3 {
		font-size: 72px;
		line-height: 90px;
	}

}

@media print {

   #social-float,
   .film-detail-help-buttons,
   .participant-type-3:before,
   .participant-type-3:after {
      display: none !important;
   }

}
.main-content--home .filter-container {
	visibility: hidden;
	display: none;
}

.home-introduction {
    padding-bottom: 22px;
   text-align: center;
}

.home-introduction__text {
    margin-top: 17px;
}

.home-introduction__text p {
    font-size: 16px;
    line-height: 24px;
}

.main-content--home .main-col {
	padding-left: 0;
	padding-right: 0;
}

.blog-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
   margin-bottom: 20px;
}

.blog-item__img {
	width: 100%;
}

.blog-item__content {
   padding: 24px 20px 18px;
}

.blog-item__subtitle,
.blog-item__subtitle a {
	color: #000000;
	display: block;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.8px;
}

.blog-item__title {
	font-size: 19px;
	line-height: 25px;
   margin-bottom: 4px;
   margin-top: 5px;
   padding-bottom: 5px;
   position: relative;
   font-weight: 400;
}

.blog-item__title > a {
	color: #b69138;
}

.blog-item__title > a:hover,
.blog-item__subtitle > a:hover {
    color: #f7c752;
}

.blog-item__title::after {
    background: #5c9faf none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 3px;
    margin-top: 8px;
    position: relative;
    width: 92px;
}

.blog-item__text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}



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

	.gutter-sizer {
		width: 30px;
	}

	.home-introduction {
	    padding-left: 63px;
	    padding-right: 63px;
	    padding-bottom: 58px;
	}

	.home-introduction__text {
		margin-top: 28px;
	}

	.home-introduction__text p {
	    font-size: 18px;
	    line-height: 26px;
	}

	.blog-item {
		width: calc(50% - 30px);
	}

	.blog-item__content {
	   padding: 28px 29px 21px;
	}

	.blog-item__subtitle,
	.blog-item__subtitle a {
		font-size: 13px;
		line-height: 15px;
		letter-spacing: 0.4px;
	}

	.blog-item__title {
		font-size: 25px;
		line-height: 29px;
   	margin-bottom: 8px;
   	margin-top: 10px;
	}

	.blog-item__title::after {
	    height: 4px;
	    width: 115px;
	}

	.blog-item__text {
	    font-size: 19px;
	    letter-spacing: 1.2px;
	    line-height: 28px;
	}

}

@media screen and (min-width: 900px) {

	.home-introduction__text {
   	 padding: 0 31px;
   }

	.blog-item {
		width: calc(33.3333% - 20px);
	}

	.blog-item__content {
	   padding: 24px 30px;
	}

	.blog-item__subtitle,
	.blog-item__subtitle a {
		font-size: 15px;
		line-height: 18px;
	}

	.blog-item__title {
		font-size: 25px;
		line-height: 31px;
   	margin-top: 5px;
   	margin-bottom: 10px;
	}


}


/*
 *************************
	$ACCORDEON / COLLAPSIBLES / MOBILE-MENU BEHAVIOUR
	- Works together with collapsible.js
	- 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, it 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
 *************************
*/

.accordeon:not(:first-child) {
   margin-top: 67px;
}

.collapsible,
.collapsible-tinymce {
	list-style-type: none;
	position: relative;
}

.accordeon-item {
   margin-bottom: 20px;
}

.collapsible-tinymce {
   border-top: 1px solid #5c9faf;
   border-bottom: 1px solid #5c9faf;
   padding: 20px 0;
   /* "collapse" adjacent borders */
   margin-top: -1px;
}

.collapsible-title {
	display: block;
   font-size: 20px;
   text-transform: uppercase;
   color: #b69138;
   font-weight: bold;
}

.collapsible .collapsible-toggler,
.collapsible-tinymce .collapsible-toggler {
   position: relative;
   display: block;
	cursor: pointer;
}

.collapsible-tinymce .collapsible-intro {
	margin-bottom: 0;
}

.collapsible-toggler--more,
.collapsible-toggler--less {
	display: inline;
}

.accordeon-header-container {
   border-bottom: 2px solid #5c9faf;
   padding-bottom: 13px;
}

.accordeon-header {
   margin-bottom: 9px;
}

.collapsible-icon {
	position: absolute;
   top: 50%;
   right: 0;
   margin-top: -12px;
   font-size: 0;
	width: 15px;
	height: 25px;

	background: url('../media/images/arrow-turq.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.accordeon-icon {
   width: 20px;
   height: 30px;
   top: 0;
   right: 9px;
   margin-top: 0;
}

.collapsible-icon,
.collapsible-icon svg,
.collapsible-icon polygon  {
	fill: #5c9faf;
}

.collapsible-text {
	/*overflow: hidden;*/
	display: none;
	padding: 0;
}

.accordeon-content-wrap {
   padding-top: 25px;
   padding-left: 30px;
}

/*
 *************************
	$OPEN
 *************************
*/

.collapsible.open > .collapsible-icon,
.collapsible.open > .collapsible-toggler .collapsible-icon,
.collapsible.open > .collapsible-header .collapsible-toggler .collapsible-icon,
.collapsible.open > .collapsible-title .collapsible-icon,
.collapsible-tinymce.open > .collapsible-title > .collapsible-icon {
	-webkit-transform: rotate(90deg) translateX(-6px) translateY(6px);
	-ms-transform: rotate(90deg) translateX(-6px) translateY(6px);
	transform: rotate(90deg) translateX(-6px) translateY(6px);
}

.collapsible.open > .accordeon-icon {
	-webkit-transform: rotate(90deg) translateX(-1px) translateY(6px);
	-ms-transform: rotate(90deg) translateX(-1px) translateY(6px);
	transform: rotate(90deg) translateX(-1px) translateY(6px);
}

/*
 *************************
	$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: 1024px) {

	.collapsible-title--mob {
		visibility: hidden !important;
		display: none !important;
	}

	.collapsible--mob .collapsible-text{
		visibility: visible !important;
		display: block !important;
	}

}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer h1{
   margin: 0;
   padding: 0;
}
.__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;
}
.__CbRegButtonContainer #registerframe_button_register{
   margin-bottom: 8px;
}
.FullWidthContainer #registerframe_title,
.FullWidthContainer #registerframe_title_alt{
   width: 95%
}
#registerframe_message {
    margin-bottom: 70px;
}
.CbControlbar2Window .member-item-name-box h4,
.__CbRegButtonContainer, #registerframe_button_ok{
   margin: 0;
}
.__CbRegButtonContainer{
   padding: 0;
}
.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: 20px;
    top: 20px;
    width: 20px;
    cursor: pointer;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbUiCloseButton{
   background-size: 14px 14px;
}
.__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: 36px;
   margin-bottom: 8px;
}
#AddressData #registerframe_button_register{
   margin: 0;
}
.CbControlbar2Window .register-pubish-profile-box .bootstrap-switch {
    margin-left: 5px;
}
#registerframe_button_password_lost,
#registerframe_button_password_lost_inactive{
   color: #c0c0c0;
}
.bootstrap-switch-on .bootstrap-switch-container {
    background-color: #3b2205;
}

#registerframe_error_user{
   margin: 0;
}

.input-switch-button-cntnr{
   margin-bottom: 22px;
}

#registerframe_password_lost{
   text-align: right;
   border-top: 1px solid #000;
   padding-top: 4px;
}
#registerframe_stay_logged_in .__CbRegButtonContainer{
   text-align: left;
}
#AddressData .reduced-line-height {
    height: 37px;
    margin-bottom: 8px;
}
.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab.active {
    background-color: #fff;
    color: #000;
    bottom: -1px;
    position: relative;
    padding-top: 22px;
}
.greyed-out {
    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%;
}
.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab:last-of-type {
   border-right: 1px solid #ccc;
}
.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab:not(:empty):last-of-type {
   border-right: 1px solid #ccc;
}

.DSRegisterProfileWindow label.RegisterProfileWindowTitle {
   margin-right: -4px;
}

button.login-button,
button.user-area-button.show-button,
button.user-area-button.hide-button {
    margin-left: 10px;
}

/*
 *************************
	$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 {
	color: #000;
	padding: 27px 0 38px;
	font-size: 13px;
	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;
   position: relative;
   width: 100%;
   max-width: 1140px;
}

#user-panel .left-pane {
	width: 83%;
	float: left;
}

.user-panel h3 {
	color: #000;
	font-size: 14px;
	margin-bottom: 25px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2.4px;
}

.user-panel .main-pane {
	margin-right: 0px;
	margin-left: 36px;
   margin-top: 5px;
	border-right: 1px solid #000;
	border-bottom: none;
	padding-right: 30px;
	padding-bottom: 15px;
	min-height: 135px;
}

.user-panel .collapsible-text-cntnr,
.user-panel .main-pane > * {
	max-width: 550px;
	width: 90%;
}

.user-panel .collapsible-text-cntnr span,
.user-panel .main-pane > * {
   color: #000;
}

.user-panel .collapsible-text-read-on-button {
	color: #000;
	cursor: pointer;
	padding-left: 5px;
	font-weight: bold;
}

#user-panel .collapsible-text-cntnr > h3 {
	line-height: 0.7em;
}

.user-panel .collapsible-text-cntnr.collapsed br {
	display: none;
}

.user-panel .collapsible-text-cntnr.collapsed *:not(.collapsible-text-read-on-button) {
	font-weight: normal !important;
}

/*.user-panel .main-pane.admin {
	display: none;
}*/

.user-panel .main-pane h5 {
	font-size: 13px;
	margin-bottom: 12px;
	font-weight: normal;
}

.user-panel .main-pane a {
	color: #000;
	margin-bottom: 10px;
	font-size: 14px;
	text-decoration: underline;
}

.user-panel .main-pane .link {
   margin-bottom: 10px;
}

.user-panel .buttons-container {
	margin-left: 3px;
	margin-right: 25px;
}

.user-panel .buttons-container button {
	width: 175px;
	background-image: none;
	background-color: transparent;
	color: #000;
	font-size: 11px;
	border: none;
	padding: 0;
	text-align: left;
	cursor: pointer;
	letter-spacing: 1px;
	line-height: 21px;
}

.user-panel .divider {
	width: 35px;
	height: 1px;
	border-top: 1px solid #000;
	margin: 15px 0;
}

#user-panel .right-pane {
	width: 15%;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#user-panel .buttons-container * {
	font-size: 13px;
   line-height: 1em;
}

#user-panel .container12,
#user-panel .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}

.DSRegisterWindow .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: 20px;
    top: 20px;
    width: 20px;
    cursor: pointer;
}

/*
 *************************
   USER PANEL CONTACT DATA
 *************************
*/

.CbControlbar2Window * {
    box-sizing: border-box;
}

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

.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.active {
   position: relative;
   bottom: -1px;
   background-color: #ffffff;
}

label.CbControlbar2RegisterWindowTitle.tab:not(:empty) {
   border-left: 1px solid #ccc;
   border-right: none;
}



.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab:last-of-type {
   border-right: 1px solid #ccc;
}

.__CbUiFrame.DSRegisterWindow .padded-box.no-bottom-padding {
   padding-bottom: 0px;
   padding-top: 0;
}

.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;
   text-align: left;
   transition: opacity 0.5s ease 0s;
   width: 50%;
   pointer-events: none;
}

.CbControlbar2Window .publish-profile-hints:hover + .publish-profile-hints-text {
    opacity: 1;
   pointer-events: all;
}

.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: 70%;
}

.CbControlbar2Window .register-pubish-profile-box {
    float: left;
    width: 30%;
}

.CbControlbar2Window .member-item-head {
    border-bottom: 1px solid #cccccc;
}

.CbControlbar2Window .member-item-head {
    min-height: 85px;
}

.CbControlbar2Window .member-item-contact {
   width: 39%;
   margin-right: 3%;
   border-right: 1px solid #cccccc;
}

.CbControlbar2Window .member-item-activity {
   width: 58%;
   padding-left: 5%;
   height: 290px;
   overflow: auto;
}

.CbControlbar2Window .member-item-contact,
.CbControlbar2Window .member-item-activity {
   float: left;
   margin-top: 4%;
   margin-bottom: 4%;
}

.CbControlbar2Window .register-pubish-profile-box .input-switch-button-cntnr,
.CbControlbar2Window .register-pubish-profile-box .publish-profile-hints {
   text-align: right;
}

.CbControlbar2Window .member-item-contact .input-switch-button .address {
   float: left;
}

.CbControlbar2Window .member-item-contact .input-switch-button .bootstrap-switch {
   float: right;
   margin-right: 20px;
}
.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton{
   padding-top: 12px;
   padding-bottom: 12px;
}

.CbControlbar2Window .member-item-activity > ul > li {
   list-style-type: none;
}

.CbControlbar2Window .member-item h4 {
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    margin: 0.25em 0;
}

.CbControlbar2Window .member-item-activity h5,
.CbControlbar2Window .member-item-contact h5 {
   font-size: 13px;
   text-transform: uppercase;
   margin-bottom: 2%;
}

.CbControlbar2Window .member-item-activity > ul {
    margin-bottom: 1em;
}

.CbControlbar2Window .styled-select {
   width: 100%;
}

.CbControlbar2Window .__CbRegInputLine .styled-select,
.CbControlbar2Window .styled-select {
   border-radius: 5px;
   margin-bottom: 0;
   box-shadow: none;
   margin-bottom: 0;
   border: 2px solid #d0d0d0;
}

.CbControlbar2Window .styled-select select {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  padding-bottom: 3px;
  padding-left: 16px !important;
  padding-top: 5px;
  min-height: 38px !important
}

.__CbUiWindowContent .__CbRegInputs .__CbRegButtonContainer{
   padding: 0;
}

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

   .CbControlbar2Window .member-item-name-box,
   .CbControlbar2Window .register-pubish-profile-box,
   .CbControlbar2Window .member-item-contact,
   .CbControlbar2Window .member-item-activity {
      float: none;
      display: block;
      border: none;
      width: 100%;
   }

   .CbControlbar2Window .member-item-head {
      padding-bottom: 20px;
   }

   .CbControlbar2Window .publish-profile-hints-text {
      width: 100%;
      z-index: 1;
   }

   .CbControlbar2Window .member-item-name-box h4,
   .CbControlbar2Window .member-item-name-box .desc {
      margin-bottom: 10px;
   }

   .CbControlbar2Window .register-pubish-profile-box .input-switch-button-cntnr,
   .CbControlbar2Window .register-pubish-profile-box .publish-profile-hints {
      text-align: left;
   }

   .CbControlbar2Window .register-pubish-profile-box .bootstrap-switch-wrapper {
      float: right;
      margin-right: 20px;
   }

}

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

   #user-panel .left-pane {
      float: none;
      width: 100%;
      margin: 0 10px 20px;
   }

   .user-panel .main-pane {
      min-height: 0;
      padding: 0;
      margin: 0;
      border: none;
   }

}


/*
 *************************
  $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;
}

.__CbUiDDSlickContainer .dd-selected-image,
.__CbUiDDSlickContainer .dd-option-image {
   margin-right: 15px;
}

.__CbUiDDSlickContainer .dd-selected-text,
.__CbUiDDSlickContainer .dd-option-text {
   line-height: 28px;
}

.__CbUiDDSlickContainer {
   margin: 10px 0 30px;
   padding: 10px 20px;
   background-color: #fff;
   box-shadow: 2px 2px 5px rgb(189, 190, 178);
}

.__CbUiDDSlickContainer .dd-container {
   margin: 0 auto;
}

.__CbUiDDSlickContainer .dd-selected,
.__CbUiDDSlickContainer .dd-option {
   padding: 5px 10px;
}

.__CbUiCloseButton.__CbUiRegisterWindowCloseButton {
    top: 40px !important;
}

#CbTexAbbrevTitle, #CbTexAbbrevText {
    float: left;
    height: 44px;
    margin: 11px 0 0 20px;
    min-height: 44px;
    width: 445px;
}
.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;
}

.__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;
}

.__CbUiFieldUnedited {
    color: #000;
}

.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;
}


.__CbUiFrame .fullscreen-switch {
    display: block;
}

.exit-fullscreen-button {
    position: absolute;
    top: 10px;
    right: 50px;
    z-index: 999999;
    cursor: pointer;
}
/*
 * General rules
 *
 * Styles applicable to the entire project
 *
 */

 /*  TABLE OF CONTENTS
    ---------------------------
    1. Typography / Colors
    2. Generic Styles
    3. Page Layout

*/



/*
 *************************
	1. TYPOGRAPHY / COLORS
 *************************
*/

html {
	font-size: 100%;
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: #FFFFFF;
}

body,
p {
   font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1.05px;

	color: #101010;
}

h1, h2, h3, h4, h5, h6 {
	 -ms-word-break: break-all;
     word-break: break-all;

     word-break: break-word;

   -webkit-hyphens: auto;
      -moz-hyphens: auto;
           hyphens: auto;
   margin: 0 0 13px;
}

h1 {
	color: #000000;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.6px;
	font-weight: 400;
   text-transform: none;
}

h2 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.1px;
    line-height: 20px;
   color: #b69138;
   text-transform: uppercase;
}

h3 {
   font-size: 40px;
   line-height: 48px;
}

h4 {
   font-size: 30px;
   line-height: 36px;
}

h5, h6 {
   font-size: 18px;
   line-height: 24px;
}

a {
	color: #5c9faf;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #b69138;
	text-decoration: none;
}

b,
strong {
	font-weight: 600;
}

i,
em {
	font-style: italic;
}

small,
sub,
sup {
	font-size: 75%;
}

sub {
	line-height: 0;
	vertical-align: sub;
}

sup {
	line-height: 0;
	vertical-align: super;
}

.text p,
.text ul {
	margin-bottom: 12px;
   letter-spacing: 0;
}

.text ul {
   list-style: url('images/bullet.png');
}

.text ul,
.text ol {
	list-style-position: inside;
}

.text ul ul,
.text ol ol {
	padding-left: 14px;
}



/*
 *************************
	2. GENERIC STYLES
 *************************
*/

html, body {
	/* because something overwrites reset.css */
	overflow: auto;
}

body.fullscreen-active {
	overflow: hidden;
}

.site-wrapper {
   background-color: #5c9faf;
}

.site-main {
   position: relative;
   background-color: #fff;
   clear: both;
   z-index: 4;
}

.container {
   max-width: 1140px;
   margin: 0 auto;
   padding: 0 20px;
}

#map{
   display: none;
   height: 602px;
   height: 60.2rem;
   max-height: 75vh;
}

/*
 *************************
	3. PAGE LAYOUT
 *************************
*/

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

	/*
	 *************************
		1. TYPOGRAPHY / COLORS (min-width: 460)
	 *************************
	*/

	h1, h2, h3, h4, h5, h6 {
		-ms-word-break: normal;
		word-break: normal;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}

	h1 {
		font-size: 32px;
		line-height: 36px;
	}

	h2 {
		font-size: 21px;
		line-height: 28px;
		letter-spacing: 0.4px;
	}
        
        #map{
            max-height: 1000px;
        }

}

@media screen and (min-width: 900px) {

	h1 {
		font-size: 50px;
		line-height: 55px;
	}

	h2 {
	   font-size: 20px;
           font-weight: 400;
	   line-height: 31px;
	}

}

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

   .container {
      padding: 0;
   }

}

.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;
}

#registerframe_button_publicdata,
#registerframe_button_webprofile,
button#registerframe_button_voucher_to_account,
button#registerframe_button_ok,
button#registerframe_button_password_reminder,
button#registerframe_button_register,
.match-button-container button,
#registerframe_button_register_send_doublet_info,
#registerframe_button_passwdchange,
#registerframe_button_register_no_doublet,
#registerframe_button_register_no_doublet_action,
.entryblock button.__CbUiTextButton,
.DSRegisterCheckDoubletWindow .match-button-container button {
   background: #000;
   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;
}




#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;
}

.bootstrap-switch-container,
.bootstrap-switch.bootstrap-switch-off,
.bootstrap-switch-on .bootstrap-switch-container {
   background-color: transparent;
}

.bootstrap-switch {
   overflow: visible;
}

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

.bootstrap-switch .bootstrap-switch-label {
   top: -3px;
}

.bootstrap-switch-on .bootstrap-switch-label {
   right: 16px;
}

.bootstrap-switch-off .bootstrap-switch-label {
   right: 18px;
}

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

@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 .__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-left: 20px;
      padding-right: 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: 768px) {
 
   .DSRegisterProfileWindow label.RegisterProfileWindowTitle {
      margin-right: -3px;
   }
 
}

.site-header {
    position: relative;
    z-index: 5;
    text-align: right;
}

.page-map .site-header {
    z-index: 4;
    display: none;
}

.programm-detail-with-media .site-header,
.page-home .site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.page-programm-detail.media-container-video-is-playing .site-header,
.page-home.media-container-video-is-playing .site-header {
    display: none;
}

.site-header__logo {
    display: block;
    float: left;
}

.main-menu {
    display: none;
}

.main-menu__item {
    display: inline-block;
    margin-right: 15px;
}

.main-menu__item:last-child {
    margin-right: 0;
}

.main-menu__item-anchor {
    font-size: 20px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
}

.main-menu__item-anchor:hover,
.main-menu__item-anchor.active,
.main-menu__item-anchor:active,
.main-menu__item-anchor:focus {
    color: #f7c752;
}

.menu-layer .facebook-link,
.main-menu .facebook-link {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('images/icon-fb-white.svg');
    background-position: center;
    background-size: cover;
}

.main-menu {
    display: none;
}

.main-menu__item {
    display: inline-block;
    margin-right: 15px;
}

.main-menu__item:last-child {
    margin-right: 0;
}

.main-menu__item-anchor {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
}

.main-menu__item-anchor:hover,
.main-menu__item-anchor.active,
.main-menu__item-anchor:active,
.main-menu__item-anchor:focus {
    color: #f7c752;
}

ul.main-menu-second-level {
    display: none;
    width: 230px;
    height: auto;
    position: fixed;
    left: 747px;
    background-color: #5c9faf;
    padding: 5px;
}

.page-home ul.main-menu-second-level {
    background-color: #FFFFFF;
    opacity: 0.85;
}

a.main-menu-second-level__item-anchor {
    color: #FFFFFF;
    float: left;
}

.page-home a.main-menu-second-level__item-anchor {
    color: #000000;
}

a.main-menu-second-level__item-anchor:hover {
    color: #f7c752;
}

.main-menu .facebook-link {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('images/icon-fb-white.svg');
    background-position: center;
    background-size: cover;
}

.menu-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #5c9faf;
    display: none;
    z-index: 5;
}

.menu-layer a {
    color: #fff;
    font-size: 14px;
}

.menu-layer a:active,
.menu-layer a.active,
.menu-layer a:hover {
    color: #f7c752;
}

.menu-layer__header {
    box-shadow: 15px 0 30px 2px rgba(0, 0, 0, 0.2);
}

.menu-layer__header,
.menu-layer__main-menu {
    padding: 20px;
    text-align: right;
}

.menu-layer__main-menu {
    position: relative;
    padding-bottom: 0;
}

.menu-layer__main-menu-item {
    margin-bottom: 15px;
}

.menu-layer__facebook-item {
    position: absolute;
    bottom: 0;
    left: 20px;
    margin-bottom: 0;
}

.menu-layer .facebook-link {
    width: 32px;
    height: 32px;
}

.menu-layer__main-menu-item > a {
    display: inline-block;
}

.menu-layer__main-menu-item > .collapsible-toggler {
    position: relative;
}

.menu-layer__main-menu-item > .collapsible-toggler span {
    vertical-align: middle;
}

.menu-layer__main-menu-item .toggler-icon {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url('images/arrow-ochre.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    -o-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

.collapsible.open .toggler-icon {
    -webkit-transform: rotate(90deg) translateX(-3px);
    -moz-transform: rotate(90deg) translateX(-3px);
    -ms-transform: rotate(90deg) translateX(-3px);
    -o-transform: rotate(90deg) translateX(-3px);
    transform: rotate(90deg) translateX(-3px);
}

.menu-layer__main-menu-item > a {
    font-size: 20px;
    text-transform: uppercase;
}

.menu-layer__second-level-menu {
    margin-bottom: 10px;
}

.menu-layer__service-menu {
    margin: 0 20px 20px;
    padding-top: 10px;
    border-top: 1px solid #fff;
}

.menu-layer__service-menu-item {
    display: inline-block;
    margin-right: 10px;
}

.menu-layer__service-menu-item a {
    font-size: 16px;
}

.site-header__logo {
    width: 42%;
}

.site-header__logo--desktop {
    display: none;
}

.menu-button {
    width: 11%;
    margin: 12px 4px 0;
}

.menu-layer__main-menu-item > a,
.menu-layer__second-level-menu {
    padding-right: 11%;
}

.li.menu-layer__second-level-menu-item {
    margin-top: 10px;
}

.menu-layer.open {
    display: block;
}

.site-header {
    padding: 20px 0;
}

@media screen and (min-width: 569px)  {

    .site-header__logo {
        width: 32%;
    }

    .site-header__logo {
        margin-top: 3px;
    }

    .menu-button {
        width: 40px;
        margin: 22px 4px 0;
    }

    .menu-layer__main-menu-item > a,
    .menu-layer__second-level-menu {
        padding-right: 40px;
    }
}

@media screen and (min-width: 900px) {

    .site-header__logo {
        width: 140px;
        margin-left: 37px;
    }

    .site-header__logo--desktop {
        display: block;
    }

    .site-header__logo--mobile {
        display: none;
    }

}

@media screen and (min-width: 1024px) {

    .site-header {
        padding: 37px 0 21px;
    }

    .menu-layer.open {
        display: none;
    }

    .programm-detail-with-media .site-header,
    .page-home .site-header {
        margin: 37px 0 21px;
        padding: 0;
    }

    .site-header__menu-button {
        display: none;
    }

    .main-menu {
        display: inline-block;
        margin-top: 13px;
    }

}

.site-footer {
   background-color: #fff;
}

.site-footer__partner-logos {
   padding: 20px 0;
   text-align: center;
}

.site-footer__partner-logos img {
   display: inline-block;
   vertical-align: top;
   width: calc(33.3333% - 20px);
   max-width: 210px;
   max-height: 110px;
   margin: 30px 10px;
}

.site-footer__menu {
   border-top: 1px solid #5c9faf;
   padding: 30px 0 20px;
}

.site-footer__menu ul {
   text-align: center;
   padding-bottom: 30px;
}

.site-footer__menu-item {
   display: inline-block;
   margin-left: 20px;
   vertical-align: middle;
}

.site-footer__menu-item:first-child {
   margin-left: 0;
}

.site-footer__menu-item a {
   text-transform: uppercase;
}

.site-footer__menu .facebook-link {
   padding-left: 32px;
   display: inline-block;
   background-image: url('images/icon-fb-turq.svg');
   background-repeat: no-repeat;
   background-position: center left;
   background-size: 24px 24px;
   font-size: 0;
}

.site-footer__login,
.site-footer__menu-item:nth-child(2) {
   visibility: hidden;
   display: none;
}


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

   .site-footer__partner-logos img {
      width: auto;
      margin: 30px;
   }

   .site-footer__login,
   .site-footer__menu-item:nth-child(2) {
      visibility: visible;
      display: inline-block;
   }

   .site-footer__menu .facebook-link {
      font-size: 16px;
   }

}


.main-content.with-media-container {
   padding-top: 0;
}

.third-level-menu {
   margin-bottom: 30px;
}

.third-level-menu__header {
   font-size: 18px;
   color: #b69138;
   text-transform: uppercase;
   padding-bottom: 10px;
   border-bottom: 1px solid #5c9faf;
}

.third-level-menu ul {
   padding: 20px;
   border-bottom: 1px solid #5c9faf;
}

.third-level-menu__item {
   margin-bottom: 5px;
}

.third-level-menu__item a {
   color: #000;
   font-size: 16px;
}

.third-level-menu__item a.active,
.third-level-menu__item a:active,
.third-level-menu__item a:hover {
   color: #b69138;
}

.third-level-menu .toggler-icon {
   display: inline-block;
   position: absolute;
   top: 3px;
   right: 0;
   width: 20px;
   height: 20px;
   background-image: url('images/arrow-ochre.svg');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: right center;
   -webkit-transition: 0.5s all linear;
   -moz-transition: 0.5s all linear;
   -o-transition: 0.5s all linear;
   transition: 0.5s all linear;
}

.third-level-menu .collapsible-toggler span {
   vertical-align: middle;
}

.side-col {
   display: none;
}

.side-col__menu-item {
   display: block;
   margin-bottom: 5px;
}

.side-col__menu-item a,
.side-col__third-level-menu-item a {
   text-transform: uppercase;
}

.side-col__menu-item a {
   font-size: 20px;
   font-weight: bold;
}

.side-col__third-level-menu-item a {
   font-size: 16px;
   font-weight: bold;
}

.side-col__menu-item .active,
.side-col__third-level-menu-item .active {
   color: #b69138;
}

.side-col__third-level-menu {
   padding-left: 10px;
   margin-bottom: 15px;
}

.accordeon-hr,
.article__hr {
   max-width: 193px;
   border: none;
   border-top: 3px solid #5c9faf;
   margin-bottom: 31px;
}

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

   .main-col {
      width: 100%;
      padding: 0 75px;
   }

}

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

   .main-content {
      padding-top: 20px;
   }

}

@media screen and (min-width: 1120px) {

   .third-level-menu--mobile {
      display: none;
   }

   .main-content {
      padding-top: 51px;
   }

   .main-col,
   .side-col {
      display: inline-block;
      vertical-align: top;
   }

   .main-col {
      padding: 0 145px;
   }

   .main-col.with-side-col {
      width: 74.3%;
      padding: 0;
   }

   .side-col {
      width: 25.7%;
      padding-top: 4px;
   }

}



.calendar-selector-wrapper {
   padding: 24px 0 25px;
}

.calendar-selector-wrapper.sticky {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   background-color: #fff;
   z-index: 5;
   padding: 10px 0;
   box-shadow: 15px 0 30px 2px rgba(0, 0, 0, 0.2);
}

.calendar-selector {
   width: 100%;
   height: 72px;
   overflow: hidden;
   padding-left: 60px;
   padding-right: 60px;
}

.calendar-selector .owl-item.active + .owl-item.active {
   border-left: 1px solid #101010;
}

.calendar-selector .owl-item:last-child {
   border-right: none;
}

.calendar-selector .owl-prev,
.calendar-selector .owl-next {
   position: absolute;
   top: 50%;
   height: 50px;
   width: 30px;
   margin-top: -18px;
   font-size: 0;
   background-size: cover;
   background-position: center;
   background-image: url('images/arrow-ochre.svg');
}

.calendar-selector .owl-prev {
   left: 20px;
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.calendar-selector .owl-next {
   right: 20px;
}

.calendar-selector__item {
   vertical-align: top;
   height: 72px;
   text-align: center;
}

.calendar-selector__anchor,
.calendar-selector__day,
.calendar-selector__date {
   display: inline-block;
   vertical-align: middle;
   letter-spacing: 0;
   text-transform: uppercase;
}

.calendar-selector__anchor {
   margin-top: 7px;
}

.calendar-selector__anchor,
.calendar-selector__day {
   height: 100%;
}

.calendar-selector__day {
   margin-right: 2px;
   text-transform: uppercase;
}

.calendar-selector__date {
   height: 52%;
   line-height: 19px;
}

.calendar-selector__date span {
   line-height: 16px;
   font-weight: bold;
}

.calendar-selector__day {
   font-size: 45px;
   line-height: 72px;
}

.is-weekend .calendar-selector__date,
.calendar-selector__day {
   color: #101010;
}

.is-weekend .calendar-selector__day,
.calendar-selector__date {
   color: #b69138;
}

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

   .calendar-selector-wrapper {
      padding-top: 35px;
      padding-bottom: 35px;
   }

}

@media screen and (min-width: 900px) {

   .calendar-selector-wrapper {
      padding: 90px 0;
   }

}

@media screen and (min-width: 1200px) {

   .calendar-selector {
      padding-left: 0;
      padding-right: 0;
   }

}

.calendar-events {
   transition: 0.6s margin linear;
}

.sticky + .calendar-events {
   padding-top: 250px;
}

.calendar-event {
   position: relative;
   margin-bottom: 40px;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.calendar-date:last-child .calendar-event:last-child {
   margin-bottom: 0;
}

.calendar-event__datetime {
   position: absolute;
   top: 9.5%;
   left: 0;
   color: #fff;
   z-index: 4;
   width: 155px;
}

.calendar-event__time,
.calendar-event__datetime-inner {
   padding-left: 20px;
}

.calendar-event__datetime-inner {
   background-color: #cb8f24;
}

.is-weekend .calendar-event__datetime-inner {
   background-color: #5c9faf;
}

.calendar-event__day,
.calendar-event__date {
   display: inline-block;
   vertical-align: middle;
   letter-spacing: 0;
   text-transform: uppercase;
}

.calendar-event__day {
   font-size: 45px;
   height: 100%;
   margin-right: 8px;
   text-transform: uppercase;
}

.calendar-event__date {
   height: 52%;
   line-height: 19px;
}

.calendar-event__date span {
   line-height: 16px;
   font-weight: bold;
}

.calendar-event__time {
   font-size: 17px;
   display: block;
}

.calendar-event__img {
   position: relative;
}

.calendar-event__img img {
   width: 100%;
}

.calendar-event__gradient-layer {
	display: block;
	position: absolute;
	top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2;

	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 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.2)), 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.2) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 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.2) 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.2) 50%, rgba(0, 0, 0, 0.5) 100%);

	pointer-events: none;
}

.calendar-event__desc,
.calendar-event__overlay-desc {
   padding: 21px 52px;
}

.calendar-event__overlay-desc {
   padding-right: 167px;
}

.calendar-event__title,
.calendar-event__title a {
   color: #cb8f24;
   font-size: 25px;
   line-height: 32px;
   font-weight: 600;
   text-transform: uppercase;
}

.calendar-event__title {
   padding: 10px 0 0;
   margin-bottom: 0;
}

.calendar-event__overlay-title-container {
   padding: 20px 30px 20px 180px;
}

.calendar-event__overlay-title-container .calendar-event__title {
   color: #fff;
   padding-top: 0;
}

.calendar-event__location-divider {
   border: none;
   border-top: 3px solid #5c9faf;
   width: 167px;
}

.calendar-event__overlay .calendar-event__location-divider {
   border-color: #fff;
}

.calendar-event__location {
   color: #5c9faf;
   font-weight: 600;
   padding-top: 15px;
}

.calendar-event__desc .calendar-event__location {
   padding-right: 130px;
}

.calendar-event__desc,
.calendar-event__overlay {
   -webkit-transition: 0.6s visibility linear, 0.6s opacity linear;
   -moz-transition: 0.6s visibility linear, 0.6s opacity linear;
   -o-transition: 0.6s visibility linear, 0.6s opacity linear;
   transition: 0.6s visibility linear, 0.6s opacity linear;
}

.calendar-event__overlay {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   opacity: 0;
   visibility: hidden;
   background-color: #44727d;
   background-color: rgba(68, 114, 125, 0.95);
   z-index: 3;
}

.calendar-event__overlay,
.calendar-event__overlay p,
.calendar-event__overlay a {
   color: #fff;
}

.calendar-event__overlay-desc p,
.calendar-event__overlay-desc a {
   font-size: 14px;
   line-height: 22px;
}

.calendar-event__overlay-desc p {
   margin-bottom: 15px;
}

.calendar-event:hover .calendar-event__desc {
   opacity: 0;
   visibility: hidden;
}

.calendar-event:hover .calendar-event__overlay {
   opacity: 1;
   visibility: visible;
}

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

   .calendar-event__datetime {
      top: 5%;
   }

   .calendar-event__desc,
   .calendar-event__overlay-desc {
      padding-bottom: 105px;
   }

   .calendar-event__overlay-desc {
      padding-right: 30px;
   }

   .calendar-event__img-desktop {
      display: none;
   }

   .calendar-event__title,
   .calendar-event__title a {
      font-size: 24px;
      line-height: 32px;
   }

}

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

   .calendar-event__img-mobile {
      display: none;
   }

   .calendar-events {
      padding-left: 52px;
      padding-right: 52px;
   }

}

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

   .calendar-event__overlay-title-container {
      padding: 110px 52px 0;
   }

}

@media screen and (min-width: 900px) {

   .calendar-event__img,
   .calendar-event__desc,
   .calendar-event__overlay-desc,
   .calendar-event__overlay-title-container {
      display: inline-block;
      vertical-align: top;
      width: 50%;
   }

   .calendar-event__overlay-title-container {
      padding: 20px 30px 20px 180px;
   }

}

@media screen and (min-width: 900px) and (max-width: 1079px) {

   .calendar-event__desc,
   .calendar-event__overlay-desc {
      padding-top: 14px;
      padding-bottom: 14px;
   }

   .calendar-event__title {
      padding: 0;
   }

}

@media screen and (min-width: 1200px) {

   .calendar-events {
      padding-left: 0;
      padding-right: 0;
   }

}

.sidebar-info {
   display: none;
}

.event__header,
.event__info-container {
   padding: 20px 0 10px;
}

.event-header__date-time {
   border-right: 1px solid #000;
   display: inline-block;
   padding-right: 10px;
   width: 35%;
}

.event-header__day {
   color: #101010;
   font-size: 45px;
   height: 50px;
   line-height: 50px;
   margin-right: 2px;
   text-transform: uppercase;
}

.event-header__date {
   color: #b69138;
   display: inline-block;
   height: 52%;
   letter-spacing: 0;
   line-height: 19px;
   text-transform: uppercase;
   vertical-align: baseline;
}

.event-header__date span {
   font-weight: bold;
   line-height: 16px;
}

.event-header__time {
   display: block;
   font-size: 15px;
}

.event-header__title {
   display: inline-block;
   padding-left: 10px;
   vertical-align: top;
   width: 65%;
}

.event__header-divider {
   border: none;
   border-bottom: 3px solid #5c9faf;
}

.event__accordeon-item .accordeon-header,
.event-header__location {
   margin: 0;
}

.event-header__location {
   padding: 20px 0 10px 35%;
   padding: 20px 0 10px calc(35% + 10px);
}

.event__status {
   color: #5c9faf;
   font-weight: 600;
}

.event__info {
   padding: 10px 0;
}

.event__info:first-child {
   padding-top: 0;
}

.event__info:last-child {
   padding-bottom: 0;
}

.event__info.event__price-info {
   margin-top: 10px;
   border-top: 1px solid #5c9faf;
}

.event__ticket-link-container,
.event__price-container {
   display: inline-block;
   vertical-align: top;
   width: 50%;
}

.event__price {
   font-weight: 600;
}

.event__price-text {
   padding-left: 50%;
}

.event__info.event__price-info,
.event__accordeon-item {
   border-bottom: 1px solid #5c9faf;
   padding: 20px 0;
}

.sidebar-info__header,
.event__accordeon-item .accordeon-header {
   font-size: 20px;
}

.event__accordeon-item .accordeon-header {
   line-height: 30px;
}

.event__accordeon-item .accordeon-content-wrap {
   padding: 10px 0;
}

.social-links-float {
   top: 48%;
}

.page-programm-detail .toggle-social-float-button {
   display: block;
}

.person-role {
   font-weight: bold;
}

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

   .event__header-divider {
      width: 350px;
   }

   .event-header__date-time {
      width: 23%;
      padding-right: 40px;
   }

   .event-header__title {
      width: 77%;
      padding-left: 40px;
   }

   .event-header__location {
      padding: 20px 0 10px calc(23% + 40px);
   }

   .event__ticket-link-container {
      width: 120px;
   }

   .event__price-container {
      width: 100%;
      width: calc(100% - 120px);
   }

   .event__price-text {
      padding-left: 120px;
   }

}

@media screen and (min-width: 1024px) {

   .hidden-on-desktop {
      display: none;
   }

   .main-info,
   .sidebar-info {
      display: inline-block;
      vertical-align: top;
   }

   .main-info {
      width: 75%;
      padding-right: 35px;
   }

   .sidebar-info {
      width: 25%;
   }

   .sidebar-info > div:not(:last-child) {
      padding-bottom: 35px;
   }

   .event__info.event__price-info {
      border: none;
      padding: 0;
      margin-top: 0;
   }

   .event__price-container {
      width: 100%;
      padding-left: 10px;
      margin-bottom: 10px;
   }

   .event__price-text {
      padding-left: 0;
   }

   .event-header__date-time {
      width: 165px;
      padding-right: 40px;
   }

   .event-header__title {
      width: 100%;
      width: calc(100% - 165px);
      padding-left: 40px;
   }

   .event-header__location {
      padding: 20px 0 10px 205px;
   }

   .sidebar-info__header {
      color: #5c9faf;
   }

}

.__CbUiFrame.__EventTicketOrderWindow.__CbUiLayerFrame {
    margin: 0 auto;
    padding: 0;
    width: 930px;
    min-height: 350px;
    top: 40px;
    left: 50%;
    margin-left: -448px;
    background-color: #fff;
    border-radius: 0;
    position: fixed;
}

.__EventTicketOrderWindow .__CbUiContent{
    overflow: auto;
}
.__EventTicketOrderWindow .col {
    float: left;
}
.__EventTicketOrderWindow .col:first-child {
    width:300px;
}

.__CbUiFrame.__EventTicketOrderWindow.__CbUiLayerFrame {
    padding: 40px;
}

#event-ticket-order-form input[type="text"] {
    padding: 10px;
    width: 100%;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
}

#event-ticket-order-form .col {
    width: 49%;
    margin-bottom: 5px;
}

#event-ticket-order-form select,
#event-ticket-order-form textarea, 
#event-ticket-order-form input[type="email"] {
    width: 100%;
    padding: 10px;
    height: 44px;
    border-radius: 5px;
    border-width: 2px;
}

#event-ticket-order-form textarea {
    height: 70px;    
}

#event-ticket-order-form input[type="submit"] {
    background: #4D7983;
    color: #f7ffff;
    padding: 10px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
}

#event-ticket-order-form  .col.col-full-width {
    width: initial;
    margin-top: 20px;
}

#event-ticket-order-form  .col.col-left {
    width: 20%;
}

#event-ticket-order-form  .col.col-rigth {
    width: 66%;
}

.__CbUiFrame.__EventTicketOrderWindow.__CbUiLayerFrame {
    max-height: 95%;
    overflow-y: auto !important;
}

#event-ticket-order-form .error-message {
   display: none;
   color: red;
}

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

   .__CbUiFrame.__EventTicketOrderWindow.__CbUiLayerFrame {
        width: 100%;
        top: 0;
        position: fixed;
        min-height: 100%;
        right: 0;
        left: 0;
        margin: 0px;
    }

    #event-ticket-order-form .row {
        width: 100%;
        display: inline-grid;
    }

    #event-ticket-order-form  .col.col-left {
        width: 100%;
    }

    #event-ticket-order-form  .col.col-rigth {
        width: 100%;
    }

}

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

    .__CbUiFrame.__EventTicketOrderWindow.__CbUiLayerFrame {
        width: 620px;
        top: 20px;
    }

}

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

    .__CbUiFrame.__EventTicketOrderWindow.__CbUiLayerFrame {
        margin-left: -310px;
    }
}

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

    .__CbUiFrame.__EventTicketOrderWindow.__CbUiLayerFrame {
        width: 900px;
        top: 20px;
    }

}

.social-links-float {
    display: none;
    position: fixed;
    right: 0;
    box-sizing: border-box;
    background-color: #b69138;
    padding: 20px 20px 20px 10px;
    z-index: 5;
    -ms-transform: translateX(70px);
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
    margin-top: 46px;
}

.toggle-social-float-button {
    display: none;
    float: right;
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 10px 20px;
    -ms-transform: rotate(90deg) translateY(25px);
    -webkit-transform: rotate(90deg) translateY(25px);
    -moz-transform: rotate(90deg) translateY(25px);
    -o-transform: rotate(90deg) translateY(25px);
    transform: rotate(90deg) translateY(25px);
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2.5px;
}

.page-blog-detail .toggle-social-float-button{
    display: block;
}

.social-float-button {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    float: left;
    border: none;
    margin-left: 10px;
}

.facebook-float-button {
    background-image: url('images/sociamediatool-facebook.svg');
}

.twitter-float-button {
    background-image: url('images/sociamediatool-twitter.svg');
}

.google-plus-float-button {
    background-image: url('images/sociamediatool-googleplus.svg');
}

.email-float-button {
    background-image: url('images/sociamediatool-email.svg');
    margin-right: 10px;
}

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

   .social-links-float {
      margin-top: 56.25%;
   }

   .social-links-float.open {
      width: 110%;
   }

}

.page-blog-detail .media-container__text {
    background-color: transparent; 
    color: white;
    left: 10px;
    width: 100%;
    width: calc(100% - 20px);
    padding: 10px;
}

.page-blog-detail .media-container__title {
    color: white;
}

.page-blog-detail h3 {
    font-size: 30px;
    line-height: 28px;
    font-weight: bold;
    text-transform: uppercase;
}

.page-blog-detail .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
    right: initial;
    top: initial;
    left: 11%;
    height: 72px;
    width: 72px;
    bottom: 31px;
}

.page-dynamic .media-container__mediacontainer-blog-article,
.page-dynamic .media-container__controls-blog-article {
    padding-bottom: 54.38%;
}

.page-dynamic .media-container__controls-blog-article {
   pointer-events: none;
}

.page-dynamic .media-container__arrow {
   pointer-events: all;
}

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

    .page-blog-detail .media-container__text {
        left: 19%;
    }

   .page-blog-detail .media-container__text {
      width: 62%;
   }

}


@media screen and (min-width: 1120px) {

    .page-blog-detail .main-col.with-side-col {
        margin-left: 12.5%;
    }

}


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

    .page-blog-detail .media-container-wrapper {
        top: 0px;
    }

    .page-blog-detail .media-container-wrapper.container {
        padding: 0;
        padding-bottom: 70px;
    }

}

.event__ticket-link,
.calendar-event__ticket-link {
   background-color: transparent;
   width: 120px;
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   padding: 5px 20px 5px 35px;
   background-image: url('images/ticket-d19829.svg');
   background-repeat: no-repeat;
   background-size: 101% auto;
}

.calendar-event__ticket-link {
   position: absolute;
   bottom: 25px;
   right: 0;
   z-index: 4;
}

.event__ticket-link:hover,
.event__ticket-link:active,
.calendar-event__ticket-link:hover,
.calendar-event__ticket-link:active {
   color: #fff;
}

.is-weekend .calendar-event__ticket-link {
   background-image: url('images/ticket-5c9faf.svg');
}

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

   .calendar-event__ticket-link {
      bottom: 5%;
   }

}

body.dynamic-page-map {
   padding: 0;
   overflow: hidden;
}

.dynamic-page-map .header-menu-container {
   left: auto;
   right: 0;
   width: auto;
   box-shadow: -3px 3px 25px rgba(0, 0, 0, 0.1);
}

.dynamic-page-map .header-menu {
   padding: 1.5rem 1.5rem 1rem;
   text-align: center;
   height: auto !important;
}

.dynamic-page-map .header-menu .menu-button {
   display: inline-block !important;
   position: static;
   float: none;
}

.dynamic-page-map .menu-mobile .menu-button {
   top: 1.5rem;
   right: 1.5rem;
}

.dynamic-page-map .main-menu-desktop,
.dynamic-page-map .sibling-page-menu-desktop,
.dynamic-page-map .logo-container,
.dynamic-page-map .page-menu,
.dynamic-page-map .main-content .divider,
.dynamic-page-map .site-footer {
   display: none !important;
}

.dynamic-page-map .leaflet-top,
.dynamic-page-map .leaflet-left,
.dynamic-page-map .leaflet-right,
.dynamic-page-map .leaflet-bottom {
/*   position: fixed;*/
}

.dynamic-page-map .map-content {
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
}

.dynamic-page-map #map {
   width: 100%;
   height: 100%;
   max-height: 100%;
}

/*.dynamic-page-map .leaflet-locate-button,
.dynamic-page-map .leaflet-locate-button:hover,
.dynamic-page-map .leaflet-locate-button:active {
   width: 5.2rem !important;
   height: 5.2rem !important;
}*/

.dynamic-page-map .leaflet-right .leaflet-control {
   margin-right: 1.5rem;
}

.leaflet-marker-bus {
    opacity: 0.95;
}

.leaflet-popup-pane a {
    text-decoration: underline;
}

.leaflet-container a.leaflet-popup-close-button,
.leaflet-container a.leaflet-popup-close-button:hover {
    position: absolute;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    background: url('images/img_close-tooltip.png') no-repeat transparent;
    background-position: center;
    z-index: 10;
    cursor: pointer;
    color: transparent;
    display: none;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    /*    border-radius: 0;
        padding: 0;
        background-color: rgba(204, 72, 87, 0.95);
        box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.3);*/
    border-radius: 0;
    padding: 0;
    background-color: rgba(92, 159, 175, 0.95);
    box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.3);
}

.leaflet-popup-bus .leaflet-popup-content-wrapper,
.leaflet-popup-bus .leaflet-popup-tip {
    background-color: rgba(0,0,0, 0.8);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-content-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.leaflet-popup-content {
    margin: 0;
}

.leaflet-popup-content a {
    color: white;
}

.leaflet-popup-content {
    width: 200px !important;
    min-height: 192px;
    color: white;
    padding: 15px 15px 0;
}

.long-address-street .leaflet-popup-content {
    min-height: 210px;
}

.leaflet-popup-bus .leaflet-popup-content {
    width: 195px !important;
    min-height: 80px;
    padding: 2rem;
    text-align: center;
}

.leaflet-popup-content .location-left,
.leaflet-popup-content .location-right {
    display: inline-block;
    vertical-align: top;
}

.leaflet-popup-content .location-left {
    width: 100%;
}

.leaflet-popup-content .location-right {
    position: absolute;
    left: 15px;
    right: 20px;
    width: 170px;
    text-align: center;
    z-index: 11;
}

.leaflet-popup-content .location-header {
    position: relative;
    height: 0;
    padding-bottom: 65%;
    vertical-align: bottom;
    
     -ms-word-break: break-all;
     word-break: break-all;

     word-break: break-word;

   -webkit-hyphens: auto;
      -moz-hyphens: auto;
           hyphens: auto;
}

.leaflet-popup-content .location-header a {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.leaflet-popup-content .location-header,
.leaflet-popup-content .location-header a {
    font-size: 17px;
    font-size: 1.0rem;
    line-height: 10px;
    line-height: 1.4rem;
    // margin-top: 55px;
    // margin-top: 5.5rem;
    text-transform: uppercase;
}

// .leaflet-popup-content .location-header.long-location-name,
// .leaflet-popup-content .location-header.long-location-name a {
//     margin-top: 4.1rem;
// }

// .leaflet-popup-content .location-header.long-location-name.extra-long-location-name,
// .leaflet-popup-content .location-header.long-location-name.extra-long-location-name a {
//     margin-top: 2.7rem;
// }

.leaflet-popup-bus .location-content .location-header,
.leaflet-popup-bus .location-content .location-header a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    // margin-top: -7px;
    // margin-top: -0.7rem;
    text-transform: none;
}

.leaflet-popup-bus .location-content .location-header {
    // margin-bottom: 22px;
    // margin-bottom: 1.0rem;
    // padding-bottom: 18px;
    // padding-bottom: 0.8rem;
    min-height: 1px;
    border-bottom: 1px solid white;
}

.leaflet-popup-content .location-image,
.leaflet-popup-content .location-image a,
.leaflet-popup-content .location-image a img {
    position: relative;
    display: block;
    width: 100%;
}

.leaflet-popup-content .location-image {
    margin-bottom: 8px;
}

.location-program-url > a {
    bottom: 33px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}

.leaflet-popup-content .location-content li,
.leaflet-popup-content .location-url {
    list-style: none;
    padding-bottom: 5px;
    padding-bottom: 0.5rem;
    font-family: "Lora", serif;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 15px;
    line-height: 1.0rem;
    letter-spacing: 0.010rem;
}

.leaflet-popup-bus .leaflet-popup-content .location-content li,
.leaflet-popup-content .location-url {
    padding-bottom: 0px;
}

.leaflet-popup-content .location-url, .leaflet-popup-content .location-email {
    word-wrap: break-word;
}

.leaflet-locate-button,
.leaflet-mapclose-button {
    background-image: url('images/map-locate.svg');
    background-position: center;
    background-size: 68%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.leaflet-mapclose-button {
    background-image: url('images/img_close-map.png');
}

a.leaflet-control-fullscreen-button {
    background-image: url(images/svg_map-fullscreen.svg);
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    background-position: 5px 4px;
}

/*#map.leaflet-fullscreen-on a.leaflet-control-fullscreen-button {
   background-position: 0 0;
}*/

#map.leaflet-fullscreen-on {
    width: 100%;
    height: 100%;
    margin: 0;
    max-height: none;
}

.leaflet-control-layers-toggle,
.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/svg_map-filter.svg);
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    background-size: 44%;
    width: 27px;
    height: 27px;
}

.leaflet-retina .leaflet-control-layers-toggle,
.leaflet-touch .leaflet-bar a{
    height: 39px;
    width: 47px;
    border-radius: 2px;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded {
    background-color: #E6202F;
    color: white;
    padding: 10px;
    width: 227px;
    position: absolute;
    right: 0px;
    bottom: 15px;
    z-index: inherit;
}

.leaflet-control-layers-base label {
    padding-bottom: 35px;
}

input.leaflet-control-layers-selector {
    float: right;
}

.leaflet-control-layers-base {
    width: 217px;
}

.leaflet-control-layers-base span {
    width: 195px;
    position: relative;
    float: right;
    right: 5px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.leaflet-control-layers-selector {
    -webkit-appearance: none;
    background-color: #E6202F;
    border: 1px solid white;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 6px;
    border-radius: 9999px;
    cursor: pointer;
}

.leaflet-control-layers-selector:checked {
    background-color: white;
    border: 1px solid white;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: white;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control {
    position: absolute;
    right: 0px;
    bottom: 139px;
}

a.leaflet-locate-button {
    position: absolute;
    right: 0px;
    bottom: 58px;
    background-size: 54%;
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);

}

.leaflet-control-layers.leaflet-control {
    box-shadow: none;
}

.leaflet-bar {
    box-shadow: none;
}

.leaflet-control-zoom a.leaflet-control-zoom-in,
a.leaflet-control-zoom-out,
a.leaflet-locate-button,
a.leaflet-control-layers-toggle,
.leaflet-retina a.leaflet-control-layers-toggle
.leaflet-control-zoom a.leaflet-control-zoom-in:hover,
a.leaflet-control-zoom-out:hover,
a.leaflet-locate-button:hover,
a.leaflet-control-layers-toggle:hover,
.leaflet-retina a.leaflet-control-layers-toggle:hover{
    width: 47px;
    height: 39px;
    text-indent: 9999px;
}

a.leaflet-control-zoom-in {
    background-image: url(images/svg_map-plus.svg);
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    background-size: 36%;
}

a.leaflet-control-zoom-out {
    background-image: url(images/svg_map-minus.svg);
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    margin-top: 8px;
    background-size: 36%;
}

a.leaflet-mapclose-button {
    display: none;
}

a.leaflet-control-fullscreen-button.leaflet-bar-part {
    height: 45px;
    width: 54px;
    background-size: 46%;
    background-position: 17px 8px;
}

.leaflet-fullscreen-on a.leaflet-control-fullscreen-button.leaflet-bar-part {
    background-position: 17px -28px;
}

.leaflet-control-fullscreen.leaflet-bar.leaflet-control {
    position: absolute;
    top: 11px;
    right: 0;
    margin: 0;
}

.leaflet-fullscreen-on .leaflet-control-fullscreen.leaflet-bar.leaflet-control {
    top: 0px;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{
    border: none;
    box-shadow: none;
    margin-right: 0;
}

.leaflet-bar a:hover {
    background-color: white;
}

.leaflet-map-pane, 
.leaflet-tile, 
.leaflet-marker-icon, 
.leaflet-marker-shadow,
.leaflet-tile-pane, 
.leaflet-tile-container, 
.leaflet-overlay-pane, 
.leaflet-shadow-pane,
.leaflet-marker-pane, 
.leaflet-overlay-pane svg, 
.leaflet-zoom-box, 
.leaflet-image-layer, 
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.leaflet-popup-content li.location-phone,
.leaflet-popup-content li.location-email {
    display: none;
}

.map-gradient-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;

    background: -moz-linear-gradient(top, rgba(16,16,16,0.15) 0%, rgba(16,16,16,0.15) 20%, rgba(16,16,16,0.15) 50%, rgba(16,16,16,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(16,16,16,0.15) 0%,rgba(16,16,16,0.15) 20%,rgba(16,16,16,0.15) 50%,rgba(16,16,16,0.65) 100%);
    background: linear-gradient(to bottom, rgba(16,16,16,0.15) 0%,rgba(16,16,16,0.15) 20%,rgba(16,16,16,0.15) 50%,rgba(16,16,16,0.65) 100%);
}

a#map-history-back-link {
    position: fixed;
    z-index: 11;
    left: 10px;
    top: 10px;
    background-color: #FFFFFF;
    opacity: 0.85; 
    padding: 5px;
}


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

    .leaflet-popup-content .location-header {
        height: auto;
        padding-bottom: 24px;
        padding-bottom: 2.4rem;
        border-bottom: 0.1rem solid white;
        border-bottom: 1px solid white;
        margin-bottom: 17px;
        margin-bottom: 1.7rem;
        padding-left: 0%;
        min-height: 10rem;
    }

    .leaflet-popup-content .location-header a {
        padding-bottom: 0;
        height: auto;
        position: relative;
    }

    .leaflet-popup-content .location-header,
    .leaflet-popup-content .location-header a,
    .leaflet-popup-content .location-content li,
    .leaflet-popup-content .location-url {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .leaflet-popup-content {
        width: 424px !important;
        min-height: 204px;
        padding: 29px 25px;
        padding: 2.9rem 25px;
    }

    .leaflet-popup-content .location-left {
        width: 50%;
        padding-right: 17px;
        padding-top: 4px;
    }

    .leaflet-popup-content .location-right {
        position: relative;
        left: 0;
        right: 0;
        width: 50%;
        padding: 6px 4px 0 7px;
        padding: 0.6rem 4px 0 7px;
        text-align: left;
    }

    .leaflet-popup-content .location-header,
    .leaflet-popup-content .location-header a {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 17px;
        line-height: 1.7rem;
        text-transform: uppercase;
    }


    .leaflet-popup-content .location-header.long-location-name,
    .leaflet-popup-content .location-header.long-location-name a {
        margin-top: 0rem;
    }

    .leaflet-popup-content {
        width: 424px !important;
        min-height: 160px;
        padding: 29px 25px;
        padding: 1.4rem 15px;
    }


    .leaflet-popup-content .location-header.long-location-name.extra-long-location-name,
    .leaflet-popup-content .location-header.long-location-name.extra-long-location-name a {
        margin-top: 0rem;
    }

    .leaflet-popup-content .location-header {
        padding-bottom: 16px;
        padding-bottom: 1.6rem;
        margin-bottom: 16px;
        margin-bottom: 1.6rem;
        padding-left: 0;
        min-height: 1px;
    }


    .leaflet-popup-content .location-content li,
    .leaflet-popup-content .location-url {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .leaflet-popup-content .location-header,
    .leaflet-popup-content .location-header a {
        font-size: 17px;
        font-size: 1.0rem;
        line-height: 17px;
        line-height: 1.2rem;
        text-transform: uppercase;
    }


    .location-program-url > a {
        position: relative;
        left: 0;
        bottom: auto;
        width: auto;
        text-align: left;
    }

    .leaflet-popup-content .location-header {
        padding-bottom: 16px;
        padding-bottom: 1.0rem;
        margin-bottom: 16px;
        margin-bottom: 1.0rem;
        padding-left: 0;
        min-height: 1px;
    }


    .leaflet-popup-content li.location-phone,
    .leaflet-popup-content li.location-email {
        display: block;
    }

    .leaflet-popup-content .location-content li,
    .leaflet-popup-content .location-url {
        font-size: 13px;
        font-size: 0.8rem;
        line-height: 1.0;
    }


    .leaflet-container a.leaflet-popup-close-button,
    .leaflet-container a.leaflet-popup-close-button:hover {
        display: block;
    }

    .leaflet-popup-content .location-header,
    .leaflet-popup-content .location-header a {
        margin-top: -0.4rem;
    }

    .leaflet-popup-bus .leaflet-popup-content {
        min-width: 280px;
    }

    .leaflet-control-zoom.leaflet-bar.leaflet-control {
        bottom: 122px;
    }

}


.timeline {
   padding-left: 10px;
   padding-right: 10px;
}

.timeline-header,
.timeline-event {
   position: relative;
}

.timeline-header {
   padding-top: 30px;
   padding-bottom: 30px;
}

.timeline-header,
.timeline-header select {
   outline: 0;
}

.timeline-header .styled-select {
   top: 50%;
   margin-top: -16px;
   border: none;
   right: 4%;
   width: 92%;
   background-image: url('images/img_accordeon-open.png');
   background-position: right center;
}


.timeline-header .styled-select,
.timeline-header select {
   box-shadow: none;
   height: 32px;
}

.timeline-header select {
   padding: 0 43px;
   text-transform: capitalize;
   text-align-last: center;
   min-width: 0;
   width: 100%;
}

.timeline .times-entry {
   cursor: pointer;
   padding: 16px 0px;
}

.timeline-list {
   list-style: none;
}

.timeline .owl-stage {
   margin: 0 auto;
}

.timeline-carousel-container {
   background-color: #f6f8fa;
   border-top: 1px solid #d5d5d5;
   border-bottom: 1px solid #d5d5d5;
}

.timeline .owl-item {
   box-sizing: border-box;
   border-left: 1px solid #101010;
   border-left: 1px solid #d5d5d5;
   background-color: #fff;
   box-shadow: inset 0 4px 10px -5px #888;
}

.timeline .owl-item:last-child {
   border-right: 1px solid #101010;
   border-right: 1px solid #d5d5d5;
}








.timeline-event {
   overflow: hidden;
   margin-bottom: 4px;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.timeline .times-entry,
.timeline-event p,
.timeline-header label,
.timeline-header select {
   font-size: 12px;
   font-family: 'Roboto Condensed', sans-serif;
   color:  #101010;
}

p.timeline-event__status {
   margin-bottom: 2px;
}

.timeline-event__button,
.timeline-event__image {
   display: inline-block;
   vertical-align: top;
}

.timeline-event__image {
   width: 100%;
}

.timeline-event__location {
   margin: 0 auto;
   left: 20%;
   width: 60%;
}











.timeline-header .styled-select,
.timeline-event__button--new,
.timeline-event__button.favourite-button,
.timeline-event__overlay-buttons,
.timeline-event__overlay-texts,
.timeline-event__gradient,
.timeline-event__location,
.timeline-event__info,
.timeline-event__overlay {
   position: absolute;
}

.timeline-header,
.timeline .times-entry,
.timeline-event__location,
.timeline-event__info,
.timeline-event__overlay {
   text-align: center;
}

.timeline .times-entry.selected,
.timeline-event__location,
.timeline-event__info,
.timeline-event a,
.timeline-event p,
.timeline-event__overlay {
   color: #fff;
}

.timeline .times-entry.selected {
   background-color: rgba(68, 114, 125, 0.95);
}

.timeline-event__description,
.timeline-event p {
   margin: 0;
}

.timeline-event__status {
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 13px;
}

p.timeline-event__time {
   margin-bottom: 5px;
}

.timeline-event__time {
   font-size: 17px;
}

p.timeline-event__title {
   font-size: 16px;
   line-height: 18px;
   font-weight: 400;
}

.timeline-event__title > a {
   text-decoration: underline;
}

.timeline-event__description a {
   text-decoration: underline;
}

.timeline-event__overlay-buttons {
   padding-top: 15px;
}

.timeline-event__description,
.timeline-event__location,
.timeline-event__info {
   padding-top: 10px;
}

.timeline-event__overlay-texts,
.timeline-event__location,
.timeline-event__info {
   padding-bottom: 15px;
}

.timeline-event__overlay-buttons--left,
.timeline-event__overlay-texts {
   padding-left: 14px;
}

.timeline-event__overlay-buttons--right,
.timeline-event__overlay-texts {
   padding-right: 14px;
}

.timeline-event__button--new,
.timeline-event__button.favourite-button,
.timeline-event__location,
.timeline-event__info {
   z-index: 2;
}

.timeline-event__button--new,
.timeline-event__overlay-buttons,
.timeline-event__gradient,
.timeline-event__overlay,
.timeline-event__location {
   top: 0;
}

.timeline-event__overlay-texts,
.timeline-event__gradient,
.timeline-event__overlay,
.timeline-event__info {
   bottom: 0;
}

.timeline-event__overlay-buttons--left,
.timeline-event__overlay-texts,
.timeline-event__gradient,
.timeline-event__overlay,
.timeline-event__info {
   left: 0;
}

.timeline-header select,
.timeline-event__overlay-buttons--right,
.timeline-event__overlay-texts,
.timeline-event__gradient,
.timeline-event__overlay,
.timeline-event__info {
   right: 0;
}

.timeline-event__gradient {
   z-index: 1;
   pointer-events: none;
   background: -moz-linear-gradient(top, rgba(16,16,16,0.5) 0%, rgba(16,16,16,0) 20%, rgba(16,16,16,0) 50%, rgba(16,16,16,0.8) 100%);
   background: -webkit-linear-gradient(top, rgba(16,16,16,0.5) 0%,rgba(16,16,16,0) 20%,rgba(16,16,16,0) 50%,rgba(16,16,16,0.8) 100%);
   background: linear-gradient(to bottom, rgba(16,16,16,0.5) 0%,rgba(16,16,16,0) 20%,rgba(16,16,16,0) 50%,rgba(16,16,16,0.8) 100%);
}

.timeline-event__overlay {
   opacity: 0;
   visibility: hidden;
   background-color: rgba(68, 114, 125, 0.95);
   z-index: 3;
   -moz-transition: all 0.6s;
   -webkit-transition: all 0.6s;
   -o-transition: all 0.6s;
   transition: all 0.6s;
}

.timeline-event.hovered .timeline-event__overlay {
   opacity: 1;
   visibility: visible;
}

.timeline-event.hovered .timeline-event__info,
.timeline-event.hovered .timeline-event__location,
.timeline-event.hovered > .favourite-button {
   visibility: hidden;
   display: none;
}

.timeline-header label,
.timeline-event__description--long,
.timeline-event__location--overlay {
   display: none;
}

.timeline-event__overlay-buttons--left {
   text-align: left;
}

.timeline-event__overlay-buttons--left .timeline-event__button {
   margin-right: 5px;
}

.timeline-event__overlay-buttons--right {
   text-align: left;
}

.timeline-event__overlay-buttons--right .timeline-event__button {
   position: relative;
   margin-left: 5px;
}

.timeline-event__button {
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   height: 32px;
   width: 32px;
}

.timeline-event__button--location {
   background-image: url('images/svg_timeline-stadtplan.svg');
}

.timeline-event__overlay-buttons > .favourite-button{
   cursor: pointer;
}

.timeline-event__overlay-buttons > .favourite-button.favoured {
   background-image: url('images/svg_timeline-add-remove.svg');
}

.timeline-event__overlay-buttons > .favourite-button.not-favoured {
   background-image: url('images/svg_timeline-add.svg');
}

.timeline-list-entry > .favourite-button.favoured {
   background-image: url('images/svg_fav-added.svg');
   position: absolute;
   top: 10px;
   right: 10px;
}

.timeline-event__button--children {
   background-image: url('images/svg_timeline-kindervorstellung.svg');
}

.timeline-event__button--wheelchair-friendly {
   background-image: url('images/svg_timeline-barrierefrei.svg');
}

.timeline-event__button--new {
   background-image: url('images/svg_timeline-neu.svg');
   left: 14px;
   width: 55px;
   height: 55px;
}

#timeline-no-entry {
    width: 100%;
    text-align: center;
}

#timeline-no-entry-link {
    cursor: pointer;
}



@media screen and (min-width: 568px) {

   .timeline-header {
      padding-top: 15px;
      padding-bottom: 15px;
   }

   .timeline-header .styled-select,
   .timeline-header select {
      width: auto;
   }

   .timeline-header .styled-select {
      background-size: auto 100%;
      background-position: 95% center;
   }

   .timeline-header select {
      text-align-last: right;
      direction: rtl;
      padding-left: 10px;
   }

   .timeline-header label {
      display: block;
   }

}

@media screen and (min-width: 767px) {
 
   .timeline-header .styled-select {
      right: calc(4% - 10px);
      background-position: 97% center;
   }

   .timeline-event {
      display: inline-block;
      vertical-align: top;
      width: calc(50% - 10px);
      margin-bottom: 10px;
   }

   .timeline-event:nth-of-type(odd) {
      margin-right: 20px;
   }
   
   .timeline .times-entry,
   .timeline-event p,
   .timeline-header label,
   .timeline-header select {
      font-size: 16px;
   }

   .timeline-event p.timeline-event__title {
      font-size: 18px;
      line-height: 24px;
      text-transform: uppercase;
   }

}

@media screen and (min-width: 1024px) {

   .timeline-event__description--short {
      display: none;
   }

   .timeline-event__description--long,
   .timeline-event__location--overlay {
      display: block;
   }

   .timeline-header .styled-select {
      right: 0;
      background-position: right center;
   }

}