/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
table, td, th{vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:none;}
img{border:0;}
/*Fonts*/

/*
@font-face {font-family: 'ClearSans-Bold';src: url('webfonts/eot/style_128.eot');src: url('webfonts/eot/style_128.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_128.woff') format('woff'),url('webfonts/ttf/style_128.ttf') format('truetype'),url('webfonts/svg/style_128.svg#ClearSans-Bold') format('svg'),url('webfonts/svg/style_128.svgz#ClearSans-Bold') format('svg');}
@font-face {font-family: 'ClearSans-BoldItalic';src: url('webfonts/eot/style_129.eot');src: url('webfonts/eot/style_129.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_129.woff') format('woff'),url('webfonts/ttf/style_129.ttf') format('truetype'),url('webfonts/svg/style_129.svg#ClearSans-BoldItalic') format('svg'),url('webfonts/svg/style_129.svgz#ClearSans-BoldItalic') format('svg');}
@font-face {font-family: 'Humanist521BT-Roman';src: url('webfonts/eot/style_130.eot');src: url('webfonts/eot/style_130.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_130.woff') format('woff'),url('webfonts/ttf/style_130.ttf') format('truetype'),url('webfonts/svg/style_130.svg#Humanist521BT-Roman') format('svg'),url('webfonts/svg/style_130.svgz#Humanist521BT-Roman') format('svg');}
@font-face {font-family: 'Humanist521BT-Italic';src: url('webfonts/eot/style_131.eot');src: url('webfonts/eot/style_131.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_131.woff') format('woff'),url('webfonts/ttf/style_131.ttf') format('truetype'),url('webfonts/svg/style_131.svg#Humanist521BT-Italic') format('svg'),url('webfonts/svg/style_131.svgz#Humanist521BT-Italic') format('svg');}
@font-face {font-family: 'Humanist521BT-Bold';src: url('webfonts/eot/style_132.eot');src: url('webfonts/eot/style_132.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_132.woff') format('woff'),url('webfonts/ttf/style_132.ttf') format('truetype'),url('webfonts/svg/style_132.svg#Humanist521BT-Bold') format('svg'),url('webfonts/svg/style_132.svgz#Humanist521BT-Bold') format('svg');}
@font-face {font-family: 'Humanist521BT-BoldItalic';src: url('webfonts/eot/style_133.eot');src: url('webfonts/eot/style_133.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_133.woff') format('woff'),url('webfonts/ttf/style_133.ttf') format('truetype'),url('webfonts/svg/style_133.svg#Humanist521BT-BoldItalic') format('svg'),url('webfonts/svg/style_133.svgz#Humanist521BT-BoldItalic') format('svg');}

.ClearSans-Bold{ font-family:ClearSans-Bold;}
.ClearSans-BoldItalic{ font-family:ClearSans-BoldItalic;}
.Humanist521BT-Roman{ font-family:Humanist521BT-Roman;}
.Humanist521BT-Italic{ font-family:Humanist521BT-Italic;}
.Humanist521BT-Bold{ font-family:Humanist521BT-Bold;}
.Humanist521BT-BoldItalic{ font-family:Humanist521BT-BoldItalic;}
*/


/*Fonts*/
@font-face {font-family: 'ClearSans-Thin';
  src: url('webfonts/clearsans/EOT/ClearSans-Thin.eot');
  src: url('webfonts/clearsans/EOT/ClearSans-Thin.eot?#iefix') format('embedded-opentype'),
      url('webfonts/clearsans/WOFF/ClearSans-Thin.woff') format('woff'),
      url('webfonts/clearsans/TTF/ClearSans-Thin.ttf') format('truetype'),
      url('webfonts/clearsans/SVG/ClearSans-Thin.svg#Humanist-Light') format('svg'),
      url('webfonts/clearsans/SVG/ClearSans-Thin.svgz#Humanist-Light') format('svg');}
   
@font-face {font-family: 'ClearSans-Light';
  src: url('webfonts/clearsans/EOT/ClearSans-Light.eot');
  src: url('webfonts/clearsans/EOT/ClearSans-Light.eot?#iefix') format('embedded-opentype'),
      url('webfonts/clearsans/WOFF/ClearSans-Light.woff') format('woff'),
      url('webfonts/clearsans/TTF/ClearSans-Light.ttf') format('truetype'),
      url('webfonts/clearsans/SVG/ClearSans-Light.svg#Humanist-Light') format('svg'),
      url('webfonts/clearsans/SVG/ClearSans-Light.svgz#Humanist-Light') format('svg');}
 

@font-face {font-family: 'ClearSans-Roman';
  src: url('webfonts/clearsans/EOT/ClearSans-Regular.eot');
  src: url('webfonts/clearsans/EOT/ClearSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('webfonts/clearsans/WOFF/ClearSans-Regular.woff') format('woff'),
      url('webfonts/clearsans/TTF/ClearSans-Regular.ttf') format('truetype'),
      url('webfonts/clearsans/SVG/ClearSans-Regular.svg#Humanist-Light') format('svg'),
      url('webfonts/clearsans/SVG/ClearSans-Regular.svgz#Humanist-Light') format('svg');}

@font-face {font-family: 'ClearSans-Medium';
  src: url('webfonts/clearsans/EOT/ClearSans-Medium.eot');
  src: url('webfonts/clearsans/EOT/ClearSans-Medium.eot?#iefix') format('embedded-opentype'),
      url('webfonts/clearsans/WOFF/ClearSans-Medium.woff') format('woff'),
      url('webfonts/clearsans/TTF/ClearSans-Medium.ttf') format('truetype'),
      url('webfonts/clearsans/SVG/ClearSans-Medium.svg#Humanist-Light') format('svg'),
      url('webfonts/clearsans/SVG/ClearSans-Medium.svgz#Humanist-Light') format('svg');}
 
@font-face {font-family: 'ClearSans-Bold';
  src: url('webfonts/clearsans/EOT/ClearSans-Bold.eot');
  src: url('webfonts/clearsans/EOT/ClearSans-Bold.eot?#iefix') format('embedded-opentype'),
      url('webfonts/clearsans/WOFF/ClearSans-Bold.woff') format('woff'),
      url('webfonts/clearsans/TTF/ClearSans-Bold.ttf') format('truetype'),
      url('webfonts/clearsans/SVG/ClearSans-Bold.svg#Humanist-Light') format('svg'),
      url('webfonts/clearsans/SVG/ClearSans-Bold.svgz#Humanist-Light') format('svg');}


.ClearSans-Thin, .fw-thin, .fw-100{ font-family:ClearSans-Thin;}
.ClearSans-Light, .fw-light, .fw-200{ font-family:ClearSans-Light;}
.ClearSans-Roman, .fw-roman, .fw-regular, .fw-300{ font-family:ClearSans-Roman;}
.ClearSans-Medium, .fw-medium, .fw-400, .fw-500 { font-family:ClearSans-Medium;}
.ClearSans-Bold, .fw-bold, .fw-600, .fw-700, .fw-800 { font-family:ClearSans-Bold;}


/* GENERAL */

* {
box-sizing: border-box; 
}

html{
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-y: scroll;
}

body{
color:#333;
background:#222;
font-size: 16px;
line-height:1.5;
font-family: ClearSans-Roman, sans-serif;
/* TEMP, to be removed when working on full responsive version */
min-width:900px;
}

.body--blank {
background:#fff;
}

h1,h2,h3,h4,h5,h6,h7,h8{
font-family: ClearSans-Light, sans-serif;
text-align: left;
}

.title--hero{
  font-size: 32px;
  line-height: 1.2;
  font-family: ClearSans-Medium, sans-serif;
}

a{
text-decoration:none;
color:#2caed3;
}

a:hover{
text-decoration:none;
color:#000;
}

.clickable {
  opacity: 0.95;
}
.clickable:hover {
  opacity: 1;
}

.content--mydartfish--grey a{
color:#ffba00;
}
.content--mydartfish--grey a:hover{
color:#fff;
}

.disc{
border-radius:50%;
}
.rounded{
border-radius:4px;
}

input{
min-height: 34px;
border-radius: 4px;
}

input[type=checkbox],
input[type=radio] {
min-height: 13px;
display:inline-block;
}

.input--search{
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomright:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
padding: 0 0 0 6px;
float:left;
margin-top:0px;
-webkit-appearance: none;
border: 1px solid #d6d6d6;
}

#drawerSearchBox {
    margin-bottom: 7px;
    overflow: hidden;
}


.content--mydartfish .input--search{
background-color: #48474c;
border-color: #777;
color: #eee;
position: relative;
z-index: 2;
width:121px;
}

.white-space-normal{
  white-space: normal !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.strong {
  font-weight: bold;
}

/* global structure classes */

.tvhome {
background:#000 url(../img/logo-my-dartfish-light.svg) 0.5em center no-repeat;
background-size:113px;
height: 2.5em;
width:275px;
text-indent: -1000px;
border:none;
display:block;
}

.grid{
overflow:auto;
clear: both;
}

.grid--inuit {
  overflow: visible;
  letter-spacing: -0.31em;
}

.grid__item{
float:left;
position: relative;
min-height:2px; /*for respecting size with empty content*/
}

.grid--center {
  text-align: center;
}
.grid--center .grid__item {
  text-align: center;
  display: inline-block;
  float:none;
}

.grid--inuit .grid__item {
  display: inline-block;
  float:none;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}


.grid__item.multiline span{
width:100%;
float:left;
}

.grid__item .hint{
font-size: 0.80em;
padding: 10px 0px 5px;
}

.grid__item--minivideo{ width:50%;}

@media (min-width: 480px)  {  .grid__item--minivideo{ width:33.333%;  }}
@media (min-width: 960px)  {  .grid__item--minivideo{ width:25%;      }}
@media (min-width: 1200px) { /* .grid__item--minivideo{ width:20%; }*/ }

.one-whole    { width:100%; }
.one-half     { width:50%; }
.one-third    { width:33.333%;}
.two-thirds   { width:66.666%; }
.one-quarter     { width:25%; }
.one-fifth     { width:20%; }
.three-eighths     { width:37.5%; }
.five-eighths     { width:62.5%; }


.palm--one-whole    { width:100%; }
.palm--one-half     { width:50%; }
.palm--one-third    { width:33.333%;}
.palm--two-thirds   { width:66.666%; }
.palm--one-quarter  { width:25%; }
.palm--one-fifth    { width:20%; }


.portable--one-whole,
.portable--one-half,
.portable--one-third,
.portable--two-thirds,
.portable--one-quarter,
.portable--one-fifth     { width:100%; }
@media (min-width: 600px)  {
.portable--one-whole    { width:100%; }
.portable--one-half     { width:50%; }
.portable--one-third    { width:33.333%;}
.portable--two-thirds   { width:66.666%; }
.portable--one-quarter     { width:25%; }
.portable--one-fifth     { width:25%; }
}

@media (min-width: 960px)  {
.desk--one-whole    { width:100%; }
.desk--one-half     { width:50%; }
.desk--one-third    { width:33.333%;}
.desk--two-thirds   { width:66.666%; }
.desk--one-quarter  { width:25%; }
.desk--one-fifth    { width:20%; }
.desk--three-eighths     { width:37.5%; }
.desk--five-eighths     { width:62.5%; }

.desk-wide--one-whole    { width:100%; }
.desk-wide--one-half     { width:50%; }
.desk-wide--one-third    { width:33.333%;}
.desk-wide--two-thirds   { width:66.666%; }
.desk-wide--one-quarter  { width:25%; }
.desk-wide--one-fifth   { width:20%; }
}
.grid--padding{
padding:5px;
}

.grid--padding .grid__item--minivideo,
.grid--padding .one-whole   ,
.grid--padding .one-half     ,
.grid--padding .one-third   ,
.grid--padding .two-thirds  ,
.grid--padding .one-quarter  ,
.grid--padding .one-fifth    ,
.grid--padding .palm--one-whole ,
.grid--padding .palm--one-half   ,
.grid--padding .palm--one-third   ,
.grid--padding .palm--two-thirds  ,
.grid--padding .palm--one-quarter, 
.grid--padding .palm--one-fifth ,
.grid--padding .portable--one-whole   ,
.grid--padding .portable--one-half    ,
.grid--padding .portable--one-third   ,
.grid--padding .portable--two-thirds  ,
.grid--padding .portable--one-quarter ,
.grid--padding .portable--one-fifth   ,
.grid--padding .desk--one-whole,
.grid--padding .desk--one-half ,
.grid--padding .desk--one-third  ,
.grid--padding .desk--two-thirds ,
.grid--padding .desk--one-quarter, 
.grid--padding .desk--one-fifth ,
.grid--padding .desk-wide--one-whole  ,
.grid--padding .desk-wide--one-half   ,
.grid--padding .desk-wide--one-third  ,
.grid--padding .desk-wide--two-thirds ,
.grid--padding .desk-wide--one-quarter,
.grid--padding .desk-wide--one-fifth  {
padding:5px;
}

.soft{        padding:1em;}
.soft--top{   padding-top:1em;}
.soft--right{ padding-right:1em;}
.soft--bottom{padding-bottom:1em;}
.soft--left{  padding-left:1em;}
.soft--ends{  padding-top:1em; padding-bottom:1em;}
.soft--sides{ padding-right:1em; padding-left:1em;}


.top-right{
position: absolute;
top:8px;
right:8px;
}

.pull-right{
float:right !important;
}
.pull-left{
float:left !important;
}
.pull-right-abs{
position: absolute;
right: 10px;
}

.icon--add-to-headlines.pull-right{
margin-right:50px;
}

.is-hidden,
.beauton.is-hidden,
.button.is-hidden {
display:none;
}

/* helpers */

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.ie .clearfix{
zoom:1;  
display:block;
}

.clearfix2 {
  overflow: auto;
  width: 100%;
}

.center-v{
position: relative;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.center-h{
position: relative;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.center-hv,
.center-vh,
.center-all{
position: relative;
left:50%;
top:50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
text-align: center;
}




@media (min-width: 960px) {

  .border-right {
    border-right: 1px solid #ddd;
  }
}
.font-size-bigger{
  font-size: 1.2em;
}
.font-size-smaller{
  font-size: 0.9em;
}

.fs-12{
  font-size: 12px;
  line-height: 1.4;
}
.fs-13{
  font-size: 13px;
  line-height: 1.4;
}
.fs-14{
  font-size: 14px;
  line-height: 1.4;
}

.fs-15{
  font-size: 15px;
  line-height: 1.4;
}

.fs-16{
  font-size: 16px;
  line-height: 1.4;
}


/* global styling classes */

.red {
  color: #d93f38;
}

.box {
  background: #fff;
}

.box--dark,
.content .colleft .box--dark {
background: #222 !important;
color: #fff;
border-top: 4px solid #ffba00 !important;
float: none !important;
margin-bottom: 0px !important;
}

.box--darkest,
.content .colleft .box--darkest {
background: #222 !important;
color: #fff;
border-top: 4px solid #ffba00 !important;
float: none !important;
margin-bottom: 0px !important;
}

.box--dark a:not(.beauton){
  color: #ffba00;
  display: inline-block; 

}

.box__dark-header {
  background: #222;
  border-bottom: 4px solid #ffba00;
  padding: 15px;
}

.box__dark-header h4 {
  color: #eeeeee;
  font-size: 16px;
  line-height: 20px;
  font-family: ClearSans-Medium,Arial,Verdana,sans-serif;
}

.box__dark-header h4 span {
  display: block;
  margin: 0;
  color: #ffba00;
  font-size: 22px;
  line-height: 1;
  font-family: ClearSans-Bold,Arial,Verdana,sans-serif; 
}

.box__content {
  padding: 15px;
}


.noborder,
.no-border {
  border-width: 0 !important;
}

.lighter{
opacity:0.5;
}

.light-bg{
background:#eee !important;
overflow: auto;
}

.card{
display: block;
background-color: #fff;
text-align: left;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.26);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.26);
border-top: 1px solid rgba(0,0,0,0.1);
margin:0 0 2em;
overflow: auto;
color: #222;
}

.card:last-of-type{ 
margin:0;
}

/*
.content--mydartfish .card{
background:#5c5b64;
color:#fff;
}

.content--mydartfish .card a{
color:#ffba00;
}
.content--mydartfish .card .beauton{
color: #000;
background: #ffba00;
}

.content--mydartfish .card__row{
border-top: 1px solid #666;
border-bottom: 1px solid #777;
}
*/

.card__row{
padding:1.5em 1.5em;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
}



.card__row.clickable{
cursor:pointer;
}

.card__row.clickable:hover{
background-color:rgba(0,0,0,0.1);
border-bottom:1px solid transparent;
}

.card:first-child{
margin-top: 1em;
}

.card__header{
text-align: left;
font-size: 22px;
padding: 1em;
display: block;
line-height: 1;
font-family: ClearSans-Bold,Arial,Verdana,sans-serif;
color:#48474c;
}

.column-center{
width: 100%;
margin:0 auto;
text-align:center;
}

.column-tighter{
max-width: 450px;
}

.center-text,
.text-center{
text-align:center;
}

.mobile-only {
    display: none;
  }

@media (max-width: 960px) {
  .center-mobileonly{
    text-align:center;
  }
  .mobile-only {
    display: block;
  }
}

/* BUTTONS */

.beauton,
.button{
display:inline-block;
padding:5px 12px 7px;
color:#fff;
background: #2caed3;
border:none;
border-radius:4px;
position: relative;
cursor: pointer;
white-space: nowrap;
}

.button--warning,
.beauton--warning{
background-color:#cc3300;
white-space: normal;
}

.beauton:hover{
background-color:#000;
color: #fff;
}

.beauton--disabled,
.beauton--disabled:hover{
color:#aaa;
background:#555;
cursor:default;
}

.beauton--small{
padding:2px 8px;
border-radius:3px;
}
.beauton--medium{
padding: 0.5em 1.2em 0.6em;
font-size: 1.1em;
}

.beauton--big,
.button--big{
padding: 10px 20px;
border-radius:5px;
font-size: 18px;
margin-top:5px;
}

.beauton-nobg{
background-color: transparent; 
}

.beauton--icon{
padding-left: 45px;
}

.beauton--icon-nobg{
padding: 6px 20px;
font-size: 16px;
background:none;
padding-left: 32px;
margin:0;
color: #2caed3;
}

.matchDescPane .beauton--icon-nobg {
padding: 15px 20px;
}

.beauton--icon-nobg:hover{
background: none;
color: #2caed3;
}

.beauton--icon-only{
background-color:#eee;
color:#fff;
margin-left:10px;
height: 45px;
min-width: 45px;
display:inline-block;
border: 1px solid #D6D6D6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 31px;
color: #2caed3;
}
.beauton--icon-only:hover{
background-color:#ddd;
}
.content--mydartfish--grey .beauton--icon-only{
background-color: transparent; /*rgba(255,255,255,0);*/
border:none;
margin-left:0;
}


.beauton--icon-text{
padding-left: 45px;
}

.beauton--icon__inner-link{
display:inline-block;
margin:2px 6px 2px 45px;
}

.beauton--dartfish,
.button--dartfish{
color:#222;
background:#ffba00;
}
.beauton--dartfish:hover,
.button--dartfish:hover{
color: #222;
background: #ffdd33;
}

.beauton--highlight,
.button--highlight{
background:#2caed3;
color:#fff;
}
.beauton--highlight:hover,
.button--highlight:hover{
background:#222;
color:#fff;
}

.beauton--100,
.button--100{
width: 100%;
text-align: center;
}

.topmenu .beauton--highlight,
.content--mydartfish .beauton--highlight{
color:#222;
background:#ffba00;
white-space:normal;
}
.topmenu .beauton--highlight:hover,
.content--mydartfish .beauton--highlight:hover{
color:#222;
background: #ffdd33;
}

a.facebookbutton{
background: rgb(68,93,146);
background-image: linear-gradient(bottom, rgb(68,93,146) 0%, rgb(98,126,181) 100%);
background-image: -o-linear-gradient(bottom, rgb(68,93,146) 0%, rgb(98,126,181) 100%);
background-image: -moz-linear-gradient(bottom, rgb(68,93,146) 0%, rgb(98,126,181) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(68,93,146) 0%, rgb(98,126,181) 100%);
background-image: -ms-linear-gradient(bottom, rgb(68,93,146) 0%, rgb(98,126,181) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(68,93,146)),
color-stop(1, rgb(98,126,181))
);
padding:0.5em 1em 0.5em 1.9em !important;
margin:0.5em 0;
text-align:center;
font-size:0.8em;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
border:1px solid #41557e;
color:#fff !important;
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
display:block;
font-style:normal! important;
position:relative;
display:inline-block !important;
}

