/* generic */
section.content-container #content {
  padding:0 15px;
  display:block;
}

section#content #maincontent #maincontent_bg{
  /*background-image:url("/fileadmin/templates/webcasting/images/bg-webcasting.jpg");*/
}

#maincontent a{
  color:#000000;
}  

#maincontent #content-left{
  flex-grow:0;
}  

#maincontent #content-right{
  float:left;
  width: 209px;   
}  

.ui-tooltip{
  color:#ffffff;
  background-color:#5A9B4F;
}

.ui-dialog{
  background-color: #484848;
  border:1px solid #B9BAB9 !important;
}

.ui-dialog #confirm-copy{
  color:#ffffff;
}

.ui-dialog-title{
  color:#ffffff;
}

#maincontent_bg .content-right {
  margin-bottom:30px;
}

#maincontent_bg .content-right .content-tabs div#c309780 {
  padding-bottom:0;
}

/* tabs */

.ui-tabs {
  padding: 0;
}

ul.ui-tabs-nav{
  /*background-color: #1E1E1E;*/
  background-color: #ffffff;
}

.ui-widget-content {
  border: 0 none;
}

.ui-widget-header {
  border: 0;
}

.ui-tabs .ui-tabs-panel {
  /*background: none;*/
  padding: 5px 10px 15px;
}

ul.ui-tabs-nav li a span{
  font-size:16px;
}

.ui-tabs .ui-tabs-nav li{
  left: -4px;
  top: 0;
  margin: 1px 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin: 1px 0 -1px 2px;
}

.ui-tabs .ui-tabs-nav {
  padding: 0 0 0 2px;
}

li#li-tab-archive{
  padding: 8px 15px 0;
  font-size: 16px;
  color:#000000;
}

li#li-tab-archive:hover{
  color:#000000;
  cursor: pointer;
}

/* content twitter */
div.box-home-twitter{
  margin-bottom: 15px;
  margin-top: 40px;
  width: 215px; 
}

/* content CUSTOM twitter */
div.box-home-twitter-custom{
  display:none;
  margin-bottom: 15px;
  margin-top: 40px;
  width: 215px; 
}


/* player */
div#c255612{
  width:auto;
  background-color:#EDEDED;
  color:#000000;
  /*
  min-height: 1010px; 
  height:auto !important; 
  height: 1010px; 
  */
  padding: 10px;
}

/* today - coming up */
div#tabs-today-coming-up{
  background-color: #424343;
  color: #FFFFFF;
  margin: 0 0 20px 0;
  width: 210px;
}

/* today - coming up */
div#tabs-calendar{
  color: #FFFFFF;
  margin: 0;
  width: 210px;
}

div#tabs-calendar .c-events-name{
  font-style:italic;
  font-size:0.9em;
  text-transform: uppercase;
  width:100%;
  padding:5px 5px 0;
}
  
div#tabs-calendar .header-calendar{
  background-color: #ededed;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  /*margin-left: -2px;*/
  padding: 8px 10px 0;
  width: 194px;
}

/* highlights - archive */
div#tabs-archive{
  color: #FFFFFF;
  margin: 0;
  width: 210px;
}

div#tabs-archive .header-archive{
  background-color: #ededed;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  /*margin-left: -2px;*/
  padding: 8px 10px 0;
  width: 194px;
}

#c304688{
  padding:0 0 10px;
  background-color: #ededed;
  /*margin:-2px;*/
  width:214px;
}

#c304688 p{
  padding:0;
  margin:0;
}

div#c255617,
div#c255621,
div#c255700,
div#c309780{
  /*margin: 0 -2px;*/
  width: 206px;
}

/* today */
div#c255617 .tx-dynalist-pi1{
  max-height: 285px;
}

/* coming up */
div#c255621 .tx-dynalist-pi1{
  max-height: 285px;
}

/* highlights */
div#c255624{
  margin-top:20px;
  background-color: #ededed;
}

div#c255624 .tx-dynalist-pi1{
  padding:10px;
  margin-top:-10px;
  margin-right:-10px;
}

/* calendar */
div#c309780 .tx-dynalist-pi1{
  max-height: 830px;
}

div#c255624 .csc-header{
  padding:10px 10px 0 10px;
}

div#c255624 .csc-header h3{
  margin:0;
  font-size:16px;
  background-color:#ffffff;
  font-weight:bold;
  padding: 8px 5px;
  border:0;
} 

/* archive */
div#c255700{
  background-color: #ededed;
  padding: 10px;  
  color:#000000;
  font-size:12px;
} 