a.facebookbutton span{
content:"";
background:transparent url(../img/platform/facebook-login2.png) left bottom repeat-x;
background-size:100%;
width:27px;
height:27px;
position:absolute;
z-index:2;
display:block;
bottom:0;
left:0;
}

.beauton--mail {
padding:5px 15px 6px 28px;
background-image: url(../img/channel/pictos/contact.png);
background-size:15px;
background-repeat: no-repeat;
background-position: 6px center;
margin-bottom: 5px;
}

/* TEMP: icons for player: use temporarly blue icons  */
.beauton--highlight{
color:#fff;
background:#2caed3;
}
.beauton--highlight:hover{
color:#fff;
background:#222;
}

#recentSearch {
background: #eee;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top: 1px solid #dedede;
position: absolute;
z-index: 3;
width: 177px;
max-height: 350px;
overflow-y: auto;
overflow-x: hidden;
display: none;
margin-top:33px;
font-size: 12px;
}

.content--mydartfish #recentSearch {
background-color: #48474c;
border-color: #777;
width: 121px;
}


#recentSearch a {
float: left;
display: block;
width: 100%;
border-bottom: 1px solid #dedede;
height: 28px;
padding: 3px 5px 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

#recentSearch a:hover {
cursor:pointer;
}

.beauton--search{
margin-left:0;
background-color:#eee;
border:1px solid #D6D6D6;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-left:none;
text-indent:-20000px;
min-height:34px;
min-width:39px;
padding:4px 10px;
float:left;
}

.content--mydartfish .beauton--search{
background-color:#6b6a74;
border-color:#777;
}

.beauton--search:hover{
background-color:#ddd;
}
.content--mydartfish .beauton--search:hover{
background-color:#5c5b64;
background-position: -50px -481px;
}

.beauton--search.icon:before {
position:absolute;
height:24px;
left: 50%;

-webkit-transform: translateX(-50%) translateY(-50%) ;
   -moz-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
        transform: translateX(-50%) translateY(-50%) ;
top: 50%;
width: 25px;
}

.beauton-wrapper{
display:inline-block;
}

.headertools .beauton{
overflow: hidden;
float:right;
}

.beauton--filter {
height: auto !important;
min-height: 42px;
padding:10px 14px 10px 45px !important;
margin:0 0 0 10px;
display:block !important;
}
.beauton--filter::before {
margin-top: -2px ;
}

.button-store--win {
color:white;
background:#606060;
border-radius:6px;
height:48px;
width:160px;
display:block;
padding:10px 0 0 40px;
margin: 0 auto 8px; 
background:#606060 url(../img/apps/windows_white.png) 8px 7px no-repeat;
}

.de .button-store--win {
width:180px;
}

.button-store--win:hover {
background:#242424 url(../img/apps/windows_white.png) 8px 7px no-repeat;
color:white;
}


.button-store {
width:130px;
height:50px;
display: inline-block;
border: none;
opacity:0.8;
text-indent: -2000px;
overflow: hidden;
-webkit-transition: opacity 250ms ease;
		    -moz-transition: opacity 250ms ease;
		      -o-transition: opacity 250ms ease;
		         transition: opacity 250ms ease;
}

.button-store--apple {
background: transparent url(../img/apps/iosAppStore.png) 0 0px no-repeat;
background-size: 130px;
}
.button-store--android {
background: transparent url(../img/apps/androidAppStore.png) 0 0px no-repeat;
background-size: 130px;
}


.button-store:hover {
  opacity:1;
}

/* BLUE ICONS */
.icon:before,
.beauton--icon:before {
position: relative;
content: " ";
display: block;
z-index: 2;
width: inherit;
height: inherit;
background-size: 150px 2600px;
background-image:url(../img/channel/channelPictos.svg?v3);
}

/* yellow icons: */
.content--mydartfish .icon:before,
.content--mydartfish .beauton--icon:before {
  background-image:url(../img/channel/channelPictos-mydartfish.svg?v3);
}
/* TEMP: icons for player: use temporarly blue icons  */
.content--mydartfish .matchPane .icon:before,
.content--mydartfish .matchPane .beauton--icon:before {
  background-image:url(../img/channel/channelPictos.svg?v3);
}

.content--mydartfish .icon{
opacity: 0.75;
}
.content--mydartfish .icon:hover{
opacity: 1;
}

.icon--disabled {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity:0.4;
cursor: default !important;
pointer-events: none !important;
}

.content--mydartfish .icon--disabled{
opacity: 0.30 !important;
cursor: default !important;
}

.beauton--icon:before,
.beauton--icon-nobg:before{
content:""; 
position:absolute;
width: 45px;
height: 45px;
left:1px;
top:6px;
}
.beauton--icon-only:before{
content:"";
position:absolute;
width: 45px;
height: 45px;
left: -3px;
top: -3px;
}

.icon--blockleft{
float:left;
width:30px;
height:44px;
}

.icon--inline{
  display: inline-block;
  height:50px;
  padding: 12px 12px 8px 45px;
  position: relative;
}

.icon--inline::before{
  position: absolute;
  height: 49px;
  width: 49px;
  left: 0;
  top: 0;
}

.icon--inline:hover {
cursor:pointer;
}

.app-icon--small {
  height: 75px;
}

.app-icon--middle {
  height: 100px;
}

.app-icon--big {
  height: 150px;
}


.icon--small:before{
width: 45px;
height: 45px;
background-size:120px 2080px;
}

.icon--mini:before{
width:25px;
height:25px;
background-size:75px 1300px;
}

.icon--micro:before{
width:20px;
height:20px;
}

.icon--mainmenu:before{
margin:0 auto;
height:42px;
width: 50px;
}

.icon--topmenu:before{
position:absolute;
left:0px;
top:4px;
}

.icon--edit{
position:relative;
height:32px;
width:32px;
}
.icon--edit:before{
height:30px;
width:30px;
}

.icon--home:before{                         background-position: 0 0; }
.icon--keyword:before{                      background-position: 0 -50px; }
.icon--collections:before{                  background-position: 0 -100px; }
.icon--explore:before{                      background-position: 0 -150px; }
.icon--videos:before{                       background-position: 0 -150px; }
.icon--playlists:before{                    background-position: 0 -200px; }
.icon--subscriptions:before{                background-position: 0 -300px; }
.icon--favoritevideo:before{                background-position: 0 -250px; }
.icon--embedplaylists:before{               background-position: 0 -350px; }
.icon--tv:before{                           background-position: -43px -1639px;   background-size: 150px 2600px; z-index: 0; } 
.icon--admin:before{                        background-position: 0 -1277px; }
.icon--search:before{                       background-position: 0px -481px; background-size: 180px 3120px;}
.icon--backlink:before{                     background-position: -10px -1803px;}
.icon--premium:before{                      background-position: -150px -1858px; background-size:150px 2600px;}
.icon--add:before{                          background-position: 0 -1050px; }
.icon--share:before{                        background-position: 0 -1300px; }
.icon--link:before{                        background-position: 0 -2052px; }
.icon--delete:before{                       background-position: 0 -1350px; }
.icon--invite-member:before{                background-position: 0 -950px; }
.icon--add-to-headlines:before{             background-position: 0 -900px; }
.icon--filter:before{                       background-position: 0 -1900px; }
.icon--filter-negative:before{              background-position: -50px -1900px; }
.icon--edit:before{                         background-position: 0 -1100px; }
.content--mydartfish.content--mydartfish--grey .icon--edit:before{                         background-position: -50px -1100px; }
.icon--add-to-fav:before{                   background-position: 0px -1201px;}
.icon--add-to-fav.selected:before{          background-position: 0px -1401px;}
.icon--download:before{                     background-position: 0px -1251px;}
.icon--print:before{                        background-position: 0px -1501px;}
.icon--attach:before{                       background-position: 0px -1550px;}
.icon--csv:before{                          background-position: 0px -1944px;}
.icon--help:before{                         background-position: 0px -2000px;}

   
.selected .icon--home:before{                background-position: -50px 0; }
.selected .icon--keyword:before{             background-position: -50px -50px; }  
.selected .icon--collections:before{         background-position: -50px -100px; }
.selected .icon--explore:before{             background-position: -50px -150px; }
.selected .icon--videos:before{              background-position: -50px -150px; }
.selected .icon--playlists:before{           background-position: -50px -200px; }
.selected .icon--subscriptions:before{       background-position: -50px -300px; }
.selected .icon--favoritevideo:before{       background-position: -50px -250px; }
.selected .icon--embedplaylists:before{      background-position: -50px -350px; }
.selected .icon--admin:before{               background-position: -50px -1277px; }
.selected.icon--add-to-headlines:before,.selected.icon--add-to-headlines:hover:before{    background-position: -100px -900px; cursor:default;}
.selected.icon--print:before{                background-position: -50px -1501px;}
.selected.icon--attach:before{               background-position: -50px -1550px;}
.selected.icon--csv:before{                  background-position: -50px -1944px;}
     
.icon--home:hover:before{                   background-position: -50px 0; }
.icon--keyword:hover:before{                background-position: -50px -50px; }
.icon--collections:hover:before{            background-position: -50px -100px; }
.icon--explore:hover:before{                background-position: -50px -150px; }
.icon--videos:hover:before{                 background-position: -50px -150px; }
.icon--playlists:hover:before{              background-position: -50px -200px; }
.icon--subscriptions:hover:before{          background-position: -50px -300px; }
.icon--favoritevideo:hover:before{          background-position: -50px -250px; }
.icon--embedplaylists:hover:before{         background-position: -50px -350px; } 
.icon--delete:hover:before{                 background-position: -50px -1350px; }
.icon--share:hover:before{                  background-position: -50px -1300px; }
.icon--link:hover:before{                   background-position: -50px -2052px; }
.icon--add-to-headlines:hover:before{       background-position: -50px -900px; }
.icon--admin:hover:before{                  background-position: -50px -1277px; }
.icon--search:hover:before{                 background-position: -60px -481px; background-size: 180px 3120px;}
.icon--backlink:hover:before{               background-position: -60px -1803px;}
.icon--add-to-fav:hover:before{             background-position: -50px -1201px;}
.icon--add-to-fav.selected:hover:before{    background-position: -50px -1401px;}
.icon--download:hover:before{               background-position: -50px -1251px;}
.icon--print:hover:before{                  background-position: -50px -1501px;}
.icon--attach:hover:before{                 background-position: -50px -1550px;}
.icon--csv:hover:before{                    background-position: -50px -1944px;}

#menu-mobile .mainmenu .icon--collections:before{  background-position: 0 -75px;}
#menu-mobile .mainmenu .icon--home:before{  background-position: 0 5px; }
#menu-mobile .mainmenu .icon--keyword:before{  background-position: 0 -36px; }
#menu-mobile .mainmenu .icon--videos:before{       background-position: 0 -115px; }
#menu-mobile .mainmenu .icon--search:before{         background-position: 10px -468px; background-size: 180px 3120px;}
#menu-mobile .mainmenu .icon--admin:hover:before{                  background-position: 0px -1277px; }
#menu-mobile .mainmenu .icon--playlists:before{    background-position: 0 -275px; }
#menu-mobile .icon--premium:before{         background-position: -2px -1851px; background-size:150px 2000px;}

#menu-mobile .mainmenu .icon--selected.collections:before{  background-position: -80px -75px;}
#menu-mobile .mainmenu .icon--selected.home:before{  background-position: -80px 5px; }
#menu-mobile .mainmenu .icon--selected.keyword:before{  background-position: -80px -36px; }
#menu-mobile .mainmenu .icon--selected.videos:before{       background-position: -80px -115px; }
#menu-mobile .mainmenu .icon--selected.search:before{        background-position: 10px -468px; background-size: 180px 3120px;}
#menu-mobile .mainmenu .icon--selected.playlists:before{    background-position: -80px -275px; }

/* player */


.icon--small.icon--collections:before{              background-position: -80px -80px; }
.icon--small.icon--videos:before{                  background-position: -80px -120px; }
.icon--small.icon--playlists:before{                  background-position: -80px -160px; }
.icon--small.icon--subscriptions:before{            background-position: -80px -239px; }
.icon--small.icon--favoritevideo:before{              background-position: -80px -200px; }
.icon--small.icon--userlogout:before{                  background-position: -76px -1358px; }
.icon--small.icon--embedplaylists:before{             background-position: -80px -280px; }
.icon--small.icon--usersettings:before{                   background-position: -80px -360px; }
.icon--small.icon--useradmin:before{                  background-position: -80px -360px; }
.icon--small.icon--admin:before{                  background-position: -78px -1278px; height:35px; }
.icon--small.icon--edit:before{                         background-position: 0 -880px; }
.icon--small.icon--help:before{                         background-position: -80px -1600px; }
.content--mydartfish.content--mydartfish--grey .icon--small.icon--edit:before{                         background-position: -40px -880px; }


.icon--micro--addfav:before{      background-position: -40px   -1000px;}
.icon--micro--removefav:before{   background-position: -60px   -1000px;}
.icon--micro--delete:before{      background-position: 0   -1000px;}
.icon--micro--movecoll:before{    background-position: -20px   -1000px;}


.icon--close:before,
#toggleSearchBox-mobile.isopen:before{
content: "×";
font-size: 26px;
background-image: none;
text-indent: 0;
text-align: center;
line-height: 18px;
font-family: ClearSans-Bold,Arial,Verdana,sans-serif;
color:#2caed3;
cursor:pointer;
}

.icon--close:hover:before,
#toggleSearchBox-mobile.isopen:hover:before{
color:#222;
}

.content--mydartfish .icon--close:before,
.content--mydartfish #toggleSearchBox-mobile.isopen:before{
color:white;
background-image: none;
}

.icon--close:before{
color:#2caed3;
background-image: none !important;
right: 10px;
}

.icon--my{
display:inline-block; 
width:18px;
height: 18px;
background-color: rgba(0,0,0,0.3);
background-position: 1px 2px;
background-repeat: no-repeat;
border-radius: 50%;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj5dPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE5MHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9Ii0yIC02IDE5MCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMiAtNiAxOTAgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxkZWZzPjwvZGVmcz48cGF0aCBmaWxsPSIjRkFCODJGIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3ICAgICIgZD0iTTE1LjIyOSwxMy40NDVsMS42MzMtNy43MDJjMC4wOS0wLjQyMywwLjE1Ny0wLjc4NiwwLjE5OC0xLjA5YzAuMDQyLTAuMzAzLDAuMDYyLTAuNTYyLDAuMDYyLTAuNzc5YzAtMC4zNzQtMC4wOTUtMC42NDItMC4yODctMC44MDVjLTAuMTktMC4xNjEtMC40NTItMC4yNDItMC43ODUtMC4yNDJjLTAuMjQxLDAtMC41MDMsMC4wNDktMC43ODUsMC4xNWMtMC4yODIsMC4xLTAuNTczLDAuMjM0LTAuODcyLDAuNDA1Yy0wLjI5OCwwLjE3LTAuNiwwLjM3Mi0wLjkwMywwLjYwNGMtMC4zMDMsMC4yMzMtMC42LDAuNDc5LTAuODkxLDAuNzM1bC0xLjgzMiw4LjcyNEg3LjYwMWwxLjYzMi03LjcwMkM5LjMyNSw1LjMyLDkuMzkxLDQuOTYyLDkuNDM0LDQuNjY3YzAuMDQtMC4yOTcsMC4wNjItMC41MDIsMC4wNjItMC42MThjMC0wLjE5LTAuMDEzLTAuMzYtMC4wMzgtMC41MTJDOS40MzQsMy4zODgsOS4zODQsMy4yNiw5LjMwOSwzLjE1MkM5LjIzMiwzLjA0NCw5LjEyNiwyLjk2Myw4Ljk4NCwyLjkwOGMtMC4xNDItMC4wNTQtMC4zMjctMC4wODEtMC41Ni0wLjA4MWMtMC4yNjgsMC0wLjU0NywwLjA1OC0wLjg0MiwwLjE3QzcuMjg3LDMuMTA4LDYuOTg2LDMuMjU0LDYuNjgsMy40MzNjLTAuMzA4LDAuMTc4LTAuNjA3LDAuMzgtMC44OTgsMC42MDRDNS40OTEsNC4yNjIsNS4yMjIsNC40OSw0Ljk3MSw0LjcyMmwtMS44Myw4LjcyM0gwTDIuNzU0LDAuMzczaDMuMTRMNS41MzIsMi4wNjhDNi4yNTUsMS40MTEsNi45NzYsMC45MDIsNy42OTQsMC41NEM4LjQxMiwwLjE4LDkuMTMsMCw5Ljg0NCwwYzAuOTMxLDAsMS42NTEsMC4xOSwyLjE2MywwLjU3MWMwLjUxMSwwLjM4MywwLjc4NiwwLjk3NSwwLjgyOCwxLjc3MWMwLjQ0OC0wLjM3MywwLjg3My0wLjcwNiwxLjI3MS0wLjk5N2MwLjQtMC4yOTEsMC43ODItMC41MzUsMS4xNDctMC43MzVjMC4zNjUtMC4xOTksMC43MjEtMC4zNTEsMS4wNjUtMC40NTVDMTYuNjYzLDAuMDUyLDE3LjAwNSwwLDE3LjM0NiwwYzAuNTk5LDAsMS4wOTYsMC4wNzIsMS40ODksMC4yMTdjMC4zOTYsMC4xNDYsMC43MTEsMC4zNSwwLjk0NywwLjYxYzAuMjM3LDAuMjYyLDAuNDA2LDAuNTcsMC41MDYsMC45MzFjMC4xLDAuMzU2LDAuMTQ5LDAuNzQ2LDAuMTQ5LDEuMTdjMCwwLjMwOC0wLjAxOSwwLjYzNC0wLjA1NywwLjk3N2MtMC4wMzcsMC4zNDYtMC4xMDIsMC43MTEtMC4xOTIsMS4wOTJsLTEuNzk1LDguNDQ4SDE1LjIyOUwxNS4yMjksMTMuNDQ1eiIvPjxwYXRoIGZpbGw9IiNGQUI4MkYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTkuNjc5LDE1LjIwM2MwLjM0MSwwLjEzMiwwLjY3NSwwLjIyNywxLjAwMiwwLjI3OWMwLjMzLDAuMDU1LDAuNjI2LDAuMDgsMC44OTIsMC4wOGMwLjIzMiwwLDAuNDYxLTAuMDM5LDAuNjg1LTAuMTE3YzAuMjI2LTAuMDc4LDAuNDUzLTAuMjEzLDAuNjg3LTAuNDA0YzAuMjM0LTAuMTkxLDAuNDcxLTAuNDQ1LDAuNzE2LTAuNzYyYzAuMjQ2LTAuMzE0LDAuNTA5LTAuNzA0LDAuNzkyLTEuMTdsMC40NjEtMC43NjJsLTIuMDctMTEuOTc1aDMuMTQxbDEuMjgzLDguNDI1bDQuODIzLTguNDI1aDMuMzY1bC04LjQ3NSwxMy45NzFjLTAuNDIzLDAuNzA1LTAuODM1LDEuMzEyLTEuMjM0LDEuODE4Yy0wLjM5OCwwLjUwNy0wLjgyLDAuOTI0LTEuMjY1LDEuMjUyYy0wLjQ0NCwwLjMyNy0wLjkzLDAuNTY4LTEuNDU4LDAuNzI1Yy0wLjUyNywwLjE1Mi0xLjEzMSwwLjIyOS0xLjgxMywwLjIyOWMtMC4zOTgsMC0wLjgyNC0wLjA0My0xLjI3Ni0wLjEzMmMtMC40NTMtMC4wODYtMC45MDQtMC4xOTgtMS4zNTMtMC4zMjlMMTkuNjc5LDE1LjIwM3oiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTQ1Ljg4NSwxMC42OGg4LjE4YzAuODU1LDAsMS43MjktMC4wOTUsMS43MjktMS4xMTNjMC0xLjE0NS0wLjQ3My0xLjIxNi01LjY3MS0xLjIxNmMtNi4wNzIsMC02Ljc2OS0wLjcyNy02Ljc2OS0zLjk2MmMwLTIuMzgzLDAuMjE5LTQuMjIsNS4zMTEtNC4yMmg1LjYzMmM0LjE3OSwwLDQuOTU4LDEuMjczLDUuMDc3LDMuMjAzYzAuMDA4LDAuMDk4LDAuMDA4LDAuMjAyLDAuMDEyLDAuMzA5Yy0wLjI3OS0wLjI3Mi0wLjkwOC0wLjU2OC0yLjc2NC0wLjU2OGgtNy43MDRjLTAuOTA4LDAtMS41MjYsMC4zMTEtMS41MjYsMS4wMjFjMCwxLjE0NiwwLjQ5MywxLjE4MSw0LjgyLDEuMTY0YzYuMjcxLTAuMDE4LDcuNzI1LDAuMzYxLDcuNzI1LDQuMTk5YzAsMy41NDUtMS4xOTksNC4xMjgtNi41NjIsNC4xMjhoLTQuODkxYy0zLjU5OCwwLTUuMDg0LTAuNjY0LTUuMTQ0LTMuMzczQzE0My42MTksMTAuNTM4LDE0NC4zNTksMTAuNjc2LDE0NS44ODUsMTAuNjh6Ii8+PHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTc1LjE0MywxMy40NzNoMi4xOTJMNzAuMTE0LDAuMjg2aC03LjMxNUw2Mi43NCwwLjQzNWMxLjUxNiwwLjY0OCwxLjEwMywxLjYzLDAuNTcxLDIuNzI3bC01LjU4NCwxMC4zMTZoMS45OTVjMi4zNCwwLjAwMiwyLjQyMS0wLjcyOCwzLjctMi4zM3YwLjAwNEg3MS42bDAuMDIxLDAuMDMxQzcyLjc3MSwxMi43NTEsNzIuODk2LDEzLjQ3NSw3NS4xNDMsMTMuNDczeiBNNjQuOTMyLDguMzE3bDIuNTQ2LTQuOTQ2bDIuNjExLDQuOTQ2SDY0LjkzMnoiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTA3LjMwNSwzLjU4N2g1LjY2NmMwLDAtMC44NzMtMy4yOTEtMy4wNDgtMy4zMDFIOTcuNTkxYzAsMCwwLjY0MiwzLjI5MSwzLjA2OCwzLjMwMWMyLjQyNCwwLjAwOSwyLjYwNCwwLDIuNjA0LDB2NC4zNWwwLDB2MS42N2MtMC4wMDIsMi4yMDMsMC41MDgsMy44NjEsMi44MzIsMy44NjVoMS4yMDdWNy43MThWNy43MTVWMy41ODdIMTA3LjMwNXoiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTE0LjQ4NiwwLjQzMmMxLjMyLDAuNDcxLDEuOTI5LDEuOTg0LDIuMDYyLDIuOTAzdjYuMjcxYy0wLjAwNiwyLjIwMywwLjUwMywzLjg2OSwyLjgzMiwzLjg3M2gxLjIwNlY4Ljk4NGg1LjE4YzIuMjY5LTAuMDM5LDMuOTU3LTAuMzQ2LDQuMDg0LTIuNzU4VjUuOTM0aC05LjI2NFYzLjQ3OGg1LjgyMmMyLjE3OC0wLjA1NywzLjc4MS0wLjQyNiwzLjg5MS0yLjg4VjAuMjg2aC0xNS44MTJDMTE0LjQ4NiwwLjI4NCwxMTQuNDg2LDAuNDMyLDExNC40ODYsMC40MzJ6Ii8+PHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTEzMi43MTYsMC40MzJjMS4zMTMsMC40NzEsMS45MjksMS45ODIsMi4wNTYsMi45bDAuMDA0LDYuMjczYy0wLjAwNCwyLjIwMywwLjUwMiwzLjg2MiwyLjgzNiwzLjg2N2gxLjIwMVYwLjI5NlYwLjI5MmwtNi4wOTctMC4wMDZWMC40MzJMMTMyLjcxNiwwLjQzMnoiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTc2Ljc4MiwwLjI4NnY0LjcxOWgtOC41MzlWMC4yOTZWMC4yOTJsLTYuMTAxLTAuMDA2djAuMTQ2YzEuMzI1LDAuNDcxLDEuOTI0LDEuOTgyLDIuMDYyLDIuOXY2LjI3M2MtMC4wMDgsMi4yMDMsMC41MDMsMy44NjIsMi44MzQsMy44NjdoMS4yMDRWOC40OTZoOC41Mzl2MS4xMDljLTAuMDA5LDIuMjAzLDAuNTAxLDMuODYyLDIuODI5LDMuODY3aDEuMjAzVjAuMjk2VjAuMjg4TDE3Ni43ODIsMC4yODZ6Ii8+PHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTU2Ljg2Miw2Ljg5YzAtMy4yNTUtMi4xNTEtNi42MDQtNi4xODgtNi42MDRoLTEzLjc4YzAtMC4wMDIsMCwwLjEyMSwwLDAuMTIxYzEuMzU4LDAuNDgyLDIuMiwyLjM1LDIuMzA4LDMuMjYybDAuMDA0LDUuOTExbDAuMDAzLTAuMDE2YzAuMDU3LDIuMTc0LDAuNDI5LDMuNzgxLDIuODk5LDMuOTA4aDguNTY2QzU0LjcxMSwxMy40NzMsNTYuODYyLDEwLjE0Myw1Ni44NjIsNi44OXogTTUyLjgyOCw2LjgzNmMwLDEuODcyLTEuNTUsMy4yNTQtMy4yNzYsMy4yNTRoLTYuMzFWMy41ODJoNi4zMUM1MS4yNzgsMy41ODIsNTIuODI4LDQuOTY0LDUyLjgyOCw2LjgzNnoiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNOTEuNTM5LDAuMjg4aC0zLjk0OGwwLjAwOC0wLjAwMkg3Ny4yODNjMC0wLjAwMiwwLjE4NiwwLjEyMSwwLjE4NiwwLjEyMWMxLjM1OCwwLjQ4MiwxLjc3OCwyLjA1NSwxLjg4NywyLjk2NHYwLjgwN2wwLDBWOS41OGMtMC4wMDYsMi4yMDQsMC41MDEsMy44ODksMi44MzMsMy44OTNoMS4yMDR2LTMuNDM5aDYuMzQzYzAuOTYzLDAsMS40MTcsMC4yNzEsMS41OCwxLjAxNGMwLjI3MSwwLjk0NSwwLjM3OCwyLjMxNywyLjg1NCwyLjQyOGgxLjI1N3YtMi4yNTZjMC0yLjE2NC0wLjk5Ny0yLjY5MS0yLjIwMi0yLjkwOVY4LjI3MWMxLjg1Ni0wLjQ0LDIuMjU5LTEuNDc0LDIuMjU5LTMuMjM2VjQuMkM5NS40ODQsMS44MzUsOTQuNjQ4LDAuMjg4LDkxLjUzOSwwLjI4OHogTTkxLjU1Nyw1LjM3OWMwLDAuOTUxLTAuNDA0LDEuMzgyLTEuNDkzLDEuMzgyaC02LjY3MVYzLjU2Mmg2LjMwNGMxLjI3OCwwLDEuODYsMC4yMTksMS44NiwxLjM4M1Y1LjM3OXoiLz48L3N2Zz4=);
background-size: 80px 14px;
}
.minivideo__infos .icon--my {
  position: absolute;
  top: -20px;
}