div#c255700 .tx-dynalist-pi1{
  max-height: 565px;
}

/* calendar */
div#c309780{
  background-color: #ededed;
  padding: 10px;  
  color:#000000;
  font-size:12px;
} 

div#c309780 .tx-dynalist-pi1{
  /*max-height: 565px;*/
}

/* Start - Box Today */

/*
.content-box-today .c-items{
  margin-top:10px;
  background-color: #424343;
  min-height: 75px; 
  height:auto !important; 
  height: 75px; 
}

.content-box-today .c-images{
  float: left;
  padding: 5px 10px 0 5px;
  height:62px;
  width:110px;
  overflow:hidden;  
}

.content-box-today .c-images img{
  border:0;
}

.content-box-today .c-title{
  font-weight:bold;
}

.content-box-today .row{
  padding:2px 0 0;
}
*/


.content-box-today .c-items{
  margin-top:10px;
  background-color: #ffffff;
  min-height: 120px; 
  height:auto !important; 
  height: 120px;   
}

.content-box-today .c-images{
  float: left;
  padding: 5px;
  height:50px;
}

.content-box-today .c-images-content{
  height:50px;
  width:90px;
  overflow:hidden;
  border: 1px solid #000000;  
}

.content-box-today .c-images img{
  border:0;
}

.content-box-today .c-title{
  font-weight:bold;
  padding: 10px 10px 0;
}

.content-box-today .c-abstract{
  padding: 0 5px 5px;
  color:#000000;
}

.content-box-today .c-abstract .time{
}

.content-box-today .c-start{
  clear: both;
  padding: 0 0 5px;
  color:#000000;
  text-align:right;
}

.content-box-today .c-start span{
  float:right;
  font-weight:bold;
}

.content-box-today .row{
  padding: 3px 0;
}

/* End - Box Today */

/* Start - Box Coming Up */

.content-box-coming-up .c-items{
  margin-top:10px;
  background-color: #ffffff;
  color:#000000;
  min-height: 130px; 
  height:auto !important; 
  height: 130px;   
}

.content-box-coming-up .c-images{
  float: left;
  padding: 5px;
  height:50px;
}

.content-box-coming-up .c-images-content{
  height:50px;
  width:90px;
  overflow:hidden;
  border: 1px solid #000000;  
}

.content-box-coming-up .c-images img{
  border:0;
}

.content-box-coming-up .c-title{
  font-weight:bold;
  padding: 10px 10px 0;
}

.content-box-coming-up .c-abstract{
  padding: 0 5px 5px;
  
}

.content-box-coming-up .c-abstract .date{
  font-weight:bold;
}

.content-box-coming-up .c-start{
  padding: 0 0 5px;
  float:left;
  width:57%;
  text-align:right;
}

.content-box-coming-up .c-location{
  clear:both;
  padding:0 0 0 4px;
  float:left;
  width:40%;
  text-align:left;
}

.content-box-coming-up .c-location span{
  font-weight:bold;
}

.content-box-coming-up .row{
  padding: 3px 0;
}

/* End - Box Coming Up */

/* Start - Box Highlights */

.content-box-highlights {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.content-box-highlights .c-items {
  background-color: #ffffff;
  color: #000000;
  flex-grow: 1;
  flex: 1 1 48%;
  font-size: 12px;
  margin:10px 10px 0 0;
}

@media screen and (min-width:768px) {
  .content-box-highlights .c-items {
    flex:1 1 30%;
  }
}

.content-box-highlights .c-events-name{
  font-style:italic;
  font-size:0.9em;
  text-transform: uppercase;
  padding: 5px 10px 0;
}


/* info box About FAO webcast */
#c307162{
  font-size: 12px;
  padding: 10px 2px;
}

#c307162 h3{
  padding:0;
  margin:0;
  border:0;
}

.content-box-highlights .c-items:hover{
  /*background-color: #000000;*/
}

.content-box-highlights .c-images{
  float: left;
  padding: 10px;
  width:auto;
  overflow:hidden;    
  padding: 10px 10px 2px;
  height:80px;
  margin:0 !important;
}

.content-box-highlights .c-images-content{
  height:62px;
  width:110px;
  overflow:hidden;
  border: 1px solid #000000;  
}

.content-box-highlights .c-images img{
  border:0;
}

.content-box-highlights .c-title{
  font-weight:bold;
  padding: 10px 10px 0;      
}

.content-box-highlights .c-abstract{
  padding: 7px 5px 5px 10px;
}

.content-box-highlights .c-date-event{
  clear:both;
  padding: 0 4px 10px 10px;
  font-weight:bold;
}