.medal {
      background: white url("../img/apps/medal@2x.png") center 0 no-repeat;
    background-size: contain;
    height: 0;
    width: 100%;
    padding-top: 15%;
}


.loader-wrapper {
  text-align: center;
}

.loader {
display: inline-block;
position: relative;
top:8px;
right: auto;
}


/* header */

.header{
min-height:51px;
border-bottom:2px solid #ffba00;
background-color: #222;
position:relative;
}

.header__center {
margin: 0 25px;
max-width: none;
}

.logo-dartfish{
display:block; 
float:left;
width:170px;
height:inherit;
min-height:48px;
/*background: transparent url(../img/logo-my-dartfish-light.svg) center center no-repeat;*/
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj5dPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE5MHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9Ii0yIC02IDE5MCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMiAtNiAxOTAgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxkZWZzPjwvZGVmcz48cGF0aCBmaWxsPSIjRkFCODJGIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3ICAgICIgZD0iTTE1LjIyOSwxMy40NDVsMS42MzMtNy43MDJjMC4wOS0wLjQyMywwLjE1Ny0wLjc4NiwwLjE5OC0xLjA5YzAuMDQyLTAuMzAzLDAuMDYyLTAuNTYyLDAuMDYyLTAuNzc5YzAtMC4zNzQtMC4wOTUtMC42NDItMC4yODctMC44MDVjLTAuMTktMC4xNjEtMC40NTItMC4yNDItMC43ODUtMC4yNDJjLTAuMjQxLDAtMC41MDMsMC4wNDktMC43ODUsMC4xNWMtMC4yODIsMC4xLTAuNTczLDAuMjM0LTAuODcyLDAuNDA1Yy0wLjI5OCwwLjE3LTAuNiwwLjM3Mi0wLjkwMywwLjYwNGMtMC4zMDMsMC4yMzMtMC42LDAuNDc5LTAuODkxLDAuNzM1bC0xLjgzMiw4LjcyNEg3LjYwMWwxLjYzMi03LjcwMkM5LjMyNSw1LjMyLDkuMzkxLDQuOTYyLDkuNDM0LDQuNjY3YzAuMDQtMC4yOTcsMC4wNjItMC41MDIsMC4wNjItMC42MThjMC0wLjE5LTAuMDEzLTAuMzYtMC4wMzgtMC41MTJDOS40MzQsMy4zODgsOS4zODQsMy4yNiw5LjMwOSwzLjE1MkM5LjIzMiwzLjA0NCw5LjEyNiwyLjk2Myw4Ljk4NCwyLjkwOGMtMC4xNDItMC4wNTQtMC4zMjctMC4wODEtMC41Ni0wLjA4MWMtMC4yNjgsMC0wLjU0NywwLjA1OC0wLjg0MiwwLjE3QzcuMjg3LDMuMTA4LDYuOTg2LDMuMjU0LDYuNjgsMy40MzNjLTAuMzA4LDAuMTc4LTAuNjA3LDAuMzgtMC44OTgsMC42MDRDNS40OTEsNC4yNjIsNS4yMjIsNC40OSw0Ljk3MSw0LjcyMmwtMS44Myw4LjcyM0gwTDIuNzU0LDAuMzczaDMuMTRMNS41MzIsMi4wNjhDNi4yNTUsMS40MTEsNi45NzYsMC45MDIsNy42OTQsMC41NEM4LjQxMiwwLjE4LDkuMTMsMCw5Ljg0NCwwYzAuOTMxLDAsMS42NTEsMC4xOSwyLjE2MywwLjU3MWMwLjUxMSwwLjM4MywwLjc4NiwwLjk3NSwwLjgyOCwxLjc3MWMwLjQ0OC0wLjM3MywwLjg3My0wLjcwNiwxLjI3MS0wLjk5N2MwLjQtMC4yOTEsMC43ODItMC41MzUsMS4xNDctMC43MzVjMC4zNjUtMC4xOTksMC43MjEtMC4zNTEsMS4wNjUtMC40NTVDMTYuNjYzLDAuMDUyLDE3LjAwNSwwLDE3LjM0NiwwYzAuNTk5LDAsMS4wOTYsMC4wNzIsMS40ODksMC4yMTdjMC4zOTYsMC4xNDYsMC43MTEsMC4zNSwwLjk0NywwLjYxYzAuMjM3LDAuMjYyLDAuNDA2LDAuNTcsMC41MDYsMC45MzFjMC4xLDAuMzU2LDAuMTQ5LDAuNzQ2LDAuMTQ5LDEuMTdjMCwwLjMwOC0wLjAxOSwwLjYzNC0wLjA1NywwLjk3N2MtMC4wMzcsMC4zNDYtMC4xMDIsMC43MTEtMC4xOTIsMS4wOTJsLTEuNzk1LDguNDQ4SDE1LjIyOUwxNS4yMjksMTMuNDQ1eiIvPjxwYXRoIGZpbGw9IiNGQUI4MkYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTkuNjc5LDE1LjIwM2MwLjM0MSwwLjEzMiwwLjY3NSwwLjIyNywxLjAwMiwwLjI3OWMwLjMzLDAuMDU1LDAuNjI2LDAuMDgsMC44OTIsMC4wOGMwLjIzMiwwLDAuNDYxLTAuMDM5LDAuNjg1LTAuMTE3YzAuMjI2LTAuMDc4LDAuNDUzLTAuMjEzLDAuNjg3LTAuNDA0YzAuMjM0LTAuMTkxLDAuNDcxLTAuNDQ1LDAuNzE2LTAuNzYyYzAuMjQ2LTAuMzE0LDAuNTA5LTAuNzA0LDAuNzkyLTEuMTdsMC40NjEtMC43NjJsLTIuMDctMTEuOTc1aDMuMTQxbDEuMjgzLDguNDI1bDQuODIzLTguNDI1aDMuMzY1bC04LjQ3NSwxMy45NzFjLTAuNDIzLDAuNzA1LTAuODM1LDEuMzEyLTEuMjM0LDEuODE4Yy0wLjM5OCwwLjUwNy0wLjgyLDAuOTI0LTEuMjY1LDEuMjUyYy0wLjQ0NCwwLjMyNy0wLjkzLDAuNTY4LTEuNDU4LDAuNzI1Yy0wLjUyNywwLjE1Mi0xLjEzMSwwLjIyOS0xLjgxMywwLjIyOWMtMC4zOTgsMC0wLjgyNC0wLjA0My0xLjI3Ni0wLjEzMmMtMC40NTMtMC4wODYtMC45MDQtMC4xOTgtMS4zNTMtMC4zMjlMMTkuNjc5LDE1LjIwM3oiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTQ1Ljg4NSwxMC42OGg4LjE4YzAuODU1LDAsMS43MjktMC4wOTUsMS43MjktMS4xMTNjMC0xLjE0NS0wLjQ3My0xLjIxNi01LjY3MS0xLjIxNmMtNi4wNzIsMC02Ljc2OS0wLjcyNy02Ljc2OS0zLjk2MmMwLTIuMzgzLDAuMjE5LTQuMjIsNS4zMTEtNC4yMmg1LjYzMmM0LjE3OSwwLDQuOTU4LDEuMjczLDUuMDc3LDMuMjAzYzAuMDA4LDAuMDk4LDAuMDA4LDAuMjAyLDAuMDEyLDAuMzA5Yy0wLjI3OS0wLjI3Mi0wLjkwOC0wLjU2OC0yLjc2NC0wLjU2OGgtNy43MDRjLTAuOTA4LDAtMS41MjYsMC4zMTEtMS41MjYsMS4wMjFjMCwxLjE0NiwwLjQ5MywxLjE4MSw0LjgyLDEuMTY0YzYuMjcxLTAuMDE4LDcuNzI1LDAuMzYxLDcuNzI1LDQuMTk5YzAsMy41NDUtMS4xOTksNC4xMjgtNi41NjIsNC4xMjhoLTQuODkxYy0zLjU5OCwwLTUuMDg0LTAuNjY0LTUuMTQ0LTMuMzczQzE0My42MTksMTAuNTM4LDE0NC4zNTksMTAuNjc2LDE0NS44ODUsMTAuNjh6Ii8+PHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTc1LjE0MywxMy40NzNoMi4xOTJMNzAuMTE0LDAuMjg2aC03LjMxNUw2Mi43NCwwLjQzNWMxLjUxNiwwLjY0OCwxLjEwMywxLjYzLDAuNTcxLDIuNzI3bC01LjU4NCwxMC4zMTZoMS45OTVjMi4zNCwwLjAwMiwyLjQyMS0wLjcyOCwzLjctMi4zM3YwLjAwNEg3MS42bDAuMDIxLDAuMDMxQzcyLjc3MSwxMi43NTEsNzIuODk2LDEzLjQ3NSw3NS4xNDMsMTMuNDczeiBNNjQuOTMyLDguMzE3bDIuNTQ2LTQuOTQ2bDIuNjExLDQuOTQ2SDY0LjkzMnoiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTA3LjMwNSwzLjU4N2g1LjY2NmMwLDAtMC44NzMtMy4yOTEtMy4wNDgtMy4zMDFIOTcuNTkxYzAsMCwwLjY0MiwzLjI5MSwzLjA2OCwzLjMwMWMyLjQyNCwwLjAwOSwyLjYwNCwwLDIuNjA0LDB2NC4zNWwwLDB2MS42N2MtMC4wMDIsMi4yMDMsMC41MDgsMy44NjEsMi44MzIsMy44NjVoMS4yMDdWNy43MThWNy43MTVWMy41ODdIMTA3LjMwNXoiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTE0LjQ4NiwwLjQzMmMxLjMyLDAuNDcxLDEuOTI5LDEuOTg0LDIuMDYyLDIuOTAzdjYuMjcxYy0wLjAwNiwyLjIwMywwLjUwMywzLjg2OSwyLjgzMiwzLjg3M2gxLjIwNlY4Ljk4NGg1LjE4YzIuMjY5LTAuMDM5LDMuOTU3LTAuMzQ2LDQuMDg0LTIuNzU4VjUuOTM0aC05LjI2NFYzLjQ3OGg1LjgyMmMyLjE3OC0wLjA1NywzLjc4MS0wLjQyNiwzLjg5MS0yLjg4VjAuMjg2aC0xNS44MTJDMTE0LjQ4NiwwLjI4NCwxMTQuNDg2LDAuNDMyLDExNC40ODYsMC40MzJ6Ii8+PHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTEzMi43MTYsMC40MzJjMS4zMTMsMC40NzEsMS45MjksMS45ODIsMi4wNTYsMi45bDAuMDA0LDYuMjczYy0wLjAwNCwyLjIwMywwLjUwMiwzLjg2MiwyLjgzNiwzLjg2N2gxLjIwMVYwLjI5NlYwLjI5MmwtNi4wOTctMC4wMDZWMC40MzJMMTMyLjcxNiwwLjQzMnoiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTc2Ljc4MiwwLjI4NnY0LjcxOWgtOC41MzlWMC4yOTZWMC4yOTJsLTYuMTAxLTAuMDA2djAuMTQ2YzEuMzI1LDAuNDcxLDEuOTI0LDEuOTgyLDIuMDYyLDIuOXY2LjI3M2MtMC4wMDgsMi4yMDMsMC41MDMsMy44NjIsMi44MzQsMy44NjdoMS4yMDRWOC40OTZoOC41Mzl2MS4xMDljLTAuMDA5LDIuMjAzLDAuNTAxLDMuODYyLDIuODI5LDMuODY3aDEuMjAzVjAuMjk2VjAuMjg4TDE3Ni43ODIsMC4yODZ6Ii8+PHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTU2Ljg2Miw2Ljg5YzAtMy4yNTUtMi4xNTEtNi42MDQtNi4xODgtNi42MDRoLTEzLjc4YzAtMC4wMDIsMCwwLjEyMSwwLDAuMTIxYzEuMzU4LDAuNDgyLDIuMiwyLjM1LDIuMzA4LDMuMjYybDAuMDA0LDUuOTExbDAuMDAzLTAuMDE2YzAuMDU3LDIuMTc0LDAuNDI5LDMuNzgxLDIuODk5LDMuOTA4aDguNTY2QzU0LjcxMSwxMy40NzMsNTYuODYyLDEwLjE0Myw1Ni44NjIsNi44OXogTTUyLjgyOCw2LjgzNmMwLDEuODcyLTEuNTUsMy4yNTQtMy4yNzYsMy4yNTRoLTYuMzFWMy41ODJoNi4zMUM1MS4yNzgsMy41ODIsNTIuODI4LDQuOTY0LDUyLjgyOCw2LjgzNnoiLz48cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNOTEuNTM5LDAuMjg4aC0zLjk0OGwwLjAwOC0wLjAwMkg3Ny4yODNjMC0wLjAwMiwwLjE4NiwwLjEyMSwwLjE4NiwwLjEyMWMxLjM1OCwwLjQ4MiwxLjc3OCwyLjA1NSwxLjg4NywyLjk2NHYwLjgwN2wwLDBWOS41OGMtMC4wMDYsMi4yMDQsMC41MDEsMy44ODksMi44MzMsMy44OTNoMS4yMDR2LTMuNDM5aDYuMzQzYzAuOTYzLDAsMS40MTcsMC4yNzEsMS41OCwxLjAxNGMwLjI3MSwwLjk0NSwwLjM3OCwyLjMxNywyLjg1NCwyLjQyOGgxLjI1N3YtMi4yNTZjMC0yLjE2NC0wLjk5Ny0yLjY5MS0yLjIwMi0yLjkwOVY4LjI3MWMxLjg1Ni0wLjQ0LDIuMjU5LTEuNDc0LDIuMjU5LTMuMjM2VjQuMkM5NS40ODQsMS44MzUsOTQuNjQ4LDAuMjg4LDkxLjUzOSwwLjI4OHogTTkxLjU1Nyw1LjM3OWMwLDAuOTUxLTAuNDA0LDEuMzgyLTEuNDkzLDEuMzgyaC02LjY3MVYzLjU2Mmg2LjMwNGMxLjI3OCwwLDEuODYsMC4yMTksMS44NiwxLjM4M1Y1LjM3OXoiLz48L3N2Zz4=);
background-size: contain;
}

.logo-dartfish--center {
  display: inline-block;
  float: none;
}

.logo-dartfish--big {
width: 235px;
}

.logo-dartfish--mobile{
min-height:50px;
}

/*User menu*/

div#js-usermenu-button{
float:right;
text-align:right;
position:relative;
padding: 19px 5px 19px 12px;
height: 100%;
}

.header .topmenu{
  float: right;
}

.header .topmenu__channel{
float:left;
position: relative;
}

.header .topmenu__beauton,
.header .topmenu__beauton:focus{
position:relative;
display: inline-block;
float:left;
padding: 13px;
cursor: pointer;
height:49px;
top: 0px;
color: #fff;
font-size:16px; 
line-height: 21px;
white-space: nowrap;
}

.header .topmenu__beauton:hover{
color:#ccc;
}

.header .topmenu__beauton--user{
padding: 0;
border-left:1px solid #48474c;
cursor: pointer;
font-weight: normal;
}

.topmenu__beauton.selected{
color:#ffba00 !important;
}
.topmenu__beauton.selected:hover{
cursor:default;
}


.topmenu .beauton {
margin-top: 10px;
}

.topmenu__icon{
display: block;
height:31px;
width:31px;
}


.user-button{
display: block;
/* padding: 14px 10px; */
height: 58px;
width: 100%;
}

.user-button__avatar{
display:inline-block;
width: 27px; 
height: 27px;
overflow: hidden;
position: relative;
top: -8px;
min-height: 0 !important;
background: #fff;
}

.profile__avatar{
width: 50px;
height: 50px;
margin-bottom:8px;
}

.profile__avatar--big{
width:70px;
height:70px;
margin-bottom:10px;
}

.avatar__logo{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
background-position:center center;
border-radius: 50%;
}

.channel__logo{
background-position:center center;
background-size:contain;
background-color:transparent;
background-repeat:no-repeat;
border:1px solid #d6d6d6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
float:left;
}

.content--mydartfish.content--mydartfish--grey .channel__logo{
border:1px solid #5c5b64;
}

.channel__logo a{
background-color:transparent;
width:100%;
height:100%;
display:block;
}

.video__thumb{
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
border: 1px solid rgba(0,0,0,0.1);
}

.user-button__label{
display: inline-block;
position: relative;
top: -12px;
padding: 0 1px 0 5px;
max-width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.arrow{
position:relative;
}

.arrow--at-right{
padding-right: 33px !important;
}

.arrow::before{
display: block;
width: 0;
height: 0;
position: absolute;
right: 0;
top: 45%;
}
.arrow--at-right::before{
right:16px;
}

.arrow--south::before{
content:" ";
border:none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #fff;
}
.arrow--south:hover::before{
border-top-color:#ccc !important;
}

.selected.arrow--south::before,
.selected.arrow--south:hover::before,
.selected .arrow--south::before,
.selected .arrow--south:hover::before{
border-top-color:#ffba00 !important;
}

.arrow--north::before{
content:" ";
border:none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #fff;
}
.arrow--north:hover::before{
border-bottom-color:#ccc !important;
}
.selected.arrow--north::before,
.selected.arrow--north:hover::before,
.selected .arrow--north::before,
.selected .arrow--north:hover::before{
border-bottom-color:#ffba00 !important;
}

.header .topmenu__drawer{
display: none;
position: absolute;
top: 49px;
right: 0px;
z-index: 30;
min-height: 50px;
text-align: left;
background: #000;
border-top: 2px solid #ffba00;
min-width: 230px;
}

.header .topmenu__drawer--tv{
/*left: auto;*/
/*right: auto;*/
width: 265px;
}

.header #js-quickmenu-button.arrow--south:hover,
.header #js-usermenu-button.arrow--south:hover{
cursor:pointer;
}

.topmenu__drawer ul{
list-style:none;
margin:0;
padding:0;
border:none;
}

.topmenu__drawer__beauton a{
color:#fff;
}

.selected .topmenu__drawer__beauton,
.topmenu__drawer__beauton.selected,
.topmenu__drawer__beauton:hover,
.topmenu__drawer__beauton a:hover,
.mychannels__item:hover{
color:#ccc;
background-color: #3D3C40;
}

.topmenu__drawer__beauton, 
#menu-mobile .not-logged .topmenu__beauton,
.mychannels__item{
background-color: #222;
border:none;
border-top: 1px solid #333;
margin:0;
padding: 13px 16px 13px 46px;
text-transform: initial;
color:#fff;
display:block;
position:relative;
overflow:hidden;
}

#menu-mobile .not-logged .topmenu__beauton,
#menu-mobile .not-logged .beauton {
  padding-left: 18px;
}

.topmenu__drawer__wrapper{
position:relative;
}

.mychannels__item,
.portal__item{
margin:0;
padding: 0;
}

.mychannels__item .channel__logo{
position:absolute;
left:8px;
top:13px;
border:none;
}

#menu-mobile .topmenu__drawer__wrapper.mychannels .mychannels__item .channel__logo {
left:46px;
}

.mychannels__item__descr{
display: block;
padding: 13px 13px 13px 47px;
color: inherit;
}

#menu-mobile .topmenu__drawer__wrapper.mychannels .mychannels__item .mychannels__item__descr {
 padding: 13px 13px 13px 84px;
}

#menu-mobile .icon--topmenu.icon--tv{
padding: 13px 16px 13px 84px;
}

#menu-mobile .icon--topmenu.icon--tv::before{
left:38px;
}

.mychannels__item__descr:hover{
  color: inherit;
}

.topmenu .mychannels__item .channel__logo {
background-color: white;
padding-top: 5px;
}


.topmenu__drawer__beauton--admin-btn{
display: block;
float: right;
width: 50px;
z-index: 2;
padding:30px 7px 0 0;
color: #ddd;
font-size: 11px;
line-height: 13px;
text-align: center;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}

.menu__mobile .topmenu__drawer__beauton--admin-btn {
width:40px;
}

.topmenu__drawer__beauton--highlight{
background-color:#ffba00;
color:#222;
border:navajowhite;
}

.topmenu__drawer__beauton--highlight:hover{
background-color:#ffdd33 !important;
color:#222 !important;
}


/* content navigation: navtree, pathes */

.navbar{
position: relative;
width:100%;
float:left;
display:block;
padding:8px 10px;
}

.navtree{
position:relative;
float:left;
margin:0;
}

.navtree #navtreemenu{
position:absolute;
top:44px;
z-index:999;
background:#fff;
display:none;
border:1px solid #d6d6d6;
border-bottom:none;
box-shadow:2px 2px 2px rgba(0,0,0,0.3);
-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
}

.navtree + .beauton {
  padding: 14px;
  margin: 2px 0 0 5px;
}

.navtree ul li{
border-bottom:1px solid #d6d6d6;
list-style-type:none;
position: relative;
}

.navtree ul li::after{
content: "\203A";
position: absolute;
right: 6px;
top: 3px;
font-size: 24px;
line-height: 24px;
color: #ddd;
font-family: ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
} 

.navtree ul li a{
display:block;
padding:7px 25px 9px 8px;
font-size:16px;
line-height:18px;
white-space:nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.navtree ul li a:first-of-type{
padding-left:15px;
}

.navtree #currentnavtree{
background-color:#eee;
color:#404040;
float: left;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
height:42px;
font-size:18px;
line-height:18px;
padding:10px 43px 6px 8px;
text-overflow: ellipsis;
overflow: hidden;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
white-space:nowrap;
margin:2px 0;
border: 1px solid #ddd;
}

.navtree #currentnavtree:hover {
background-color:#ddd;
}

.navtree #currentnavtree span{
float:left;
margin-left:8px;
}

.navtree #currentnavtree span:hover{
color:#000;
cursor:pointer;
}

.navtree #currentnavtree span::after{
content: " ";
background: transparent url(../img/channel/arrow_nav.png) right -18px no-repeat;
width: 20px;
height: 12px;
position: absolute;
right: 8px;
top: 18px;
}

.ie .navtree #currentnavtree{
background-color:#ddd !important;
}

.navpath{
margin:0;
padding-left:30px;
background:#fff;
padding:3px 0px 3px;
float: left;
display:block;
font-size: 16px;
line-height:16px;
/*min-width:45%;*/
}

.navpath span,
.navpath .pathitem{
min-height:26px;
display:block;
padding: 10px 10px 0 20px;
float:left;
position:relative;
line-height:18px;
white-space:nowrap;
} 

.navpath span::after,
.navpath .pathitem::after{
content:"\203A";
position: absolute;
left: 1px;
top: 9px;
font-size: 20px;
color:#aaa;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
} 

.navpath span{
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
display:block;
}

.navpath .pathitem:first-of-type::after{
content:none;
}


/* thumbnails */

.grid--minivideos{
min-height:450px;
}

.minivideo{
display:block;
position:relative;
-webkit-transition:background-color 200ms;
        transition:background-color 200ms;
}

.navlist .minivideo {
margin-bottom:0;
}

.minivideo__thumb{
display:block;
position: relative;
width:100%;
height:0;
padding-bottom: 56.25%; /*16/9 ratio*/
background-color:#ccc;
background-size: cover;
background-position:center center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.content--mydartfish .minivideo__thumb{
border: none;
}

.minivideo__thumb__overlay{
display: block;
height: 0;
left: 30%;
position:absolute;
top: 0px;
width: 40%;
padding-top: 58%;
}

.minivideo__duration{
position:absolute;
top: -21px;
right:1px;
background-color: rgba(0,0,0,0.3);
color: rgba(255,255,255,0.8);
font-size:10px;
padding:2px 4px;
}

.minivideo__itemtype {
position: absolute;
top:0px;
left:0px;
color: rgba(255,255,255,0.8);
font-size: 10px;
padding: 2px 4px;
width:100%;
text-align: center;
}

.minivideo__infos{
display:block;
position:relative;
padding: 5px;
min-height:59px;
background-color: #eee;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
z-index: 2;

-webkit-transition:background-color 200ms;
        transition:background-color 200ms;
}

.navlist .minivideo__infos{
margin:16px 0 0px 2px;
width: 120px;
text-align: center;
color: #787a7a;
}

.minivideo__navtitle{
position:absolute;
float:left;
top:0;
left:0;
right: 0;
bottom: 0;
color:#fff;
text-align:center;
font-size:16px;
line-height:16px;
background-color:rgba(0, 0, 0, 0.55);
}

.minivideo__navtitle span{
display: block;
width: 100%;
text-align: center; 
padding-bottom: 1.5em;
position: absolute;
top:40%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding:0px 2px;
}

.minivideo__navcount{
position:absolute;
bottom:0;
left:0;
color:#fff;
width:100%;
padding:1px 5px;
text-align:center;
font-size: 11px;
line-height:20px;
}

.minivideo__title{
overflow:hidden;
word-wrap:break-word;
font-size: 14px;
line-height: 16px;
font-family: ClearSans-Bold,Arial,Verdana,sans-serif;
height: 35px;
}

.minivideo__title a{
word-wrap:break-word;
text-overflow: ellipsis;
}
.minivideo__title a:hover{
color:#2caed3;
text-decoration:underline;
}



.minivideo__subinfos{
font-size:10px;
margin-top:2px;
}

.minivideo__tools{
display:none;
position: absolute;
right: 1px;
bottom: 1px;
}

.minivideo__tools a {
float:right;
}

.minivideo:hover{
background:#ddd;
}

.minivideo:hover .minivideo__infos{
background-color: #ddd;
}

.minivideo:hover .minivideo__thumb__overlay{
display:block;
cursor:pointer;
background: url(../img/channel/play.png) transparent no-repeat center center;
background-size:contain;
}

.minivideo:hover .minivideo__tools{
display:inline-block;
}


.content--mydartfish.content--mydartfish--grey .minivideo__infos{
background-color: #5c5b64;
border:none;
}
.content--mydartfish.content--mydartfish--grey .minivideo:hover,
.content--mydartfish.content--mydartfish--grey .minivideo:hover .minivideo__infos{
background-color: #6b6a74;
}

.content--mydartfish.content--mydartfish--grey .minivideo__title a,
.content--mydartfish.content--mydartfish--grey .minivideo__subinfos{
color:#ddd;
}
.content--mydartfish.content--mydartfish--grey .minivideo:hover .minivideo__title a{
color:#fff;
}

/*Languages*/

#langpane{
float:left;
display:block;
}

#langpane a{
float: left;
display: block;
padding-right:15px;
}

#langpane a.selected,
#langpane a.selected:hover{
color:#ffba00;
}


/****************** footer ****************/

.footer{
background-color:#222;
padding:40px 0;
font-size:0.8em;
color:#999;
line-height:1.3em;
}

.footer .corporate{
width:100%;
display:block;
float:left;
margin:60px 0 10px 0;
}

.footer a{
display:block;
color:#999;
line-height:18px;
}

.footer a:hover{
color:#fff;
}

.footer .helpcol{
float:left;
padding-right:100px;
}
.footer .dfcol{
float:left;
padding-right:100px;
}
.footer .followcol{
float:right;
text-align:right;
width:200px;
}

.footer h6{
color:#ffba00;
font-weight:normal;
font-size:24px;
padding-bottom:10px;
}

.footer .socialbtns{
float: right;
display: inline-block;
}

.footer .twitter,
.footer .blogger,
.footer .facebook{
float:left;
display:block;
height:3em;
width:3em;
margin:0.5em 0 0.5em 0.5em ;
text-indent:-10000px;
}

.footer .blogger{
background:transparent url(../img/platform/blogger-footer.png) 0 0 no-repeat !important;
background-size:100% !important;
}

.footer .twitter{
background:transparent url(../img/platform/twitter-footer.png) 0 0 no-repeat !important;
background-size:100% !important;
}

.footer .facebook{
background:transparent url(../img/platform/facebook-footer.png) 0 0 no-repeat !important;
background-size:100% !important;
}

.footer .lang,
.footer .terms,
.footer .copyright,
.footer .version{
float:left;
font-size:0.9em;
color:#666;
}

.footer .lang{
width:275px;
position:relative;
clear:both;
}

.footer .terms{
width:430px;
text-align:center;
}
.footer .terms a{
display:inline;
width:326px;
white-space:nowrap;
}
.footer .terms a:last-of-type{
border-right:none;
padding-right:0;
}

.footer .copyright{
float:right;
text-align:right;
width:250px;
}

.footer .terms a,
.footer .copyright a,
.footer .copyright a:hover{
color:#666;
}

.ja .footer h6{
font-size:17px;
}

.errorfooter {
font-size:12px;
}

/* very specific...*/

.settings .soft--sides {
margin: 0 auto;
max-width:800px;
}

.content--mydartfish .light-bg {
background: transparent !important;
}

.settings .grid .grid__item:first-of-type{
padding-right:2em; 
opacity:0.8; 
}

/* Mobile menu */

#menu-mobile-beauton{
display: block;
padding:12px 11px 16px 10px;
cursor: pointer;
text-align: center;
background:transparent;
box-sizing: content-box;
z-index: 51;
float: left;
}

#menu-mobile-beauton div{
height:4px;
margin-bottom:5px;
width:25px;
background:#ddd;
}
.content--personalchannel #menu-mobile-beauton div,
.content--tvchannel #menu-mobile-beauton div{
background:#48474c;
}

#menu-mobile-beauton div.last{
margin-bottom:0;
}

#menu-mobile-overlay{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 99;
background: #000;
opacity: 0.5;
display: none;
}

.menu__mobile{
margin:0;
padding:0;
position:absolute;
width:275px;
height:auto;
min-height:320px;
left:0;
display:none;
overflow:auto;
z-index:25;
top:0;
font-size:16px;
line-height:22px;
background-color:#222;
overflow-x: hidden;
}

.menu__mobile--tvchannel{
background-color:#eee;
}

.menu__mobile h1,
.menu__mobile h3{
background-color:#eee ;
color:#888;
font-family: ClearSans-Bold,Arial,Verdana,sans-serif;
padding: 1.0em 0.6em 0.2em;
line-height: 2em;
text-align: left;
font-size: 1.1em;
text-overflow: ellipsis;
overflow: hidden;
border-bottom: 1px solid #ccc;
}

.menu__mobile #js-usermenu{
display:none;
}

.menu__mobile #js-usermenu-button{
background-color:#3D3C40;
margin-right:0;
width: 100%;
height: 48px;
}

.menu__mobile #js-usermenu-button::after{
right:12px;
top:18px;
}

.menu__mobile #js-quickmenu-button{
display:none;
}

.menu__mobile .user-button__label {
top: -12px;
padding: 6px 26px 9px 4px;
margin-left:31px;
float: left;
color: #fff;
}

.menu__mobile .user-button__avatar {
position:absolute;
top: 9px;
left:6px;
}

.menu__mobile .mainmenu{
display: block;
}

.menu__mobile .icon--mainmenu:before{
width:40px;
height: 40px;
background-size:120px 2080px;
position:absolute;
left:0px;
top:0px;
}

.menu__mobile .beauton{
margin: 0;
padding: 1em 1em 1em 45px;
width: 100%;
border-radius:0 0 0 0;
background-color: #222;
border:none;
margin:0;
text-transform: initial;
color:#fff;
display:block;
overflow:hidden;
}
.menu__mobile .beauton--highlight {
color: #222;
background: #ffba00;
}

.menu__mobile .channel-menu__beauton{
border:none;
margin:0;
padding: 13px 16px 13px 42px;
display:block;
position:relative;
overflow:hidden;
}

.menu__mobile li:last-of-type .topmenu__drawer__beauton{
border-bottom: 1px solid #333;
}

.menu__mobile .mainmenu .channel-menu__beauton{
text-transform: uppercase;
}

.menu__mobile .channel-menu__beauton{
border-top:none;
border-bottom:1px solid #ccc;
color:#2caed3;
}

.menu__mobile .selected .channel-menu__beauton{
background-color:#ddd;
}