/* End - Box Highlights */

/* Start - Box Archive */

.content-box-archive .c-items{
  background-color: #ffffff;
  /*
  height: auto !important;
  margin-top: 10px;
  min-height: 120px;
  */
  margin-bottom: 10px;
}

.content-box-archive .c-images{
  float: left;
  padding: 5px;
  height:50px;
}

.content-box-archive .c-images-content{
  height:50px;
  width:90px;
  overflow:hidden;
  border: 1px solid #000000;  
}

.content-box-archive .c-images img{
  border:0;
}

.content-box-archive .c-title{
  font-weight:bold;
  padding: 10px 10px 0;
}

.content-box-archive .c-abstract{
  padding: 1px 5px;
}

.content-box-archive .c-abstract .date{
  font-weight:bold;
}

.content-box-archive .c-date-event{
  padding: 0 10px 5px;
  font-weight:bold;
}

/* End - Box Archive */

/* Start - Box Calendar */

.content-box-calendar div.live {
  background-color: #ff0000;
  color: #ffffff;
  float: right;
  margin: 2px 2px 0 0;
  padding: 1px 5px;
  text-align: center;
}

.content-box-calendar .c-items{
  background-color: #ffffff;
  /*
  height: auto !important;
  margin-top: 10px;
  min-height: 120px;
  */
  margin-bottom: 10px;
}

.content-box-calendar .c-images{
  float: left;
  padding: 5px;
  height:50px;
}

.content-box-calendar .c-images-content{
  height:50px;
  width:90px;
  overflow:hidden;
  border: 1px solid #000000;  
}

.content-box-calendar .c-images img{
  border:0;
}

.content-box-calendar .c-title{
  font-weight:bold;
  padding: 5px 6px 0;
}

.content-box-calendar .c-abstract{
  padding: 1px 5px;
}

.content-box-calendar .c-abstract .date{
  font-weight:bold;
}

.content-box-calendar .c-date-event{
  padding: 0 10px 5px;
  font-weight:bold;
}

/* End - Box Calendar */

/* Start - Box Top Player */


.content-box-player-top div.date{
  float:right;
}

.content-box-player-top div.live{
  background-color: #ff0000;
  color: #ffffff;
  padding: 5px;
  width:50px;
  text-align:center;
  float:right;
  margin:5px 0 0 10px;
}

.content-box-player-top a:link,
.content-box-player-top a:visited,
.content-box-player-top a:hover{
  color:#ffffff;
}

.content-box-player-top .c-events-name{
  font-style:italic;
  font-size:0.9em;
  text-transform: uppercase;
  width:100%;
}

.content-box-player-top .c-title{
  float:left;
  width:470px;
}

.content-box-player-top .c-title h3{
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.content-box-player-top .c-title .location{
  font-size: 12px;
  padding-bottom:5px;
}

.content-box-player-top .c-player #lv_video{
  text-align:center;
}

.content-box-player-top .c-player #lv_video img{
  width:100%;
}

.content-box-player-top .c-abstract p{
  padding:0;
  margin:0;
}

.content-box-player-top .c-participants p{
  padding:5px;
  margin:0;
}


.content-box-player-top .c-date-event{
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 5px 0;
  text-align: right;
  width: 200px;
}

.content-box-player-top .c-embed{
  padding:0;
  /*min-height: 328px; 
  height:auto !important; 
  height: 328px;*/
  height:auto !important; 
  height: 250px;   
}

.content-box-player-top .c-links span{
  padding:5px 0;
}

.content-box-player-top .c-links ul{
  padding:0;
  margin:5px 0 0 15px;
}

.content-box-player-top .c-links span.link a,
.content-box-player-top .c-links span.link a:hover{
  text-decoration:underline;
}

.content-box-player-top .c-documents span{
  padding:5px 0;
  font-weight:bold;
}

.content-box-player-top .c-documents ul {
  margin: 5px 0 0 15px;
  padding: 0;
}

.content-box-player-top .c-documents ul li img{
  width:18px;
  margin-right:5px;
}

.content-box-player-top .row{
  border-top:1px solid #cacaca; 
  padding: 4px;
  margin:0;
}

.content-box-player-top .c-language{
  margin-right:10px;
}

.content-box-player-top .c-embed-code{
  margin-right:10px;
}

.content-box-player-top .c-direct-link{
  margin-right:10px;
  width:350px;
}

.content-box-player-top .c-direct-link input{
  width:100%;
  cursor:pointer;
  padding:2px;
}