.menu__mobile .channel-menu li.portalmenu{
position:relative;
}

.menu__mobile .channel-menu li .channel__logo{
position:absolute;
top:8px;
left:5px;
}

/* mobile specific */

#toggleSearchBox-mobile{
display:block;
position:absolute;
cursor:pointer;
border-left:1px solid #fff;
top:0;
right:0;
background-color:transparent;
border:none;
height:51px;
width:57px;
}

.content--mydartfish #toggleSearchBox-mobile{
border-left: 1px solid #333;
}


/* HOMEPAGE */

.separator{
border: none;
border-bottom: 1px solid #ccc;
margin: 30px 0;
}

.headerline {
text-align: center;
padding:1em 0;
overflow: hidden;
}
.headerline span {
display: inline-block;
position: relative;  
}
.headerline span:before,
.headerline span:after {
content: "";
position: absolute;
border-top: 1px solid #999;
top: 0.81em;
width: 10000px;
}
.headerline span:before {
right: 100%;
margin-right: 15px;
}
.headerline span:after {
left: 100%;
margin-left: 15px;
}

/* MEDIA QUERIES */

@media (min-width: 960px)  {

body {
min-width: 960px;
}
.desk--full-width{
width: 100%;
}

.desk--half-width{
min-width:50%;
}

.desk--is-hidden{
display:none;
}

}

/************* branded login *******************/

.brand__pane{
padding-bottom:1em;
width: 100%;
color:#8E8E8E;
}

.brand__pane .brand__logo{
display: inline-block;
float: left;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.brand__pane .channel__logo{
/*background-color:white;*/
border:none !important;
}

.brand__pane .brand__logo__in{
display: inline-block;
margin-bottom:10px;
}

.brand__pane .brand__title{
color:#000;
display:block;
font-size:2.5em;
line-height:1em;
border-bottom: 1px solid #aaa;
padding-bottom:20px;
}

.brand__pane .brand__help{
font-size:0.9em;
width: 100%;
padding: 15px 0 5px;
display:inline-block;
}

/************* message banner *******************/

.maintenancebanner,
.promobanner{
border-bottom:1px solid red;
background-color: #000;
}

.maintenancebanner .center,
.promobanner .center{
text-align:center;
min-height:25px;
line-height:1.2em;
font-size: 14px;
}

.promobanner .center{
padding-right:5px;
}

.maintenancebanner .bottom,
.promobanner .bottom{
display:none;
}

.maintenancebanner .center span,
.promobanner .center span{
color:#D7D7D7;
padding:5px 2px 2px 25px;
display:inline-block;
}

.maintenancebanner .center a,
.promobanner .center a{
color:#FFBB00;
margin-left:5px;
text-decoration: underline;
display:inline;
}

.maintenancebanner .center span{
background:transparent url(../img/platform/warning.png) 0 0 no-repeat;
}

.promobanner .center span{
background:transparent url(../img/platform/infoGrey.png) 2px 2px no-repeat;
}

.promobanner a.closepromo {
cursor:pointer;
position: absolute;
top: 5px;
right: 5px;
}




/*****MERGING channel.css AND channelmobile.css ************************************************************************************/


.toolbar{
height:50px;
width:100%;
display:block;
border-bottom:1px solid #ddd;
font-weight:normal;
-webkit-tap-highlight-color: rgba(0,0,0,0);
background-color: #eee;
}

@media (max-width: 480px)  {  
  .toolbar .icon { 
    width: 40px;
    text-indent: -10000px; 
  }
}

.player .favPane .favContentPane{
float:left;
padding:0px 20px;
}


.toolbar .centertoolbar{
display:table;
margin: 0 auto;
} 

@media (max-width: 600px)  {
  .toolbar .icon { 
    width: 40px;
    text-indent: -10000px; 
  }
}

.toolbar .icon--delete{
  position: absolute;
  right: 0;
}

.toolbar .centertoolbar div{
display:inline-block;
} 

.toolbar .tbUPane{
display:inline;
}

.toolPane {
display: none;
width: 100%;
border-bottom: 1px solid #e0e0e0;
background: #eee;
}

.sharePopupPane .toolPane{
display: block;
background:transparent;
border-bottom:none;
}

.content--mydartfish--grey .toolPane{
border-bottom:1px solid #5c5b64;
background:#5c5b64;
margin-bottom:10px;
}

.toolPane .toolPaneContent{
padding:15px 0;
position:relative;
overflow: auto;
}

.sharePopupPane .toolPane .toolPaneContent{
padding:0;
}

.sharePopupPane .toolPane .toolPaneContent .icon--close{
display:none;
}

.toolPane .button{
margin:2px 8px 0 0;
}

.matchInfo{
padding:15px 20px 30px;
width: 100%;
overflow:auto;
background-color: #fff;
color:#222;
}

/*.content--mydartfish .matchInfo{
background-color: #5c5b64;
color: #ddd;
}*/

/*.content--mydartfish .player a{
color: #ffba00;
}*/

.matchInfo .matchHeader{
padding:6px 0 25px 0;
overflow: auto;
position: relative;
left: -2px;
}

.matchInfo .matchHeader .inplaceeditpane{
float:left;
max-width:780px;
font-size:32px;
line-height:32px;
word-wrap:break-word;
}

.matchInfo .matchHeader .inplaceeditpane span {
word-break: break-all;
}

.matchInfo .matchHeader .inplaceedittextbox{
max-width:700px;
min-width:200px;
font-size:25px;
line-height:32px;
height:36px;
margin:0 10px 0 0;
padding:2px;
float: left;
font-family: inherit;
}

.matchInfo .matchHeader .inplaceedittextbox::-ms-clear {
width : 0;
height: 0;
}

.matchInfo .matchSubHeader {
border-bottom: 1px solid #ddd;
float: left;
width: 100%;
}

.matchInfo .matchMetadata{
float:left;
}

.matchInfo .matchSubtools{
float:right;
margin-right:-20px;
margin-top:-10px;
}

.matchInfo .inplaceeditsavepane{
float:left;
margin-top: 7px;
height: 25px;
}

.matchInfo .matchViews{
float:right;
margin-top:8px;
}

.matchInfo .matchDuration,
.matchInfo .matchColl,
.matchInfo .matchKw{
width:100%;
float:left;
display:block;
}

.matchInfo .matchDuration .durTitle,
.matchInfo .matchColl .collTitle,
.matchInfo .matchKw .kwTitle{
float:left;
display:block;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
padding-right:3px;
}

.matchInfo .matchKw .kwTitle{
margin-top:4px;
}

.matchInfo .matchColl a{
float:left;
white-space: nowrap;
}

.matchInfo .matchColl .button{
margin:-1px 5px 0 5px;
}

.matchInfo .matchPubDate{
display:block;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
}

.matchInfo .matchModDate{
display:block;
}

.matchInfo .matchDescPane{
max-width:460px;
float:left;
display:block;
word-wrap: break-word;
padding: 18px 0;
}

.matchInfo .matchDescPane .inplaceedittextbox{
width:460px;
max-width:460px;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}

.player .matchInfo .matchDescPane .emptyValue{
font-style:italic;
}

.matchDescPane .icon--edit{
  display: inline;
}

.descContentPane {
  clear: both;
}

.matchDatePane{
padding-bottom: 18px;
}

.player .attach-button-pane{
position:relative;
float:left;
}

.player .matchSubtools .attach-count{
border-radius: 50%;
width:16px;
height:16px;
background-color:#898787;
position: absolute;
bottom:11px;
right:13px;
}

.player .matchSubtools .attach-count span {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
display:flex;
align-items: center;
justify-content: center;
font-size:11px;
color:white;
}

.player .subToolPane{
display:none;
float: left;
width:100%;
border-bottom:1px solid #D7D7D7;
padding:18px 0 18px;
clear: both;
word-wrap:break-word;
}

.player .subToolPane .subToolTitle{
float:left;
display:block;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
margin-bottom:10px;
}

.player .subToolPane .attachList{
position: relative;
overflow: hidden;
display:block;
width:100%;
padding:0.4em 0 0;
min-height:26px;
}

.icon--delete--attachment{
float:right;
position: relative;
height:20px;
width:20px;
}

.icon--delete--attachment:before{
background-size: 120px 2080px !important;
background-position: -10px -1090px !important;
}

.icon--delete--attachment:hover:before {
background-position: -50px -1090px !important;
}

.addAttachment{
position: relative;
margin-top:20px;
padding:2px 10px 3px !important;
}

.addAttachment:hover{
cursor:pointer;
}

div.addAttachment input{
position:absolute;
display: block !important;
width:100% !important;
height:100% !important;
opacity: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
margin: 0 !important;
}

.attachFilePicker {
margin:0 !important;
}

#attachloader{
padding:1% 0 !important;
}

.player .subToolPane .csvPane{
display:block;
float:left;
width:100%;
}

.player .subToolPane .csvPane span{
display:block;
width:100%;
float:left;
margin-top:-5px;
}

.player .subToolPane .csvPane .button,
.player .subToolPane .csvPane .beauton{
margin: 15px 0 5px;
}


.player .subToolPane .printContentLay{
float:left;
display:block;
width:100%;
padding:8px 0 10px;
}

.player .subToolPane .printLay{
width:60px;
float:left;
display:block;
padding-right:20px;
}

.player .subToolPane .printFormField{
clear: both;
}

.player .subToolPane .layImg{
float:left;
display:block;
width:50px;
height:58px;
overflow:hidden;
}

.player .subToolPane .layImg.layout0{     background:url(../img/print/allTemplates@2x.png)  0px 0 no-repeat;   background-size:252px 56px; }
.player .subToolPane .layImg.layout1{     background:url(../img/print/allTemplates@2x.png) -50px 0 no-repeat;  background-size:252px 56px; }
.player .subToolPane .layImg.layout2{     background:url(../img/print/allTemplates@2x.png) -100px 0 no-repeat; background-size:252px 56px; }
.player .subToolPane .layImg.layout3{     background:url(../img/print/allTemplates@2x.png) -150px 0 no-repeat; background-size:252px 56px; }
.player .subToolPane .layImg.layout4{     background:url(../img/print/allTemplates@2x.png) -200px 0 no-repeat; background-size:252px 56px; }

.player .subToolPane input{
margin-left:16px;
}


.no-silverlight-plugin{
padding: 10px;
color: #fff;
}

.no-silverlight-plugin h3{
font-size: 26px;
}

.no-silverlight-plugin .grid__item{
  padding: 20px;
  width: 46%;
  margin: 2%;
  border: 1px solid #777;
  background-color:#666;
  border-radius: 5px;
  min-height: 260px;
}

.grid__item--disabled {
color:#aaa;
}

.beauton.html5switch{
  display: inline-block;
background-image: url("../img/channel/pictos/sleditswitch.png");
background-repeat: no-repeat;
padding:0.5em 20px 0.5em 40px;
background-position: 3px 2px;
background-color: #111;
}


.matchKw{
  padding: 18px 0 10px;
  border-bottom: 1px solid #ddd;
}

.matchKw .kwFilter{
float: left;
display: block;
padding: 0px 6px 0px 4px;
margin: 0px 7px 8px 0px;
border: solid transparent;
border-width: 1px 1px 1px 12px;
-webkit-border-image: url('../img/channel/keyword.png') 1 1 1 12;
-o-border-image: url('../img/channel/keyword.png') 1 1 1 12;
border-image: url('../img/channel/keyword.png') 1 1 1 12;
background: #e7e7e7;
line-height: 19px;
height: 23px;
font-size: 14px;
border-color:transparent;
}

.matchKw .kwFilter:hover{
color:#333;
}

.player .fullHD {
background: transparent url(../img/channel/pictos/logoFullHD.png) no-repeat right center;
padding-left: 40px;
float: right;
height: 27px;
}

/*promo*/
.promocontent {
border:1px #5c5b64 solid;
margin-top:10px;
text-align:center;
float:left;
margin-left:10px;
}

.promotitle {
color: #666666;
font-size: 16px;
font-weight:bold;
height:130px;
line-height:130px;
width:220px;
text-align:center;
position: relative;
}

.promotitle span {
  line-height:normal;
}

.promosubtitle {
background-color:#5c5b64;
padding:10px 12px;
}

.beauton--promo {
width:100%;
color:#000 !important;
font-weight:bold;
font-size:16px;
}

.beauton--promo:hover {
color:#000  !important;
}


/**** headlines  ***/

.headline .desc .picto{
display: block;
height: 2.3em;
width: 37px;
position: absolute;
bottom: 1em;
left: 0.15em;
}

.headline a.video .desc .picto{
background:transparent url(../img/channel/pictos/headlines/video.png) right center no-repeat;
}
.headline a.event .desc .picto{
background:transparent url(../img/channel/pictos/headlines/keyword.png) right center no-repeat;
}
.headline a.keyword .desc .picto{
background:transparent url(../img/channel/pictos/headlines/keyword.png) right center no-repeat;
}
.headline a.subscription .desc .picto{
background:transparent url(../img/channel/pictos/headlines/subscription.png) right center no-repeat;
}
.headline a.tree .desc .picto{
background:transparent url(../img/channel/pictos/headlines/tree.png) right center no-repeat;
}
.headline a.explore .desc .picto{
background:transparent url(../img/channel/pictos/headlines/explore.png) right center no-repeat;
}

.headline a.howto .picto{
color:#fff;
background:#2caed3 url(../img/channel/pictos/headlines/howto.png) 177px center no-repeat;
}



/* PORTAL */

.grid--thumbnails {
  padding: 0;
  margin-left: -5px;
  margin-right: -5px;
}

.trash .grid--thumbnails,
.organizer .grid--thumbnails {
  padding: 5px;
  margin: 0;
}

.portal .colleft h3 {
  padding:15px 15px 0;
}
.portal .colleft .item {
  padding:15px 15px 20px 15px;
  margin-bottom: 5px;
  border-bottom: 1PX solid #DDD;
}
.portal .colleft .item:last-of-type {
  border-bottom: none;
}

.portal .in {
  float: right;
  padding: 33px 15px 0;
  font-size: 0.8em;
  text-transform: lowercase;
}
.portal .in a {
  text-transform: none;
}

.portal .metainfos {
  float: left;
}

.portal .metainfos > a {
  font-size: 26px;
  line-height: 1;
  padding: 8px 8px 5px 0;
  display: inline-block;
}

.metainfos > span {
  font-size: 0.8em;
}


/* list header */

.listheader{
float:left;
display:block;
width:100%;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:1px 10px 1px 10px;
min-height:30px;
}

.content--mydartfish.content--mydartfish--grey .listheader {
  margin-top: 5px;
  margin-bottom: 5px;
border-top: 1px solid #5c5b64;
border-bottom: 1px solid #5c5b64;
}

.listheader.empty{
border-bottom:none;
}
  
.listheader .lhleft{
float: left;
padding-left: 1px;
font-size: 14px;
}

.listheader .lhright{
float:right;
padding:5px 1px 0;
}

.listheader .listnumber{
color:#2d2d2d;
line-height:18px;
display:block;
text-align:left;
margin:0;
padding:5px 5px 5px 0;
float:left;
}

.content--mydartfish.content--mydartfish--grey .listheader .listnumber  {
color:#aaa;
}

.listheader select.sort{
float:right;
font-size:11px;
width:110px;
margin-top:0;
padding: 1px;
}

.listheader .progress{
color:#6b6a74;
position:absolute;
top:23px;
right:250px;
}

/* collection header */

.collectionheader{
padding:3px 15px 6px;
border-top: 1px solid #ddd;
float:left;
width:100%;
}

.collectionheader .colltypepane {
width:100%;
display:block;
}

.collectionheader .colltype{
display: inline-block;
min-height: 20px;
line-height: 20px;
font-size:14px;
-moz-background-size:20px auto !important;           
-o-background-size:20px auto !important;          
-webkit-background-size:20px auto !important;          
background-size:auto 20px !important;
padding-left:25px;
margin:0 0 0 -4px;
color:#333;
}

.collectionheader .colltype.private{
background:transparent url(../img/channel/collectionprivate.png) no-repeat 2px 0;
padding-left:20px;
}

.collectionheader .colltype.limited{
background:transparent url(../img/channel/collectionlimited.png) no-repeat 0 0;
}

.collectionheader .colltype.public{
background:transparent url(../img/channel/collectionpublic.png) no-repeat 1px 0;
}

.collectionheader .colltype.business{
background:transparent url(../img/channel/collectionbusiness.png) no-repeat -1px 0;
}

.collectionheader .colltypepane a{
min-height:20px;
line-height:20px;
padding-left:5px;
}

.collectionheader .description {
padding:10px 60px 10px 20px;
}

.collectionheader .inplaceeditpane{
float:left;
word-wrap:break-word;
margin-bottom:2px;
}

.collectionheader .inplaceedittextbox{
max-width:700px;
min-width:200px;
font-size:22px;
line-height:22px;
min-height:26px;
color: #867f70;
margin-right:10px;
}

.collectionheader .inplaceeditsavepane{
float:left;
margin-top:1px;
height: 25px;
}

.collectionheader .colldetailslinkpane{
float:right;
position: relative;
padding-right:20px;
cursor:pointer;
}

.collectionheader .colldetailslinkpane a{
font-size:13px;
}

.collectionheader .colldetailslinkpane a:after{
content:" ";
width: 0; 
height: 0; 
position: absolute;
right:0px;
top:9px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;	
border-top: 8px solid #2CAED3;
}

.collectionheader .colldetailslinkpane a:hover:after{
border-top: 8px solid #000;
}
.collectionheader .colldetailslinkpane a.open:after{
border-bottom: 8px solid #2CAED3;
border-top:none;
}
.collectionheader .colldetailslinkpane a.open:hover:after{
border-bottom: 8px solid #000;
}

#viewgridwrapper{
padding:0px 20px;
clear: both;
}

.trash-hint{
color:#999;
font-size:0.8em;
padding-left: 10px;
display: block;
}

.devices-hint{
padding:10px 10px 0px 10px;
display: block;
float:left;
width: 100%;
}


/* ADS */

.ad-01-list-pictos li,
.ad-01-list-pictos + p{
  padding-left: 30px;
  display: block;
  min-height: 16px;
}


.ad-01-list-pictos li:nth-of-type(1) {    background: transparent url('../img/ads/micro-icon_eye.svg') left center no-repeat; }
.ad-01-list-pictos li:nth-of-type(2) {    background: transparent url('../img/ads/micro-icon_sort.svg') left center no-repeat; }
.ad-01-list-pictos li:nth-of-type(3) {    background: transparent url('../img/ads/micro-icon_capture.svg') left center no-repeat; }
.ad-01-list-pictos li:nth-of-type(4) {    background: transparent url('../img/ads/micro-icon_analyze.svg') left center no-repeat; }
.ad-01-list-pictos li:nth-of-type(5) {    background: transparent url('../img/ads/micro-icon_share.svg') left center no-repeat; }

.ad-01-list-pictos--inline li{
  display: inline;
  padding-right: 15px;
  padding-left: 25px;
  white-space: nowrap;
}
.ad-01-list-pictos--inline + p{
  padding-left:0;
}

.adExpress--home .logoMyDartfish {
  width: 100%;
  max-width: 280px;
  margin: 10px 0;
    display: inline-block;
}

.content .colleft .adExpress .box {
  float: none;
  background: transparent;
}


.adExpress--home .box__dark-header h4 {
  text-align: left;
  padding: 0;
}
@media (max-width: 960px) {
  .adExpress--home .box__dark-header h4 {
    padding: 0 10px;
  }
}

.adExpress--home .box__dark-header h4 span{
  display: inline;
}
.adExpress--home img{
  max-width: 100%;
}

.extend-bg-to-full-with {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow: auto;
}


@media (max-width: 960px) {
  .extend-bg-to-full-with {
    width: 100%;
    margin-left: 0;
  }
}


/*----------------------------------------*\
  SPACINGS
\*----------------------------------------*/
/**
 * MARGINS
 * Generate margin classes based on spacing units
 *
 * mrg(|t|r|b|l|h|v)0   => no margin
 * mrg(|t|r|b|l|h|v)--  => 1/4
 * mrg(|t|r|b|l|h|v)-   => 1/2
 * mrg(|t|r|b|l|h|v)    => 1x
 * mrg(|t|r|b|l|h|v)+   => 2x
 * mrg(|t|r|b|l|h|v)++  => 4x
 *
 * {nothing}  => all
 * t          => top
 * r          => right
 * b          => bottom
 * l          => left
 * h          => horizontal (left + right)
 * v          => vertical (top + bottom)
 */
/**
 * PADDINGS
 * Generate padding classes based on spacing units
 *
 * pdg(|t|r|b|l|h|v)0   => no margin
 * pdg(|t|r|b|l|h|v)--  => 1/4
 * pdg(|t|r|b|l|h|v)-   => 1/2
 * pdg(|t|r|b|l|h|v)    => 1x
 * pdg(|t|r|b|l|h|v)+   => 2x
 * pdg(|t|r|b|l|h|v)++  => 4x
 *
 * {nothing}  => all
 * t          => top
 * r          => right
 * b          => bottom
 * l          => left
 * h          => horizontal (left + right)
 * v          => vertical (top + bottom)
 */
.pdg0 {
  padding: 0 !important;
}

.pdgt0 {
  padding-top: 0 !important;
}

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

.pdgb0 {
  padding-bottom: 0 !important;
}

.pdgl0 {
  padding-left: 0 !important;
}

.pdgh0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.pdgv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pdg {
  padding: 1em !important;
}

.pdgt {
  padding-top: 1em !important;
}

.pdgr {
  padding-right: 1em !important;
}

.pdgb {
  padding-bottom: 1em !important;
}

.pdgl {
  padding-left: 1em !important;
}

.pdgh {
  padding-right: 1em !important;
  padding-left: 1em !important;
}