.c-direct-link .copied {
  position: absolute;
  background: #fff;
  color: #212529;
  font-weight: bold;
  z-index: 99;
  width: 99%;
  top: 0;
  text-align: center;
  padding:2px;  
  display: none;
  font-size: 14px;
  margin:2px 1px;
}

.content-box-player-top #content_pul{
  padding:3px 10px;
}

.content-box-player-top #content_pul a:link,
.content-box-player-top #content_pul a:visited,
.content-box-player-top #content_pul a:hover{
  color:#000000;
  text-decoration:none;
}

.content-box-player-top #content_pul .pul{
  float:left;
  padding:0 5px;
}

.content-box-player-top .pul:link,
.content-box-player-top .pul:visited{

}

.content-box-player-top .pul:hover,
.content-box-player-top .active{
  background-color:#c6c6c6;
}

.content-box-player-top .options-player{
  float:left;
  position:relative;
}

.content-box-player-top .c-options-player{
  padding-top:5px;
  padding-bottom:5px;
}

/* dropdown language */
.content-box-player-top #choose-language{
  font-size:14px;
  border:1px solid #CECECE;
  height:28px;
  background:none #fff !important;
  color:#000000;
  -webkit-appearance: button;
}

/* embed code */
.content-box-player-top #embed-code{
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  width: 180px;
  display:none;
}

.content-box-player-top #embed-event{
  background-color:#ffffff;
  padding:2px;
  border:1px solid #CECECE;
  cursor:pointer;
}

.content-box-player-top #c-direct-link{
  border:1px solid #CECECE;
  padding:3px;  
  cursor:pointer;
} 

.content-box-player-top .addthis_toolbox{
  width:100%;
}

div.bootstrap-select button.dropdown-toggle {
  display:none;
}

/* End - Box Top Player */

/* Start - Search Button */

div#c256530{
  position: absolute;
  right: 30px;
}

div#c256530 #button_search,
.button_search{
  border:0 !important;
  background-color: #C1C1C1;
  color: #1E1E1E !important;
  padding:5px 10px;
  margin:0;
  font-size:12px;
  font-weight:800;
}

#content_button_search_2{
  float: right;
  margin-top: -3px;
}

/* End - Search Button */

/* Start - Rss */

div#c256214{
  position: absolute;
  right: 220px;
}

div#c256214 img{
  border:0;
  height:27px;
}

/* End - Rss */

/* Start - Share Options  */

div.content-box-player-top .c-share{
  float:right;
  padding:4px 0;
}

div.content-box-player-top .c-share #open-share{
  border:0px !important;
}

div.content-box-player-top .c-share .ui-button-text{
  background-color: #C1C1C1;
  border: 1px solid #2E2F2E !important;
  color: #1E1E1E !important;
}

div#share_options{
  display:none;
}

div#share_options .embed .label{
  font-size:24px;
  color:#000000;
}

div#share_options .embed textarea{
  width:99%;
  height:130px;
  background-color:#EDEDED;
  border:3px solid #4a4a4a;
  color:#000000;
  margin-bottom: 10px;
}

div#share_options .content-add-this{
  border-top: 1px dotted #575757;
  margin-top: 10px;
  padding-top: 10px;
}

div#share_options .content-add-this .addthis{
  float:right;
  padding: 10px;
}

div#share_options .addthis_toolbox {
  width: 152px;
}

div#share_options .link_share{
  display:none;
}

.ui-dialog button{
  border:0 !important;
  background-color: #B9BAB9 !important;
}

/* End - Share Options  */

/* Start - Twitter */

.timeline-header{
  padding:3px 12px 0;
}

/* End - Twitter */

/* Start - Webcast Banner */

div.content-webcast-banner{
  background-color:#ffffff;
}

div.webcast-banner{
  padding:10px; 
  background: url(/fileadmin/templates/faoweb/images/water2-bg.jpg) no-repeat 28% 0%; 
  font-weight: bold; 
  color:#ffffff !important; 
  /*margin-bottom: 10px;*/
  margin: -10px -10px 10px;
  border-bottom: 15px solid #ffffff;
}

div.webcast-banner p{
  color:#ffffff;
}

div.webcast-banner a{
  text-decoration: underline; 
  color:#ffffff !important;
}

div.webcast-banner a:hover{
  text-decoration: underline; 
  color:#e0e0e0 !important;
}

.meride-video-container{
  margin-bottom: 10px;
}
/* End - Webcast Banner */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  div.box-home-twitter {
    display:none;
  }
}

#maincontent .content-box-player-top .custom-select {
  height:28px;
}