.pdgv {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.pdg-- {
  padding: 0.25em !important;
}

.pdgt-- {
  padding-top: 0.25em !important;
}

.pdgr-- {
  padding-right: 0.25em !important;
}

.pdgb-- {
  padding-bottom: 0.25em !important;
}

.pdgl-- {
  padding-left: 0.25em !important;
}

.pdgh-- {
  padding-right: 0.25em !important;
  padding-left: 0.25em !important;
}

.pdgv-- {
  padding-top: 0.25em !important;
  padding-bottom: 0.25em !important;
}

.pdg- {
  padding: 0.5em !important;
}

.pdgt- {
  padding-top: 0.5em !important;
}

.pdgr- {
  padding-right: 0.5em !important;
}

.pdgb- {
  padding-bottom: 0.5em !important;
}

.pdgl- {
  padding-left: 0.5em !important;
}

.pdgh- {
  padding-right: 0.5em !important;
  padding-left: 0.5em !important;
}

.pdgv- {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

.pdg\+ {
  padding: 2em !important;
}

.pdgt\+ {
  padding-top: 2em !important;
}

.pdgr\+ {
  padding-right: 2em !important;
}

.pdgb\+ {
  padding-bottom: 2em !important;
}

.pdgl\+ {
  padding-left: 2em !important;
}

.pdgh\+ {
  padding-right: 2em !important;
  padding-left: 2em !important;
}

.pdgv\+ {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

.pdg\+\+ {
  padding: 4em !important;
}

.pdgt\+\+ {
  padding-top: 4em !important;
}

.pdgr\+\+ {
  padding-right: 4em !important;
}

.pdgb\+\+ {
  padding-bottom: 4em !important;
}

.pdgl\+\+ {
  padding-left: 4em !important;
}

.pdgh\+\+ {
  padding-right: 4em !important;
  padding-left: 4em !important;
}

.pdgv\+\+ {
  padding-top: 4em !important;
  padding-bottom: 4em !important;
}

.mrg0 {
  margin: 0 !important;
}

.mrgt0 {
  margin-top: 0 !important;
}

.mrgr0 {
  margin-right: 0 !important;
}

.mrgb0 {
  margin-bottom: 0 !important;
}

.mrgl0 {
  margin-left: 0 !important;
}

.mrgh0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mrgv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mrg {
  margin: 1em !important;
}

.mrgt {
  margin-top: 1em !important;
}

.mrgr {
  margin-right: 1em !important;
}

.mrgb {
  margin-bottom: 1em !important;
}

.mrgl {
  margin-left: 1em !important;
}

.mrgh {
  margin-right: 1em !important;
  margin-left: 1em !important;
}

.mrgv {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.mrg-- {
  margin: 0.25em !important;
}

.mrgt-- {
  margin-top: 0.25em !important;
}

.mrgr-- {
  margin-right: 0.25em !important;
}

.mrgb-- {
  margin-bottom: 0.25em !important;
}

.mrgl-- {
  margin-left: 0.25em !important;
}

.mrgh-- {
  margin-right: 0.25em !important;
  margin-left: 0.25em !important;
}

.mrgv-- {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}

.mrg- {
  margin: 0.5em !important;
}

.mrgt- {
  margin-top: 0.5em !important;
}

.mrgr- {
  margin-right: 0.5em !important;
}

.mrgb- {
  margin-bottom: 0.5em !important;
}

.mrgl- {
  margin-left: 0.5em !important;
}

.mrgh- {
  margin-right: 0.5em !important;
  margin-left: 0.5em !important;
}

.mrgv- {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.mrg\+ {
  margin: 2em !important;
}

.mrgt\+ {
  margin-top: 2em !important;
}

.mrgr\+ {
  margin-right: 2em !important;
}

.mrgb\+ {
  margin-bottom: 2em !important;
}

.mrgl\+ {
  margin-left: 2em !important;
}

.mrgh\+ {
  margin-right: 2em !important;
  margin-left: 2em !important;
}

.mrgv\+ {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.mrg\+\+ {
  margin: 4em !important;
}

.mrgt\+\+ {
  margin-top: 4em !important;
}

.mrgr\+\+ {
  margin-right: 4em !important;
}

.mrgb\+\+ {
  margin-bottom: 4em !important;
}

.mrgl\+\+ {
  margin-left: 4em !important;
}

.mrgh\+\+ {
  margin-right: 4em !important;
  margin-left: 4em !important;
}

.mrgv\+\+ {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

@media only screen and (max-width: 639px) {
  .palm--pdg0 {
    padding: 0 !important;
  }

  .palm--pdgt0 {
    padding-top: 0 !important;
  }

  .palm--pdgr0 {
    padding-right: 0 !important;
  }

  .palm--pdgb0 {
    padding-bottom: 0 !important;
  }

  .palm--pdgl0 {
    padding-left: 0 !important;
  }

  .palm--pdgh0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .palm--pdgv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .palm--pdg {
    padding: 1em !important;
  }

  .palm--pdgt {
    padding-top: 1em !important;
  }

  .palm--pdgr {
    padding-right: 1em !important;
  }

  .palm--pdgb {
    padding-bottom: 1em !important;
  }

  .palm--pdgl {
    padding-left: 1em !important;
  }

  .palm--pdgh {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }

  .palm--pdgv {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .palm--pdg-- {
    padding: 0.25em !important;
  }

  .palm--pdgt-- {
    padding-top: 0.25em !important;
  }

  .palm--pdgr-- {
    padding-right: 0.25em !important;
  }

  .palm--pdgb-- {
    padding-bottom: 0.25em !important;
  }

  .palm--pdgl-- {
    padding-left: 0.25em !important;
  }

  .palm--pdgh-- {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }

  .palm--pdgv-- {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }

  .palm--pdg- {
    padding: 0.5em !important;
  }

  .palm--pdgt- {
    padding-top: 0.5em !important;
  }

  .palm--pdgr- {
    padding-right: 0.5em !important;
  }

  .palm--pdgb- {
    padding-bottom: 0.5em !important;
  }

  .palm--pdgl- {
    padding-left: 0.5em !important;
  }

  .palm--pdgh- {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }

  .palm--pdgv- {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

  .palm--pdg\+ {
    padding: 2em !important;
  }

  .palm--pdgt\+ {
    padding-top: 2em !important;
  }

  .palm--pdgr\+ {
    padding-right: 2em !important;
  }

  .palm--pdgb\+ {
    padding-bottom: 2em !important;
  }

  .palm--pdgl\+ {
    padding-left: 2em !important;
  }

  .palm--pdgh\+ {
    padding-right: 2em !important;
    padding-left: 2em !important;
  }

  .palm--pdgv\+ {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .palm--pdg\+\+ {
    padding: 4em !important;
  }

  .palm--pdgt\+\+ {
    padding-top: 4em !important;
  }

  .palm--pdgr\+\+ {
    padding-right: 4em !important;
  }

  .palm--pdgb\+\+ {
    padding-bottom: 4em !important;
  }

  .palm--pdgl\+\+ {
    padding-left: 4em !important;
  }

  .palm--pdgh\+\+ {
    padding-right: 4em !important;
    padding-left: 4em !important;
  }

  .palm--pdgv\+\+ {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .palm--mrg0 {
    margin: 0 !important;
  }

  .palm--mrgt0 {
    margin-top: 0 !important;
  }

  .palm--mrgr0 {
    margin-right: 0 !important;
  }

  .palm--mrgb0 {
    margin-bottom: 0 !important;
  }

  .palm--mrgl0 {
    margin-left: 0 !important;
  }

  .palm--mrgh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .palm--mrgv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .palm--mrg {
    margin: 1em !important;
  }

  .palm--mrgt {
    margin-top: 1em !important;
  }

  .palm--mrgr {
    margin-right: 1em !important;
  }

  .palm--mrgb {
    margin-bottom: 1em !important;
  }

  .palm--mrgl {
    margin-left: 1em !important;
  }

  .palm--mrgh {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }

  .palm--mrgv {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .palm--mrg-- {
    margin: 0.25em !important;
  }

  .palm--mrgt-- {
    margin-top: 0.25em !important;
  }

  .palm--mrgr-- {
    margin-right: 0.25em !important;
  }

  .palm--mrgb-- {
    margin-bottom: 0.25em !important;
  }

  .palm--mrgl-- {
    margin-left: 0.25em !important;
  }

  .palm--mrgh-- {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }

  .palm--mrgv-- {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }

  .palm--mrg- {
    margin: 0.5em !important;
  }

  .palm--mrgt- {
    margin-top: 0.5em !important;
  }

  .palm--mrgr- {
    margin-right: 0.5em !important;
  }

  .palm--mrgb- {
    margin-bottom: 0.5em !important;
  }

  .palm--mrgl- {
    margin-left: 0.5em !important;
  }

  .palm--mrgh- {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }

  .palm--mrgv- {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .palm--mrg\+ {
    margin: 2em !important;
  }

  .palm--mrgt\+ {
    margin-top: 2em !important;
  }

  .palm--mrgr\+ {
    margin-right: 2em !important;
  }

  .palm--mrgb\+ {
    margin-bottom: 2em !important;
  }

  .palm--mrgl\+ {
    margin-left: 2em !important;
  }

  .palm--mrgh\+ {
    margin-right: 2em !important;
    margin-left: 2em !important;
  }

  .palm--mrgv\+ {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .palm--mrg\+\+ {
    margin: 4em !important;
  }

  .palm--mrgt\+\+ {
    margin-top: 4em !important;
  }

  .palm--mrgr\+\+ {
    margin-right: 4em !important;
  }

  .palm--mrgb\+\+ {
    margin-bottom: 4em !important;
  }

  .palm--mrgl\+\+ {
    margin-left: 4em !important;
  }

  .palm--mrgh\+\+ {
    margin-right: 4em !important;
    margin-left: 4em !important;
  }

  .palm--mrgv\+\+ {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .lap--pdg0 {
    padding: 0 !important;
  }

  .lap--pdgt0 {
    padding-top: 0 !important;
  }

  .lap--pdgr0 {
    padding-right: 0 !important;
  }

  .lap--pdgb0 {
    padding-bottom: 0 !important;
  }

  .lap--pdgl0 {
    padding-left: 0 !important;
  }

  .lap--pdgh0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .lap--pdgv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .lap--pdg {
    padding: 1em !important;
  }

  .lap--pdgt {
    padding-top: 1em !important;
  }

  .lap--pdgr {
    padding-right: 1em !important;
  }

  .lap--pdgb {
    padding-bottom: 1em !important;
  }

  .lap--pdgl {
    padding-left: 1em !important;
  }

  .lap--pdgh {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }

  .lap--pdgv {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .lap--pdg-- {
    padding: 0.25em !important;
  }

  .lap--pdgt-- {
    padding-top: 0.25em !important;
  }

  .lap--pdgr-- {
    padding-right: 0.25em !important;
  }

  .lap--pdgb-- {
    padding-bottom: 0.25em !important;
  }

  .lap--pdgl-- {
    padding-left: 0.25em !important;
  }

  .lap--pdgh-- {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }

  .lap--pdgv-- {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }

  .lap--pdg- {
    padding: 0.5em !important;
  }

  .lap--pdgt- {
    padding-top: 0.5em !important;
  }

  .lap--pdgr- {
    padding-right: 0.5em !important;
  }

  .lap--pdgb- {
    padding-bottom: 0.5em !important;
  }

  .lap--pdgl- {
    padding-left: 0.5em !important;
  }

  .lap--pdgh- {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }

  .lap--pdgv- {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

  .lap--pdg\+ {
    padding: 2em !important;
  }

  .lap--pdgt\+ {
    padding-top: 2em !important;
  }

  .lap--pdgr\+ {
    padding-right: 2em !important;
  }

  .lap--pdgb\+ {
    padding-bottom: 2em !important;
  }

  .lap--pdgl\+ {
    padding-left: 2em !important;
  }

  .lap--pdgh\+ {
    padding-right: 2em !important;
    padding-left: 2em !important;
  }

  .lap--pdgv\+ {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .lap--pdg\+\+ {
    padding: 4em !important;
  }

  .lap--pdgt\+\+ {
    padding-top: 4em !important;
  }

  .lap--pdgr\+\+ {
    padding-right: 4em !important;
  }

  .lap--pdgb\+\+ {
    padding-bottom: 4em !important;
  }

  .lap--pdgl\+\+ {
    padding-left: 4em !important;
  }

  .lap--pdgh\+\+ {
    padding-right: 4em !important;
    padding-left: 4em !important;
  }

  .lap--pdgv\+\+ {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .lap--mrg0 {
    margin: 0 !important;
  }

  .lap--mrgt0 {
    margin-top: 0 !important;
  }

  .lap--mrgr0 {
    margin-right: 0 !important;
  }

  .lap--mrgb0 {
    margin-bottom: 0 !important;
  }

  .lap--mrgl0 {
    margin-left: 0 !important;
  }

  .lap--mrgh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .lap--mrgv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .lap--mrg {
    margin: 1em !important;
  }

  .lap--mrgt {
    margin-top: 1em !important;
  }

  .lap--mrgr {
    margin-right: 1em !important;
  }

  .lap--mrgb {
    margin-bottom: 1em !important;
  }

  .lap--mrgl {
    margin-left: 1em !important;
  }

  .lap--mrgh {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }

  .lap--mrgv {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .lap--mrg-- {
    margin: 0.25em !important;
  }

  .lap--mrgt-- {
    margin-top: 0.25em !important;
  }

  .lap--mrgr-- {
    margin-right: 0.25em !important;
  }

  .lap--mrgb-- {
    margin-bottom: 0.25em !important;
  }

  .lap--mrgl-- {
    margin-left: 0.25em !important;
  }

  .lap--mrgh-- {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }

  .lap--mrgv-- {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }

  .lap--mrg- {
    margin: 0.5em !important;
  }

  .lap--mrgt- {
    margin-top: 0.5em !important;
  }

  .lap--mrgr- {
    margin-right: 0.5em !important;
  }

  .lap--mrgb- {
    margin-bottom: 0.5em !important;
  }

  .lap--mrgl- {
    margin-left: 0.5em !important;
  }

  .lap--mrgh- {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }

  .lap--mrgv- {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .lap--mrg\+ {
    margin: 2em !important;
  }

  .lap--mrgt\+ {
    margin-top: 2em !important;
  }

  .lap--mrgr\+ {
    margin-right: 2em !important;
  }

  .lap--mrgb\+ {
    margin-bottom: 2em !important;
  }

  .lap--mrgl\+ {
    margin-left: 2em !important;
  }

  .lap--mrgh\+ {
    margin-right: 2em !important;
    margin-left: 2em !important;
  }

  .lap--mrgv\+ {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .lap--mrg\+\+ {
    margin: 4em !important;
  }

  .lap--mrgt\+\+ {
    margin-top: 4em !important;
  }

  .lap--mrgr\+\+ {
    margin-right: 4em !important;
  }

  .lap--mrgb\+\+ {
    margin-bottom: 4em !important;
  }

  .lap--mrgl\+\+ {
    margin-left: 4em !important;
  }

  .lap--mrgh\+\+ {
    margin-right: 4em !important;
    margin-left: 4em !important;
  }

  .lap--mrgv\+\+ {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }
}
@media only screen and (max-width: 959px) {
  .portable--pdg0 {
    padding: 0 !important;
  }

  .portable--pdgt0 {
    padding-top: 0 !important;
  }

  .portable--pdgr0 {
    padding-right: 0 !important;
  }

  .portable--pdgb0 {
    padding-bottom: 0 !important;
  }

  .portable--pdgl0 {
    padding-left: 0 !important;
  }

  .portable--pdgh0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .portable--pdgv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .portable--pdg {
    padding: 1em !important;
  }

  .portable--pdgt {
    padding-top: 1em !important;
  }

  .portable--pdgr {
    padding-right: 1em !important;
  }

  .portable--pdgb {
    padding-bottom: 1em !important;
  }

  .portable--pdgl {
    padding-left: 1em !important;
  }

  .portable--pdgh {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }

  .portable--pdgv {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .portable--pdg-- {
    padding: 0.25em !important;
  }

  .portable--pdgt-- {
    padding-top: 0.25em !important;
  }

  .portable--pdgr-- {
    padding-right: 0.25em !important;
  }

  .portable--pdgb-- {
    padding-bottom: 0.25em !important;
  }

  .portable--pdgl-- {
    padding-left: 0.25em !important;
  }

  .portable--pdgh-- {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }

  .portable--pdgv-- {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }

  .portable--pdg- {
    padding: 0.5em !important;
  }

  .portable--pdgt- {
    padding-top: 0.5em !important;
  }

  .portable--pdgr- {
    padding-right: 0.5em !important;
  }

  .portable--pdgb- {
    padding-bottom: 0.5em !important;
  }

  .portable--pdgl- {
    padding-left: 0.5em !important;
  }

  .portable--pdgh- {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }

  .portable--pdgv- {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

  .portable--pdg\+ {
    padding: 2em !important;
  }

  .portable--pdgt\+ {
    padding-top: 2em !important;
  }

  .portable--pdgr\+ {
    padding-right: 2em !important;
  }

  .portable--pdgb\+ {
    padding-bottom: 2em !important;
  }

  .portable--pdgl\+ {
    padding-left: 2em !important;
  }

  .portable--pdgh\+ {
    padding-right: 2em !important;
    padding-left: 2em !important;
  }

  .portable--pdgv\+ {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .portable--pdg\+\+ {
    padding: 4em !important;
  }

  .portable--pdgt\+\+ {
    padding-top: 4em !important;
  }

  .portable--pdgr\+\+ {
    padding-right: 4em !important;
  }

  .portable--pdgb\+\+ {
    padding-bottom: 4em !important;
  }

  .portable--pdgl\+\+ {
    padding-left: 4em !important;
  }

  .portable--pdgh\+\+ {
    padding-right: 4em !important;
    padding-left: 4em !important;
  }

  .portable--pdgv\+\+ {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .portable--mrg0 {
    margin: 0 !important;
  }

  .portable--mrgt0 {
    margin-top: 0 !important;
  }

  .portable--mrgr0 {
    margin-right: 0 !important;
  }

  .portable--mrgb0 {
    margin-bottom: 0 !important;
  }

  .portable--mrgl0 {
    margin-left: 0 !important;
  }

  .portable--mrgh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .portable--mrgv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .portable--mrg {
    margin: 1em !important;
  }

  .portable--mrgt {
    margin-top: 1em !important;
  }

  .portable--mrgr {
    margin-right: 1em !important;
  }

  .portable--mrgb {
    margin-bottom: 1em !important;
  }

  .portable--mrgl {
    margin-left: 1em !important;
  }

  .portable--mrgh {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }

  .portable--mrgv {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .portable--mrg-- {
    margin: 0.25em !important;
  }

  .portable--mrgt-- {
    margin-top: 0.25em !important;
  }

  .portable--mrgr-- {
    margin-right: 0.25em !important;
  }

  .portable--mrgb-- {
    margin-bottom: 0.25em !important;
  }

  .portable--mrgl-- {
    margin-left: 0.25em !important;
  }

  .portable--mrgh-- {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }

  .portable--mrgv-- {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }

  .portable--mrg- {
    margin: 0.5em !important;
  }

  .portable--mrgt- {
    margin-top: 0.5em !important;
  }

  .portable--mrgr- {
    margin-right: 0.5em !important;
  }

  .portable--mrgb- {
    margin-bottom: 0.5em !important;
  }

  .portable--mrgl- {
    margin-left: 0.5em !important;
  }

  .portable--mrgh- {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }

  .portable--mrgv- {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .portable--mrg\+ {
    margin: 2em !important;
  }

  .portable--mrgt\+ {
    margin-top: 2em !important;
  }

  .portable--mrgr\+ {
    margin-right: 2em !important;
  }

  .portable--mrgb\+ {
    margin-bottom: 2em !important;
  }

  .portable--mrgl\+ {
    margin-left: 2em !important;
  }

  .portable--mrgh\+ {
    margin-right: 2em !important;
    margin-left: 2em !important;
  }

  .portable--mrgv\+ {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .portable--mrg\+\+ {
    margin: 4em !important;
  }

  .portable--mrgt\+\+ {
    margin-top: 4em !important;
  }

  .portable--mrgr\+\+ {
    margin-right: 4em !important;
  }

  .portable--mrgb\+\+ {
    margin-bottom: 4em !important;
  }

  .portable--mrgl\+\+ {
    margin-left: 4em !important;
  }

  .portable--mrgh\+\+ {
    margin-right: 4em !important;
    margin-left: 4em !important;
  }

  .portable--mrgv\+\+ {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .portable--mrgt0\- {
    margin-top: -1em !important;
  }


}
@media only screen and (min-width: 960px) {
  .desk--pdg0 {
    padding: 0 !important;
  }

  .desk--pdgt0 {
    padding-top: 0 !important;
  }

  .desk--pdgr0 {
    padding-right: 0 !important;
  }

  .desk--pdgb0 {
    padding-bottom: 0 !important;
  }

  .desk--pdgl0 {
    padding-left: 0 !important;
  }

  .desk--pdgh0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .desk--pdgv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .desk--pdg {
    padding: 1em !important;
  }

  .desk--pdgt {
    padding-top: 1em !important;
  }

  .desk--pdgr {
    padding-right: 1em !important;
  }

  .desk--pdgb {
    padding-bottom: 1em !important;
  }

  .desk--pdgl {
    padding-left: 1em !important;
  }

  .desk--pdgh {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }

  .desk--pdgv {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .desk--pdg-- {
    padding: 0.25em !important;
  }

  .desk--pdgt-- {
    padding-top: 0.25em !important;
  }

  .desk--pdgr-- {
    padding-right: 0.25em !important;
  }

  .desk--pdgb-- {
    padding-bottom: 0.25em !important;
  }

  .desk--pdgl-- {
    padding-left: 0.25em !important;
  }

  .desk--pdgh-- {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }

  .desk--pdgv-- {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }

  .desk--pdg- {
    padding: 0.5em !important;
  }

  .desk--pdgt- {
    padding-top: 0.5em !important;
  }

  .desk--pdgr- {
    padding-right: 0.5em !important;
  }

  .desk--pdgb- {
    padding-bottom: 0.5em !important;
  }

  .desk--pdgl- {
    padding-left: 0.5em !important;
  }

  .desk--pdgh- {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }

  .desk--pdgv- {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

  .desk--pdg\+ {
    padding: 2em !important;
  }

  .desk--pdgt\+ {
    padding-top: 2em !important;
  }

  .desk--pdgr\+ {
    padding-right: 2em !important;
  }

  .desk--pdgb\+ {
    padding-bottom: 2em !important;
  }

  .desk--pdgl\+ {
    padding-left: 2em !important;
  }

  .desk--pdgh\+ {
    padding-right: 2em !important;
    padding-left: 2em !important;
  }

  .desk--pdgv\+ {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .desk--pdg\+\+ {
    padding: 4em !important;
  }

  .desk--pdgt\+\+ {
    padding-top: 4em !important;
  }

  .desk--pdgr\+\+ {
    padding-right: 4em !important;
  }

  .desk--pdgb\+\+ {
    padding-bottom: 4em !important;
  }

  .desk--pdgl\+\+ {
    padding-left: 4em !important;
  }

  .desk--pdgh\+\+ {
    padding-right: 4em !important;
    padding-left: 4em !important;
  }

  .desk--pdgv\+\+ {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .desk--mrg0 {
    margin: 0 !important;
  }

  .desk--mrgt0 {
    margin-top: 0 !important;
  }

  .desk--mrgr0 {
    margin-right: 0 !important;
  }

  .desk--mrgb0 {
    margin-bottom: 0 !important;
  }

  .desk--mrgl0 {
    margin-left: 0 !important;
  }

  .desk--mrgh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .desk--mrgv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .desk--mrg {
    margin: 1em !important;
  }

  .desk--mrgt {
    margin-top: 1em !important;
  }

  .desk--mrgr {
    margin-right: 1em !important;
  }

  .desk--mrgb {
    margin-bottom: 1em !important;
  }

  .desk--mrgl {
    margin-left: 1em !important;
  }

  .desk--mrgh {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }

  .desk--mrgv {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .desk--mrg-- {
    margin: 0.25em !important;
  }

  .desk--mrgt-- {
    margin-top: 0.25em !important;
  }

  .desk--mrgr-- {
    margin-right: 0.25em !important;
  }

  .desk--mrgb-- {
    margin-bottom: 0.25em !important;
  }

  .desk--mrgl-- {
    margin-left: 0.25em !important;
  }

  .desk--mrgh-- {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }

  .desk--mrgv-- {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }

  .desk--mrg- {
    margin: 0.5em !important;
  }

  .desk--mrgt- {
    margin-top: 0.5em !important;
  }

  .desk--mrgr- {
    margin-right: 0.5em !important;
  }

  .desk--mrgb- {
    margin-bottom: 0.5em !important;
  }

  .desk--mrgl- {
    margin-left: 0.5em !important;
  }

  .desk--mrgh- {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }

  .desk--mrgv- {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .desk--mrg\+ {
    margin: 2em !important;
  }

  .desk--mrgt\+ {
    margin-top: 2em !important;
  }

  .desk--mrgr\+ {
    margin-right: 2em !important;
  }

  .desk--mrgb\+ {
    margin-bottom: 2em !important;
  }

  .desk--mrgl\+ {
    margin-left: 2em !important;
  }

  .desk--mrgh\+ {
    margin-right: 2em !important;
    margin-left: 2em !important;
  }

  .desk--mrgv\+ {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .desk--mrg\+\+ {
    margin: 4em !important;
  }

  .desk--mrgt\+\+ {
    margin-top: 4em !important;
  }

  .desk--mrgr\+\+ {
    margin-right: 4em !important;
  }

  .desk--mrgb\+\+ {
    margin-bottom: 4em !important;
  }

  .desk--mrgl\+\+ {
    margin-left: 4em !important;
  }

  .desk--mrgh\+\+ {
    margin-right: 4em !important;
    margin-left: 4em !important;
  }

  .desk--mrgv\+\+ {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .en .en--desk--pdgb- {
    padding-bottom: 0.5em !important;
  }
}