/* tsipizic fix */
.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {
	padding: 0px;
}


.flag-icon{
	width: 31px;
	height: 31px;
	padding: 3px;
	margin: 2px;
	float: left;
}
.lang_change {display: inline-block; margin-right: 5px;}
.lang_change .flag-icon {height: auto;}

#go_back_to_live_btn{
	margin-left: 10px;
	width: 200px;
}

@media only screen and (max-width: 768px){
    #calendar2list { display: none; }
}

@media only screen and (max-width: 960px) {
    #go_back_to_live_btn{
	margin: 0 auto;
	display: block;
	width: 200px;
    }
}

#timetable_container_scroll{
	cursor: col-resize;
}

.page-taxonomy .wp-pagenavi .disabled{
    display: none;
}

/* tsipizic fix width on pages */
.page-contact #content{
	margin-left: 20px;
}
/* quick fix empty quotes at room */
body.node-type-room #wrapper,body.node-type-room .embed_not_live{
    margin-top: -1.5em;
}

/* tsipizic newsletter button */
#newsletter_subscribe_button{
	color: #FFFFFF;
	background-color: #6FA8D9;

	padding: 6px 10px;
	display: inline-block;

}

.subscribe_popup a{
	color:  #6FA8D9;
}

/*calendar fixes vasilikik*/
.views-exposed-form .views-exposed-widget {
  padding: 0; /* LTR */ /* edited by vasilikik*/
}
.view .date-nav-wrapper  {
  width: 100%; /*edited by vasilikik*/
}
.calendar-calendar td a {
  font-size: 88%; /* edited by vasilikik*/
}

/*hide translation links in webform*/
.node-webform a.translation-link {
	display:none;
}
/*hide translation links in webform*/


/* SPEAKERi */

body.node-type-speaker #content h5{
	margin-top:1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

body.node-type-speaker .icon-external-link{
	padding:0 0.5em;
}


/* ios player */

#video-frame .flowplayer.diavlos_player > div{
	height: auto!important;
	width: auto!important;
}

/* tsipizic room more */
.node-room #session_description_more{
        color: white;
        background: #d4d4d4;
}

.node-room #session_description_more:hover{
        background:#6fa8d9;
}

/*  alvaf   20191004  */
.node-room #credits_description_more{
        color: white;
        background: #d4d4d4;
}

.node-room #credits_description_more:hover{
        background:#6fa8d9;
}

.nine.columns.readmore-js-toggle {
  margin-left: 0;
}
/*  alvaf   end  */

/* tsipizic event more */
.node-event #event_description_more{
        color: white;
        background: #d4d4d4;
}

.node-event #event_description_more:hover{
        background:#6fa8d9;
}

/* tsipizic hover twitter icon */
#vid-buttons .vid-button.share-button li:hover a i{
	background: none repeat scroll 0 0 rgb(109, 109, 109);
}
#vid-buttons .vid-button.share-button li a i{
	width: 1.5em;
	color: #eee;
}

/*tsipizic */
.embed_not_live{
	width: 480px;
}

.not_live_img{
	display: block;
}

/* tsipizic fix drupal awkwardness */
#comments .form-item-name:before, .contact-form .form-item-name:before{
	content: "";
}

/* tsipizic hijack */
#newsletter_range{
	display: none;
}

.comment{
	padding-top: 0px;
}
.comments-list{
	margin-top: 0px;
	margin-left: 0px;
}

.comment > article{
	margin-bottom: 0px;
}
.comment-content .row{
	margin-bottom: 0px;
}

.node-type-room #comments{
	width: 480px;
	max-width: 100%;
}

/* hide some comment options */
.comments-content-wrap li.comment-edit,.comments-content-wrap li.comment-reply,.comments-content-wrap li.comment-approve{
	display: none;
}

/*
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700,800,300&subset=latin,greek);

body.html{
	font-family:'Open Sans'!important;
	overflow-x:hidden; /*added by kkaraogl for horizontal scrollbar*/
}

h1, h2, h3, h4, h5, h6{
	font-weight:400;
}
/* hide synedria */
ul#admin-menu-menu > li:nth-child(2) > ul > li:nth-child(2) > ul > li:nth-child(7){
	display: none !important;
}
/* hide aithousa */
ul#admin-menu-menu > li:nth-child(2) > ul > li:nth-child(2) > ul > li:nth-child(5){
	display: none !important;
}

/*custom.css*/

/*=======================================================================
*** PORTO_SUB STYLE SHEET***
========================================================================*/
/*8888*/

/* make the view menu item, visible when ser logged in! */
li.leaf {
	padding: 0;
}

li.leaf a.myviewmenuitem {
	padding: 9px 20px 8px;
	color: #1E1E1E;
	display: block;
}

.contextual-links-region {
	overflow: visible;
}





/* COMMENTS */

/* nothing can be as dirty as css */

#comment-body-add-more-wrapper--2 .form-item > label{
	display:none;
}

#comments .comments-content-wrap .comment > h3 > a {
   pointer-events: none;
   cursor: default;
}


#comments .comments-content-wrap .comment ul.links{
	padding:0px;
	margin:0px;
}

#comments .comments-content-wrap .comment ul.links li.comment-delete{
	padding: 0px;
}


#comments .comments-content-wrap .comment ul.links li.comment-delete a{
	background: rgba(0,0,0,.1);
	padding: 0.5em 1em;
	display:inline-block;
	margin:0.5em 0em;
}

#comments .comments-content-wrap .comment .comment-date{
	float:none;
}

#comments .comments-content-wrap .comment > .content{
	padding:1em 0em;
}


/*end of menu view */

#name-and-slogan {

	margin-top: 20px;
	padding-left: 160px;
}


#timetable_container {
        color: #222222;
	/*border-left: 1px solid #B7B7B7;*/
	background-color: white;
}

a.button.room-has-active-sess .live_sess{
background: orange;
padding: 0.1em 0.3em;
text-shadow: none;
border-radius: 4px;
color: white;
margin-right: .5em;

  -webkit-animation: LIVE_BLINK 2s infinite; /* Safari 4+ */
  -moz-animation:    LIVE_BLINK 2s infinite; /* Fx 5+ */
  -o-animation:      LIVE_BLINK 2s infinite; /* Opera 12+ */
  animation:         LIVE_BLINK 2s infinite; /* IE 10+, Fx 29+ */

}

@-webkit-keyframes LIVE_BLINK {
  0%   { background: orange; }
  60% { background: red; }
100% {background: orange;}
}


@-moz-keyframes LIVE_BLINK {
0%   { background: orange; }
60% {background:red;}
  100% { background: orange; }

 }
@-o-keyframes LIVE_BLINK {
  0%   { background: orange; }
60%{background:red;}
 100% { background:orange; }
}
@keyframes LIVE_BLINK {
  0%   { background: orange; }
60%{background:red;}
  100% { background: orange; }
}

.timetable_hourheader {
}

.timetable_roomheader {
}

.titletable_hour{
}

.timetable_entry {
}

.timetable_session {
	overflow: hidden;
	padding: 10px;
}

.timetable_session a {
	color: #323232;
}

/*aside .timetable_session:hover { */
.timetable_session:hover {
	cursor: pointer;
}

.sesslink {
	display: block;
	text-decoration: none;
	color: #323232;
}

.sesslink strong {
	color: #323232;
}

/* diavlos PLAYER */

/*for dialog on sidebar*/

#video_container_dialog{
	height:15em;

}

#player_foreas{
	display:block;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height:0;
}

#player_foreas object{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.diavlos_player_frame{
	width:auto!important;
	height:auto!important;
}

.diavlos_player_frame, .diavlos_player {
    width:100%!important;
    display:block;
}

/* css keep ratio trick follows - http://flowplayer.org/docs/setup.html#player-size */
.diavlos_player.wide-small ,
.diavlos_player.wide-big {
	padding-bottom:56.25%; /* 16:9 ratio */
}

.diavlos_player.normal-small ,
.diavlos_player.normal-big {
	padding-bottom: 75%; /* 4/3 ratio */
}

.diavlos_player {
	position: relative;
	height: 0!important;
}

.diavlos_player object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**/

.event-program-header {
    /*height: 47px; */
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    background-color: #cac7c3;
    border-top: 1px solid #3f3f3f;
    border-bottom: 2px solid #3f3f3f;
    padding-top: 10px;
    height: 36px;
    position: relative;
    z-index: 500;
}

.timetable_box {
    border: 1px solid #b7b7b7;
    vertical-align: middle;
    color: #828282;
    padding: 10px;
}

h1, h2, h3, h4, h5, h6 {
    color: #2d5c88;
    font-family: "Open Sans",Arial;
}

.speaker {
  display: block;
  border: 1px solid #b4b4b4;
  background-color: #feffff;
  padding: 5px;
  text-align: center;
  margin-bottom: 10px;
}

.speaker:hover {
    border: 2px solid #b4b4b4;
    background-color: #f1f1f1;
    padding: 4px;
}

.sp_title, .sp_inst {
    font-style: italic;
    margin-bottom: 6px;
}

.sp_name {
    color: #2d5c88;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}

/*
a[href$=".pdf"] {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/icon-pdf.png");
  background-origin: padding-box;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto auto;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 20px;
  padding-top: 5px;
  border-width: 1px;
}
*/
/*
.foreas-banner {
    margin: 20px 10px 10px;
    position: relative;
}

.foreas-logo {
    margin: -90px 0 20px 50px;
    position: relative;
}
*/

.channel {
    margin-left: 4px;
    padding: 2px 5px;
    text-align: right;
    float: right;
}
.border-grey {
    border: 1px solid #7C7C7C;
}
.divider-solid {
    background-color: #EBEBEB;
    height: 2px;
    margin: 40px 10px;
}


#event_share{
    margin-bottom: 1em;
}

li.event-share-twitter a {
  background-position: -31px;
}


.event-program th {
    color: #ffffff;
    text-align: center;
    background-color: #6FA8D9;
    /*border-bottom: 2px solid #3f3f3f;*/
    font: bold 12px "Open Sans", Arial;
    /*border-top: 1px solid #3f3f3f;*/
    border-left: 1px solid #6FA8D9;
    border-right: 1px solid #6FA8D9;
    padding: 10px;
}
.event-program td a {
    display: block;
    color: #323232;
}
.event-program td.sess:hover {
    box-shadow:0px 0px 20px rgba(0,0,0,0.35);
}

.event-program td:hover {
	background:white;
}

.event-program td a strong {
    color: #666666;
}
.event-program th .button {
    margin-bottom: 0px;
}

.event-program-header .button.turquoise {
    background: none repeat scroll 0 0 #2D5C88;
}

.event-program .button.turquoise {
    background: none repeat scroll 0 0 #2D5C88;
    display: block;
}
.event-program .button.small.turquoise:hover {
    background: none repeat scroll 0 0 #386D9E;
}

.event-program td {
    border: 1px solid #b7b7b7;
    vertical-align: middle;
    padding: 12px;
    /*width: 400px;*/
}

.event-program td.activesess {
    background-color: #ffc100;
}
.event-program td.activesess:hover {
    background-color: #fff100;
}

.active_session {
	background-color: #ffc100;
	color: black;
}
.active_session a {
	color: white;
}

.acc-trigger a {
	text-transform: none;
	font-size: 16px;
}


/**/

div.node{
	position:relative;
}

.page_title{
	padding:5px;
	padding-left:240px;
	line-height: 1.4em;
}

.event_kyklos{
	opacity:.4;
	font-style: italic;
	padding-left: 240px;
}


.event_news_item{
	border: 2px solid red;
	margin-left: 240px;
	font-size: 1.2em;
	text-align: center;
	background-color: yellow;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 10px;
}

.event_news_item i{
	float: left;
	font-size: 3em;
	padding-top : 2px;
	padding-left: 4px;
	padding-right: 4px;
	color: red;
}

.event_news_item p{
	margin: 0px;
	margin-left: 50px;
}


.event_type{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 210px;
	margin-left: 10px;
	padding: 28px 0px;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	border: 1px solid #ebebeb;
}

body.node-type-room .page_title{
	padding: 0px;
}
/* Note: Design for a width of 768px */
.room_foreas_logo {
    float: left;
    display: block;
    width: 250px;
}

.room_foreas_logo img {
            display: block;
            margin: auto;
}

.room_foreas_event_title {
  float: left;
  display: block;
  width: 710px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .room_foreas_logo    { width: 202px; }
    .room_foreas_event_title { width: 546px; }
}


/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .room_foreas_logo { width: 260px; }
    .room_foreas_event_title { width: auto; }
}

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .room_foreas_logo { width: 380px; }
    .room_foreas_event_title { width: auto; }
}


/**/


#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	color:#414141!important;
}

a,
a > h2{
	color:#2d5c88;
}

#content{
margin-bottom:20px;
margin-top: 20px;
}


/**/

.button{
	font-family: 'Open Sans'!important;

  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}

.button.default{
	background:#6FA8D9!important;
}

.button.default:hover{
	background:#6FA8D9;
}

.acc-trigger:before{
	background-color:#d4d4d4;
}

.button.blue{
	background-color:#2d5c88;
}

.button.blue:hover{
	background-color:#4272A0;
}

.button.turquoise:hover, .button.blue:hover, .button.violet:hover, .button.lime:hover, .button.green:hover, .button.virid:hover, .button.yellow:hover, .button.orange:hover, .button.red:hover, .button.pink:hover, .button.vinous:hover, .button.brown:hover, .button.biscuit:hover, .button.light-gray:hover {
	background-color: #6fa8d9;
}



.navigation li:hover > a{
	color: #6fa8d9!important;
	background: #f9f9f9!important;
}

.navigation li.current-menu-item > a{
	background: #6fa8d9!important;
	color:white!important;
}


.color-16 .navigation > div > ul > li.current-menu-item > a, .color-16 .navigation > div > ul > li.current-menu-parent > a, .color-16 .navigation > div > ul > li.current-menu-ancestor > a, .color-16 .navigation > div > ul > li.current_page_item > a, .color-16 .navigation > div > ul > li.current_page_parent > a, .color-16 .navigation > div > ul > li.current_page_ancestor > a, .color-16.scribble .projects-carousel li:hover > a:after, .color-16 .simple-pricing-table.type-2 .featured .price, .color-16.scribble article:hover .project-meta:after, .color-16 .simple-pricing-table .featured .button, .color-16 .jta-tweet-list-controls span:hover, .color-16 .simple-pricing-table.type-1 .title, .color-16 .gallery-slider-nav:hover a:hover, .color-16.scribble .team-entry:hover:after, .color-16.scribble .tabs-nav .active:after, .color-16 .post-slider-nav:hover a:hover, .color-16 .flex-direction-nav a:hover, .color-16 .portfolio-controls a:hover, .color-16 .acc-trigger.active:before, .color-16 #layerslider .inline-h2, .color-16 .detail-box .transform, .color-16 .ajax-nav li:hover > a, .color-16 .jcarousel-prev:hover, .color-16 .jcarousel-next:hover, .color-16 .wp-pagenavi .current, .color-16 .wp-pagenavi .page-numbers a:hover, .color-16 .button.default:hover, .color-16 .flexslider .caption, .color-16 .ajax-nav .current a, .color-16 ul.type-1 li:before, .color-16 .quotes-nav a:hover, .color-16 #back-top:hover, .color-16 .dropcap.color, .color-16 i.small-arrows, .color-16 .curtain{
	background-color: #6fa8d9;
}

/**/

#header{
	z-index: 9999;
}


/* */

.page-header h1 {
	font-weight: 600;
	margin-right:10px;
}

/* /USERS */

body.page-user .region-content .profile{
	display: none;
}

body.page-user .region-content .block-block{
	margin-bottom:1em;
}

/* Calendar / selida Metadoseis */


.view .date-nav-wrapper ul.pager{
	display:inline-block;
	position: absolute;
	right:0px;
	top: 0.5em;
}

.view .date-nav-wrapper ul.pager li{
	display: inline-block;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
}

.view .date-nav-wrapper .date-prev{
	right:30px;
}

.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next{
	padding: 0;
}

.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a{
	display: inline-block;
	padding: 5px 8px;
	margin:0px;
}

.views-exposed-form #edit-field-event-category-tid-wrapper .form-item.form-type-bef-checkbox {
	padding:5px;
}

 .bef-checkboxes .form-item{

	margin-bottom: 5px;

	padding: 10px;

	border-left: 2px solid transparent;
}

 .bef-checkboxes .form-item label{
	position: relative;
	top: -2px;
	padding-left: 5px;
}

 .bef-checkboxes .form-item:hover{
	background: rgb(247, 247, 247);
	color: black;
}

.views-exposed-form label{font-weight:normal;}

.view .date-nav-wrapper .pager > li:hover{
	background-color:#6fa8d9;
	color:white;
}

.view-id-calendar .view-header{
	min-height:48px;
}

body.page-schedule #sidebar {
	padding-top:48px;
}

.views-exposed-widget > label {
font-weight: 700;
}

.view-id-calendar .view-header .date-nav-wrapper{
	margin-top:0px;
}



#calendar2list{
float:left;
margin-bottom:-50px;
width:13px;
height:20px;
color: #5F5F5F;
background:#dfdfdf;
font-size:14px;
	border-radius:5px;

	position: relative;
	z-index: 9;

	-webkit-transition: background-color 100ms linear;
  -moz-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear;



  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}

.view .view-calendar .item .calendar{
	margin:0!important;

	margin-bottom: 10px;
}

.view-calendar .calendar_on i.icon-th-list,
#calendar2list i.icon-table{
	display:inline-block;
}

.view-calendar .calendar_on i.icon-table,
#calendar2list i.icon-th-list{
	display:none;
}

#calendar2list:hover{
background-color:#6fa8d9;
color:white;
}



.view.view-calendar table td .item{
	width:100%;
}

.view .date-nav-wrapper .date-nav{
margin-bottom:0px;
}


.view-calendar .attachment{
	display: none;
}

.view-calendar .calendar-calendar{
	display: block;
	width: 100%; /*edited by vasilikik*/
}


/**/

body.front .page-header{display:none}

body.front .view-front-page-events .view-header{
	text-align: left;
	margin-bottom:2em;
}

body.front .view-front-page-events .view-header h2{
	display:inline;
}

.view-front-page-events .view-header h2{
	display:none;
	text-align:left;
}

.foreas_no_current_events,
.foreas_no_past_events{
padding: 0em 0em 1em 0em;
display: inline-block;
font-size: 1.3em;
font-style: italic;
}

.foreas_no_past_events{
    text-align: center;
    display: block;
}


body.page-content-providers .views-field-php{
	text-align: right;
}

body.page-content-providers .page-header{display:none;}

.foreis_sort{
	float: right;
	font-size: 2em;
	opacity: 0.7;
	padding-right: 7px;
}

.foreis_sort_clear{
	clear: both;
}

.view-foreis .view-content div:first-child{
	margin-top: 0px;
}

.view-foreis .views-field-field-logo img{
	float: left;
	margin-right: 12px;
	margin-bottom:10px;
	border: 1px solid #d5d5d5;
	padding: 2px;
}

.view-foreis .views-row{
	margin-top: 30px;
	min-height: 170px;
}

.view-foreis .views-row:not(:last-child){
	border-bottom: 1px solid #d0d0d0;
}

.view-foreis .views-field-php .button.small{
	padding:0px;
}
.view-foreis .views-field-php .button.small a{
	padding:6px 13px;
	display:inline-block;
}

/**/

.button a{
	color:#fff;
}

.fixed#header .menu-container{
	margin-top: 10px;
}

/* news */

.view-announce-block .view-content .views-field-title h6{
	margin-bottom:5px;
}

.view-announce-block .views-field-created{
color: #b2b2b2;
font-style: italic;
font-size: 11px;
}

.view-announce-block .view-content li.views-row{
margin-bottom: 20px;
}

/**/


.view-front-page-events{
	text-align:center;
}

.view-front-page-events .view-content {
	text-align:left;
}

.view-front-page-events .view-content .item-list > ul > li{
	margin-top:30px;
	margin-bottom:15px;
	position:relative;
	border:1px solid #E4E4E4;
	display: inline-block;
	float: none;
	margin: 20px 15px 30px 0px!important;
	text-align:center;
	vertical-align: top;
}

.view-front-page-events .view-content .item-list > ul > li:hover{
	border: 1px solid lightgrey;
}

.view-front-page-events .view-content .item-list > ul > li:hover .views-field-php{
	opacity:1;
}

.view-front-page-events .view-content .item-list > ul > li:hover .views-field-field-event-image{
	opacity:0.8;
}

.view-front-page-events .view-content .item-list > ul > li .views-field-title:hover h5 a{
	position: absolute;
	left: 0;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.view-front-page-events .view-content .item-list > ul > li .views-field-title h5 a{
	background: #F4F4F4;
	/*not sure - I think it fixes the hover action to absolute position */
	width: 100%;
}


.view-front-page-events .views-field-field-event-category{
	position:absolute;
	bottom:100%;
	right:-1px;
	margin-bottom: 1px;
}

.view-front-page-events .views-field-field-event-category ul > li{
    position: relative;
    width: 49%
}

.view-front-page-events .views-field-field-event-category a{
    position:relative;
    width:100%;

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

.view-front-page-events .views-field-field-event-category a,
#event .channel a{

	width: 8em;
	text-align: center;
	-webkit-transition: padding-bottom 100ms linear;
  -moz-transition: padding-bottom 100ms linear;
  -o-transition: padding-bottom 100ms linear;
  transition: padding-bottom 100ms linear;
}

.view-front-page-events .views-field-field-event-category a:hover{
	color: #777777;
}


.channel a:hover{
	color: #777777;
}

.channel-list{
	width: 100%;
	position: absolute;
	right: 0px;
	list-style-type:none;
	bottom: 100%;
	z-index:1;
	overflow: hidden;
}

.channel-list li{
	float: right!important;
}

.channel-list .channel{
	position:relative;

	right:auto;
	float:none;

	bottom: -6px;

	padding-bottom: 6px;


	-webkit-transition: bottom 100ms linear;
  -moz-transition: bottom 100ms linear;
  -o-transition: bottom 100ms linear;
  transition: bottom 100ms linear;
}

.channel-list li .channel:hover{
	bottom:0px;
}


body.node-type-event #event{
	margin-bottom: 2em;
}

.event_series{
	line-height: 1.5em;
	margin-bottom: 2em;
}

.event_series_value{
	font-weight:bold;
}


.view-front-page-events .views-field-field-event-start{
	background-color: #D8D8D8;
	color: #6D6D6D;
	padding: 5px;
	font-weight: 600;
}

.view-front-page-events .views-field-php{
	position: absolute;
	top: 40%;
	background: orange;
	color: white;
	left: 43%;
	width: 12em;
	margin-left: -5em;

	font-weight: 700;
	text-transform: uppercase;
}

.view-front-page-events .views-field-php .img-overlay > i{
	padding-right: 6px;
	color:white;
	font-size: 1.16em;
}

.view-front-page-events .views-field-php .img-overlay > span{
	vertical-align: middle;
	display: inline-block;
	padding-top: 0.2em;
}


.view-front-page-events .views-field-php .img-overlay{
display:none;
}

.view-front-page-events .views-field-php .img-overlay.live_now{
display:block!important;
}

.view-front-page-events .views-row{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10px;
	background-color:#F4F4F4;
	border-color: #333333;
	height: 250px;
}

.view-front-page-events .views-row h4 {
	display:block;
	height:2.4em;
	overflow:hidden;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform:none;
}
.view-front-page-events .views-row h5 {
	display:block;
	height:53px;

	line-height: 1.35em;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform:none;

	overflow:hidden;
}


.view-front-page-events .views-row.stateColor h4,
.view-front-page-events .views-row.defaultState h4 { color: #fff; }



.view-front-page-events{
	min-height: 270px;
}


.view-frontslider{
	margin: 2.6em;
	margin:2.6em 0em 0em 0em;
}

.view-frontslider .views-field-field-event-image{
	/*max-height:300px;*/
	display:inline-block;
	width:100%;

}

.view-frontslider .view-content,
#flexslider-1{
	height:100%;
}

.view-frontslider .view-content ul.slides > li:not(:first-child){
		display:none;
}

.flexslider .slides img{
	width:100%;
}

.flexslider{
	background-color:transparent!important;
}

.flexslider .button{
	margin-top:13px;
}

.color-16 .flexslider .views-field-nothing {
	background-color: rgba(111, 168, 217,0.6);
	color:white;
	position: absolute;
	top: 50%;
	display: block;
	max-width: 330px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;

	-webkit-transition: background-color 100ms linear;
  -moz-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}

.flexslider .views-field-nothing:hover{
background-color: rgba(111, 168, 217,0.9);
}

.flexslider .views-field-nothing a {
padding: 15px;
padding-bottom: 5px;
}

.flexslider .views-field-nothing a h4{
	position: relative;
	color: #fff;
	font-weight: 600;
	text-shadow: -1px -1px rgba(0,0,0,.15);

}

.flexslider .views-field-nothing a span.slide_txt{
color: rgba(255, 255, 255,0.7);
}

.flexslider span.slide_eventdate {
color: rgba(255, 255, 255,0.7);
}

.flex-control-paging li a{
	background-color:#B9B9B9;
}

.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{
	background-color:#2d5c88;
}

.flex-control-nav {
	z-index:1;
}

.flex-direction-nav{
	z-index:3;
}


body.boxed{
	background-color:#536078 !important;
}

/*Logo View - frontpage*/

.view-logo-mainview{
	padding:10px;
}

.view-logo-mainview .views-row,
.view-logo-mainview ul.jcarousel li{display:inline-block;margin:0px 30px 0px 0px;}

.view-logo-mainview .views-row img,
.view-logo-mainview ul.jcarousel li img{
	width:	155px;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	padding: 3px;

	background:white;

	-webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.view-logo-mainview .views-row .views-field-field-logo:hover img,
.view-logo-mainview ul.jcarousel li .views-field-field-logo:hover img{

background: #D8D8D8;
}

.view-logo-mainview .jcarousel-prev,
.view-logo-mainview .jcarousel-next {
	bottom: -30px;
	left: 50%;
	top: inherit;
background: #D8D8D8;
}

.view-logo-mainview .jcarousel-prev{
margin-left:-25px;
}

.view-logo-mainview .jcarousel-clip{
padding: 1em;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #F4F4F4;
}


/* Header top User register / login / logout menu */

#block-block-6{
float: right;
padding-right: 2px;
}

#block-block-6 a#newsletter_subscribe_button:hover span{
	color:white!important;
}

#header.fixed #block-block-6{
display:none;
}


/* FOREIS */

/* tsipizic removed. Provlimata
body.node-type-foreas .content{
border-top: 1px solid #ebebeb;
padding-top: 1em;
margin-top: -1em;
}
*/

.content > .views-field-field-twitter-hashtag{
float:right;
margin-top:-4.5em;
}

.views-field-field-twitter-hashtag{
	background-color: #d4d4d4;
	display: inline-block;

	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}

.views-field-field-twitter-hashtag:hover{
	background-color: #47c0d8;
}

.views-field-field-twitter-hashtag a{
	position: relative;
	display: block;
	width: 31px;
	height: 31px;
	background-image: url('../images/icons/social-icons.png');
	background-repeat: no-repeat;
	cursor: pointer;

	background-position: 0 0;
}



.event_external_link{
display:inline-block;
margin-bottom:1em;
word-break: break-all;
background: white;
border: 1px solid #ebebeb;
padding: 10px;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

.event_external_link i.icon-external-link{
padding: 0 0.5em;}

.file-wrapper{
}

.file{
display:inline-block;
margin-bottom:1em;
word-break: break-all;
background: white;
border: 1px solid #ebebeb;
padding: 10px 5px;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

.file > img,
.file > a{
display:inline;
}

.my-field-wrapper{
background: white;
border: 1px solid #ebebeb;
padding: 10px 5px;
margin: 20px 0px;
text-align: center;
line-height: 1.5em;
}

.my-field-wrapper .my-url{
margin-bottom:10px;
}

.my-field-wrapper .my-url a{
color: rgb(143, 143, 143);
}

.page-header{padding:10px 0px;}

.page-header h1{
	font-weight:400;
}

.view-foreis-header{
	padding-bottom:2em;
}

.view-front-page-events.view-display-id-block{
margin-bottom: 2em;
border-bottom: 1px solid #ebebeb;
padding-bottom: 3em;
}


.view-foreis-header .views-field-field-profile-pic img{
	display:block;
	margin:0 auto;
	padding-top:2em;
}

.view-foreis-header .views-field-field-logo{
		margin: -70px 0 5px 70px;
}

body.node-type-event .view-foreis-header .views-field-field-logo{
		margin: -70px 0 5px 40px;
}

body.node-type-event #event img{
	width:100%;
	height:auto;
	opacity:1;

	z-index:2;
	position:relative;

	-webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.image-wrapper{
position:relative;
display:inline-block;
/* tsipizic commented out from #6237
cursor:pointer; */

width: 100%;

margin-top:2em;
}

/* tsipizic commented out from #6237
.image-wrapper .img-overlay{
width: 10em;
height: 6em;

margin-left: -5em;
margin-top: -3em;

display: inline-block;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
z-index: 9;

	text-align: center;

	-webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
*/
.image-wrapper .img-overlay{
	display: none;
}


#block-block-7{
padding: 9px;
}

#block-block-7 h2{
margin-bottom:0px;
}

.foreas-trailer{

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

.foreas-trailer img{
width: 100%;
	border-bottom: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* tsipizic commented out from #6237
.image-wrapper.foreas-trailer .img-overlay{
	opacity:0;
}

.image-wrapper .img-overlay i{
	display: inline-block;
	color: #6fa8d9;
	font-size:4em;

	height: 100%;
	width: 100%;
	text-align: center;
	text-shadow: 0px 0px 0.5em black;
}

.image-wrapper:hover img{
	opacity:0.7!important;
}
.image-wrapper:hover .img-overlay:not(.live_now){
	opacity: 1!important;
}

.image-wrapper .img-overlay.live_now{
	opacity:0.8;
}

.image-wrapper .img-overlay.live_now i{
	color:orange;
	text-shadow: 0px 0px 0.1em rgba(0,0,0,0.1);
}

.image-wrapper:hover .img-overlay.live_now{
	opacity:1;
}

.image-wrapper:hover .img-overlay{

}

.image-wrapper .img-overlay span{
	display:none;
	color: white;
	text-transform: uppercase;
	font-weight: 800;
	position: relative;

	padding: 0.2em 0.5em;
	background: orange;
}

.image-wrapper .img-overlay.live_now span{
	display: inline-block;
}
*/

/**/

.view-foreis .button{
background:#6fa8d9;
}

.view-foreis .button:hover{
background:#718193;
}

.view-foreis-header .views-field-field-logo img{
	border: 1px solid #E6E6E6;
	background:white;
	padding:3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.view-foreis-side-info li a.active{
	color:#2d5c88;
}

.left-info {
	padding: 0px 8px 8px 0px;
	margin-bottom: 20px;
}

/**/



/* footer */

#footer .row{
	margin:0px;
}

#footer .region-footer-1 > .block{
	padding-right: 3em;
	text-align: justify;
}

#footer .row .region{
	padding-bottom:10px;
}

.view-bottom-events a.badge{
	overflow:hidden;
	background:black;
	display:block!important;
}

.view-bottom-events a{
	overflow:hidden;
}

.view-bottom-events .view-content li img{
	height:100%;
	width:auto;
	max-width:none;
}

/* events table ============================== */
.events-table table{
	width:100%;
	border: 1px solid #d3d3d3;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.events-table tr.odd td{
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 1%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eaeaea), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 1%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 1%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 1%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 1%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}

.events-table table th{width:1px;}
.events-table table th:first-child{width:1px;}

.events-table th {
	color: #ffffff;
	text-align: center;
	background-color: #6fa8d9;
	font: bold 12px "Open Sans", Arial;
	padding-top: 10px;
	padding-bottom: 10px;
}

.events-table td {
	color: #4a4a4a;
	text-align: left;
	background-color: white;
	font: 12px "Open Sans", Arial;
	padding: 8px 4px 8px 10px;
	vertical-align: middle;
}

.events-table a {
	color: #2d5c88;
	text-decoration: none;
}

.events-table a:hover {
	text-decoration: underline;
}

/**/

.sess_time{
display:block;
}

.sess_title{
color: rgb(71, 71, 71);
font-weight: bold;
}

.timetable_box{
	border-color:transparent;
	border-bottom-color:#ccc;
	border-right: 1px solid #B7B7B7;
}

.timetable_session{
	border-color: #B7B7B7 !important;
	z-index: 1;
		-webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

.timetable_session:hover{
	box-shadow:0px 0px 25px rgba(0,0,0,0.25);
	background:white;
	opacity:1!important;
	z-index:2;
}


.event-program{
	width:100%;
}


.event-program-header a.button,
table.event-program th a.button{
margin-bottom: 1px;
-moz-box-shadow: inset 0px 1px 0px 0px rgba(190, 226, 249,0.7);
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(190, 226, 249,0.7);
box-shadow: inset 0px 1px 0px 0px rgba(190, 226, 249,0.7);
background-color: transparent!important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #3866a3;
display: inline-block;
cursor: pointer;
font-size: 12px;
font-weight: bold;
padding: 5px 10px;
text-decoration: none;
color: #fff;
text-align: center;

	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;

}

.event-program-header a.button:hover,
table.event-program th a.button:hover
{
background:#3866a3!important;
}
.event-program-header .button:hover {
background-color: #3866a3;
text-decoration: none;
}


.event-program-header{
	background:#6fa8d9;
	border-color:transparent;
	/*padding:10px 5px 13px 5px; kmak*/
text-shadow: 0px 1px 0px #666;
}




/**/

/*
body.node-type-room #hall-program > a{
	display:none;
}
*/


/*
room
*/

body.node-type-room #hall-program{
	float:right;
}

body.node-type-room #comments{
	float:left;
}



/* custom fake select */

.fake-select {
	position: relative;
}

.fake-select.single_room ul{display:none!important;}

.fake-select.single_room i.fake-select-icon{
	display:none;
}

.fake-select:hover .fake-select-header{
	background:#92C1E9;
}

.fake-select-header{
	font-size: 1.2em;
	background: #6FA8D9;
	display: inline-block;
	padding: 12px;
	color: white;
	width: 100%;

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

.fake-select-header a{
	color: white;
}

.fake-select-icon {
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -0.8em;
}

.fake-select ul {
	display: none;
	position: absolute;
	top:100%;
	left:0px;
	z-index: 9999;
	padding: 0px;
	margin: 0px;

	width: 100%;
	max-height: 13em;

	overflow-y: auto;

	background: rgb(80, 128, 155);

	color: white;

	cursor: pointer;

	border: 1px solid rgba(0,0,0,.2);

	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0,0.3);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0,0.3);

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

.fake-select:hover ul,
.fake-select:focus ul{
	display:inline-block;
}

.fake-select ul li {
	padding: 0.5em;
	border-bottom: 1px solid rgba(255, 255, 255,0.2);
	list-style-type: none;
	margin:0px;
	padding:5px;
}

.fake-select ul li:hover{
	background: #6FA8D9;
}



#video-frame{
	max-width:100%!important;
	position: relative;
}

.select_room{
	width:180px;
	width:200px;
}

.select_room select,
.select_room #room_alt_title
{
display:block;
background-color: #6FA8D9;
width: 200px;
color: white;
border-bottom: 1px solid #5C92C0;
padding:10px;
padding-right: 24px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.select_room select:focus{
background-color: #6FA8D9;
}

.select_room select:hover{background-color:#92C1E9;}

.select_room select option{
background: white;
color: black;
}

.select_room select{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

#live-text .rtm{
display:block;
padding:0.5em;
}

#live-text .rtm:nth-child(even){
background:rgba(211, 211, 211,0.4);
}



#live-text{
color: rgb(151, 151, 151)!important;
padding: 10px 10px 5px 60px!important;
background-color: #F4F4F4!important;
border: none!important;
display: block;
position: relative;
border: 2px solid rgb(211, 211, 211)!important;
margin-top: 2em;
margin-bottom: 2em;
}


#live-text:before{
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
vertical-align: middle;
text-decoration: inherit;
color: orange;

content: "\f06a";

font-size: 1.5em;
left: 23px;
top: 17px;
position: absolute;}

.form-item.form-type-textfield.form-item-subject,
.form-item.form-type-textfield.form-item-name{
position:relative;
}

#comment-body-add-more-wrapper:before{
display:none;
}

.comment-form .form-item-name:before, .comment-form .form-item-subject:before, #comment-body-add-more-wrapper:before, .contact-form .form-item-name:before, .contact-form .form-item-mail:before, .contact-form .form-item-subject:before, .contact-form .form-item-message:before{
left:15px;
top: 24px;
}

#comment-form-wrapper h6{
font-size:18px;
margin-top:2em;

}

#comment-form-wrapper .comment-form input[type="text"]{
	width:100%;
	float:none;
	padding-left:35px;
}

#comment-form-wrapper  #edit-comment-body{
margin-top:2.5em;
}



/* FORM AND INPUTS */
/*contact*/

#contact-site-form .form-item{
	position: relative;
}

#contact-site-form .form-item.form-type-checkbox > label{
	display:inline-block;
}

#contact-site-form .form-item.form-type-checkbox > input{
	margin:0;
}

#contact-site-form .form-item:before{
	top:23px;
	left:11px;

	display: inline-block;
	color: #b4b4b4;
	font-weight: normal;
	font-style: normal;
	font-family: "FontAwesome";
	font-size: 14px;
	position: absolute;
	padding: 4px 0px;
}


#contact-site-form .form-item label{
	display:block;
	padding: 5px;
	padding-bottom:0;
	margin: 0;
}

#contact-site-form .form-textarea-wrapper{width:70%;}

#contact-site-form .form-item input{
	float:none;
}

#contact-site-form .form-item-message label{
	display:block!important;
}

#contact-site-form .form-item-phone:before{
	content:"\f095";
}

#contact-site-form .form-item-name:before{
	content:"\f007";
}

/* mini rss categories block */

#block-block-8{
margin-bottom: 2em;
margin-top: -7em;
}

#block-block-8 span{
color: rgb(196, 196, 196);
padding: 0.6em;
display: inline-block;
}

#block-block-8 .social-icons{
	display:inline;
}


ul.social-icons li{
	padding: 3px;
}


/* Mobile Language Switcher  */
#block-block-5 ul.social-icons li.lang{
	display: none;
}

#block-block-5 ul.social-icons li.lang .lang_change{
	margin-right:0px;

}

#block-block-5 ul.social-icons li.lang .lang_change > a{
	display: none;

	background: none;
}

#block-block-5 ul.social-icons li.lang .lang_change > a .flag-icon{
	height: 20px;
	width: 18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	margin-top: 5px;
	display: inline-block;
	margin-left: 7px;
}

body.i18n-el #block-block-5 ul.social-icons li.lang .lang_change > a.lang_en{
	display: block;
}

body.i18n-en #block-block-5 ul.social-icons li.lang .lang_change > a.lang_gr{
	display: block;
}



/* taxonomy page katigorion*/

.taxonomy_event_wrapper{
	margin:15px 0px;
}

.taxonomy_poster,
.taxonomy_event{
	display:inline-block;
	vertical-align:top;
}

.taxonomy_poster{
	max-width:22%;
}

.taxonomy_event{
	max-width:70%;
	padding-left:10px;
}

.taxonomy_poster img{
border: 1px solid #d5d5d5;
padding: 2px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.taxonomy_event_wrapper .taxonomy_foreas {
margin-top: -1em;
margin-bottom: 1em;
color: rgb(202, 202, 202);
}


.taxonomy_event_wrapper .taxonomy_event_date{
	margin-bottom: 1em;
}

.taxonomy_event_wrapper .taxonomy_event_date i{
	margin-right: 0.5em;
}

.taxonomy_event_wrapper .taxonomy_event_date span.taxonomy_event_scheduled{
	margin-left: 0.5em;
	background: #BEBEBE;
	color: white;
	padding: 0.1em 0.5em;
}



/* SIDE BUTTON LISTING */

.side-button-listing ul,
ul.side-button-listing{
	margin:0px;
}

.side-button-listing ul:not(.contextual-links) li,
ul.side-button-listing:not(.contextual-links) li{
	float:none;
	display:block;
	position: relative;
	list-style-type: none;
}

.side-button-listing ul:not(.contextual-links) li a,
ul.side-button-listing:not(.contextual-links) li a,
.region-sidebar-right .side-button{
	background: #d4d4d4!important;
	color: rgb(63, 63, 63)!important;
	width:100%;
	position: relative;
	padding: 10px;
	display: inline-block;
	text-align: left;
	border-bottom: 1px solid rgb(233, 233, 233);
	margin:0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.side-button-listing ul:not(.contextual-links) li a:hover,
.side-button-listing ul:not(.contextual-links) li a.active,
ul.side-button-listing:not(.contextual-links) li a:hover,
ul.side-button-listing:not(.contextual-links) li a.active,
.region-sidebar-right .side-button:hover{
	background: #6FA8D9!important;
	color: #eee!important;
}

a.a-link{
	display:block;
	font-size: 1.2em;
	border-bottom: 1px solid rgb(221, 221, 221);
	padding: 0.5em;
}

a.a-link:hover{
	color: #6FA8D9;
}


/* channels ================================== */

.channel{
	background: #FCFCFC;
	border-top:3px solid #6D6D6D;
	padding:0px;
}

.channel:hover{
	background: #eee;
}

.channel a{
	padding:2px 6px;
	color:#C0C0C0;
	display: inline-block;
	font-size: 11px;
	text-shadow: 1px 1px white;
	font-weight: bold;
	margin-bottom: 1px;
}

.channel a:hover{

}


.calendar-colors{
	border-top:3px solid #dfdfdf!important;
	display:inline-block;
	padding-top: 4px!important;
}

.calendar-calendar .month-view .full tr td.single-day.today
{
	border-width: 0.2rem;
}

.calendar-calendar .month-view .full td.date-box.today{
	border-width: 0.2rem 0.2rem 0 0.2rem;
}


/* CATEGORY COLORS  */


.highlight{color: white!important;}

/*

.color-humanity{border-color: orange!important;}
.color-humanity.highlight{background-color: orange!important;}

.color-generic{	border-color: grey!important;}
.color-generic.highlight{background-color: grey!important;}

.color-law{border-color: olive!important;}
.color-law.highlight{background-color: olive!important;}

.color-science{	border-color: DarkBlue!important;}
.color-science.highlight{background: DarkBlue!important;}

.color-history{border-color: red!important;}
.color-history.highlight{background: red!important;}

.color-economics {border-color: purple!important;}
.color-economics.highlight{ background-color: purple!important;}

.color-environment{border-color: green!important}
.color-environment.highlight{ background-color: green!important;}

.color-politics{border-color: Brown!important;}
.color-politics.highlight{background: brown!important;}

.color-arts{border-color: fuchsia!important;}
.color-arts.highlight{background: fuchsia!important;}

.color-technology{border-color: lime!important;}
.color-technology.highlight{background: lime!important;}

*/

/* deprecated colors: */

.blue-color{
	border-color:#1971cb!important;
}

.light-purple-color{
	border-color:#9da0d7!important;
}

.purple-color{
	border-color:#ad73b0!important;
}

.orange-color{
	border-color:#f47d43!important;
}

.yellow-color{
	border-color:#ffd801!important;
}

.red-color{
	border-color:#ffd801!important;
}

.light-color{
	border-color:#82b6de!important;
}

.gray-color{
	border-color:#aab0b0!important;
}

.brown-color{
	border-color:#cfb38c!important;
}

.green-color{
	border-color:#87c5ab!important;
}
.cyan-color{
	border-color: cyan!important;
}

 .form-type-bef-checkbox{
	font-weight: bold;
	color: black;
}

.blue-color-bg{
	border-color:#1971cb!important;
}

.light-purple-color-bg{
	border-color:#9da0d7!important;
}

.purple-color-bg{
	border-color:#ad73b0!important;
}

.blue-light-color-bg{
	border-color: #AED8FF!important;
}

.orange-color-bg{
	border-color:#f47d43!important;
}

.yellow-color-bg{
	border-color:#ffd801!important;
}

.red-color-bg{
	border-color:#B7FD47!important;
}

.light-color-bg{
	border-color:#82b6de!important;
}

.gray-color-bg{
	border-color:#CDFBE0!important;
}

.brown-color-bg{
	border-color:#cfb38c!important;
}

.green-color-bg{
	border-color:#87c5ab!important;
}
.cyan-color-bg{
	border-color: cyan!important;
}

/* Actived */

.blue-light-color-bg.highlight{

	background-color:#AED8FF!important;
}

.blue-color-bg.highlight{
	background-color:#1971cb!important;
}

.light-purple-color-bg.highlight{
	background-color:#9da0d7!important;
}

.purple-color-bg.highlight{
	background-color:#ad73b0!important;
}

.orange-color-bg.highlight{
	background-color:#f47d43!important;
}

.yellow-color-bg.highlight{
	background-color:#ffd801!important;
}

.red-color-bg.highlight{
	background-color: #B7FD47!important;
}

.light-color-bg.highlight{
	background-color:#82b6de!important;
}

.gray-color-bg.highlight{
	background-color: #CDFBE0!important;
}

.brown-color-bg.highlight{
	background-color:#cfb38c!important;
}

.green-color-bg.highlight{
	background-color:#87c5ab!important;
}
.cyan-color-bg.highlight{
	background-color: cyan!important;
}



/*.calendar_has_vod_attach > a, .search_has_vod > a, .foreas_has_vod > a{*/
/*	display:inline-block;*/
/*	padding-left: 2.5rem;*/
/*	background: url('http://diavlos.grnet.gr/sites/all/themes/goodnex_sub/images/vod.png') no-repeat left center;*/
/*	background-size: auto 2rem;*/
/*	padding-bottom: 0.5rem;*/
/*	padding-top: 0.5rem;*/
/*}*/

.search_has_vod > a, .foreas_has_vod > a{
	display:inline-block;
	padding-left: 2.5rem;
	background: url('http://diavlos.grnet.gr/sites/all/themes/goodnex_sub/images/vod.png') no-repeat left center;
	background-size: auto 2rem;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

.wp-pagenavi{
margin-top: 10px;
}


/*
SIDEBAR
*/

#sidebar{overflow:hidden;}

#sidebar h2{
	margin:1em 0em!important;
}

#sidebar #foreas_description_more{
	color: white;
	background: #d4d4d4;
}

#sidebar #foreas_description_more:hover{
	background:#6fa8d9;
}

/* Video options bar ************/
/*colors changed by vasilikik*/
#vid-buttons{
	margin-bottom: 5px;
	background: #6fa8d9;
	text-align: right;
	position: relative;
	color: #fff;
  line-height: 1.8em;
}

#vid-buttons .vid-brand{
float: left;
padding: 0 1em;
display: inline-block;
padding-top: 2px;
cursor: default;
}

#vid-buttons .vid-button {
	display: inline-block;
	width: 2em;
	text-align: center;
	font-size: 1.2em;
	margin-left: -2px;
	cursor:pointer;
	position: relative;
}

#vid-buttons .vid-button:hover,
#vid-buttons .vid-button.active{
background: #2d5c88;
color: #eee;
}

#vid-buttons .vid-submenu li:hover,
#vid-buttons .vid-submenu li.active {
	background: #2d5c88;
	color: #eee;
}

#vid-buttons .vid-button:hover ul.vid-submenu {
	display: block;
}

#vid-buttons .vid-button ul.vid-submenu a:hover,#vid-buttons .vid-button ul.vid-submenu a{
	color: #eee;
}


#vid-buttons ul.vid-submenu {
	display: none;
	list-style-type: none;
	margin: 0px;
	position: absolute;
	background: #6fa8d9;
	z-index: 999999;
	right: 0px;
	bottom: 100%;
	padding-bottom:1px;
	cursor: default;
	color: rgb(196, 196, 196);
font-size: 0.8em;
}
/*color change ends here*/
#vid-buttons ul.vid-submenu li {
	padding: 0.2em 0.5em;
}

#vid-buttons #btn-resize{
	display:inline-block;
}

#vid-buttons .embed-crawler marquee{
	color: #FFFFEB;
}
#vid-buttons .embed-crawler{
	float: left;
	position: relative;
	width: 60%;
	white-space: nowrap;
	overflow: hidden;
	height: 1.9em;
}

#vid-buttons .embed-crawler > a{
	position: absolute;
	top:0;
	line-height:2em;
	left: 0;
	right:auto;
}

#embed-wrapper{
	position: absolute;
	top: 0;
}


/* da default search block */

#search-block-form .form-item-search-block-form input{
	max-width:100%;
}


.search-wrapper{
	padding-bottom: 7px;
	height: 35px;
}

.search-wrapper input[type="text"]{
	height:auto;
}

.search-link{
width: 35px;
display: inline-block;
height: 35px;
float: right;
font-size: 14px;
line-height: 2.25em;
text-align: center;
border-left: 1px solid #E4E4E4;
}

.search-link:hover > i{
color: #373737;
}

.search-link > i{
color: #b2b2b2;
}
/**/

#views-exposed-form-custom-search-page .views-widget-filter-date_filter label{
	font-weight: bold;
}
#views-exposed-form-custom-search-page .views-exposed-form .views-exposed-widget{
	float:none;
}

.view-custom-search .item-list li.disabled{
	display: none;
}


#views-exposed-form-custom-search-page input:not([type="checkbox"]),
#views-exposed-form-custom-search-page select{
width:100%;
}

#views-exposed-form-custom-search-page select.form-select{
padding:5px 18px 5px 5px!important;
	margin-right:0px!important;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';

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

#views-exposed-form-custom-search-page #edit-field-event-start-value-value .form-item:not(:last-child){
	margin-right:5px;
}

#views-exposed-form-custom-search-page select[multiple="multiple"]{
background-image:none;
}


/**/

/*table.event-program {
margin-right: 0!important;
}*/

/**/

.responsive-nav{
	margin-bottom: 0px;
}


/* search */

#header.fixed a.search_button{display:none;}

#header a.search_button{

	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 45px;
	height: 35px;
	background: #F7F7F7;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}

#header a.search_button:hover{
background-color:#6fa8d9;
}

#header a.search_button:hover i{
	color:white;
}

#header a.search_button i{
padding-top: 0.5em;
color:#828282;
}



/* comments */

.comment-form .form-textarea-wrapper {
width: 100%;
}

/* newsletter view */

.diavlos-newsletter table
{max-width:100%;width:100%;}

.diavlos-newsletter table tr{
	border-bottom: 1px solid #DBDBDB;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.diavlos-newsletter table tbody tr:hover {
	background: #E7E7E7;
}

.diavlos-newsletter table thead tr{
	background: #6FA8D9;
	color:rgb(236, 236, 236);
}

.diavlos-newsletter table tr th{
	border-right: 1px solid rgba(255,255,255,.15);
	padding:5px;
}

.diavlos-newsletter table td{
	vertical-align: top;
	padding: 10px;
}

.diavlos-newsletter .views-field a
{
	color:#6FA8D9!important;
}

.diavlos-newsletter .views-field a:hover{
	text-decoration: underline;
}


.diavlos-newsletter .views-field-title div:not(.nl_links) a:hover{
	color: #707070!important;
}

.diavlos-newsletter .views-field-title div.nl_links{
	margin-top:1em;
}

.diavlos-newsletter .views-field-title div:not(.nl_links) a:hover{
	color: #707070!important;
}

.diavlos-newsletter td.views-field-field-logo{
	width:100px;
}

.diavlos-newsletter .view-header{
margin:1em 0em;
}

.diavlos-newsletter .view-footer{
margin-top:1em;
}

.diavlos-newsletter .view-footer .social-icons{
	margin-top: 1em;
	display: inline-block;
}

.diavlos-newsletter .view-footer > a {
	color:#6FA8D9;
	display:block;
}

.diavlos-newsletter .view-footer >a:hover {
	text-decoration: underline;
}

#ui-datepicker-div{
	z-index: 5!important;
}

/*ui pop up*/
.ui-dialog-title{
	text-align: center;
	width: 100% !important;
}

.ui-dialog-titlebar.ui-widget-header{
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}

/*theme's icon font*/
[class^="icon"]:before, [class*=" icon-"]:before{color:inherit;}

.icon-facetime-video{
	padding-right: 10px;
	color: #B9D5EC;
	font-size: 14px;
}

hr,
.divider-solid
{
	border: none;
	background-color: #EBEBEB;
	height: 1px;
}

/*
h2.poster_heading{margin-bottom:5px!important;margin-top:1em!important;}
*/

.region-sidebar-right h2{
	margin-top:20px;
	margin-bottom:10px;
}


.responsive-hide,
#block-block-6{
	display:inline-block;
}

.responsive-show{
	display: none;
}

.display-none{
	display: none;
}

.display-block{
	display: block;
}

#simplenews-confirm-add-form #edit-cancel{

display: inline-block;
margin-bottom: 15px;
margin-left:1em;
padding: 6px 13px;
outline: medium none;
border: none;
color: #fff;
vertical-align: baseline;
text-align: center;
text-decoration: none;
cursor: pointer;

-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;

background: #6FA8D9!important;

font-family: 'Open Sans';
}



/*pager*/

.wp-pagenavi ul li,
.wp-pagenavi .page-numbers a{
	padding:0 1em;
	width: auto!important;
}

.wp-pagenavi .disabled {
	display: none;
}

.wp-pagenavi .page-numbers a{
	margin-bottom: 5px;
}

.wp-pagenavi .page-numbers a:hover{
	text-decoration: none;
}


.dafooterlogo{
	float:right;
	height:50px;
	width:auto;
}

/*
.nologo {
  display: block; height: 100px; width: 180px;
  border-style: none !important;
}
*/


/* RESPONSIVE  */
/* SOME CSS MEDIA QUERIES  */

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

	/* CAPTCHA */

	#recaptcha_table #recaptcha_image{
		float:left;
	}

	.flexslider .slides img{
		width:120%;
		max-width: 120%;
	}

.events-table th,
.events-table td{
	font-size: 0.85em;
}

.page-search #block-system-main .content{
	margin-left: 0px;
}

}
@media all and (min-width: 767px) and (max-width: 960px)  {

	#main{
		max-width: 550px!important;
	}

	.page_title{
		padding-left:192px;
	}

	.event_kyklos{
		padding-left:192px;
	}
	.event_news_item{
		margin-left: 192px;
	}

	.container{
		padding: 0 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.container .twelve.columns {
			width: 530px;
	}

	.container .eight.columns{
		margin: 0px;
	}

}


@media all and (max-width: 960px){

	#hall-program{
		width: 100%!important;
		margin: 0px;
		margin-top:1em!important;
	}

	#hall-program,
	#hall-program .select_room,
	#hall-program .fake-select-header{
		width: 100%!important;
	}

	.event_type{
		width:172px;
	}

	#contact-site-form .form-item input:not([type="checkbox"]){
		width:100%;
	}

	.contact-form input[type="checkbox"]{
		width:auto;
	}

	#contact-site-form .form-textarea-wrapper{
		width:100%;
	}

}

@media all and (max-width: 767px) {
	.search-wrapper .submit-search::after{
        	height: 37px !important;
	}

	#main{
                max-width: 400px!important;
    }

	/*flex slider*/

	.flex-control-nav.flex-control-paging{
		display:none;
	}

	.flexslider .views-field-nothing a{
		padding:5px;

		display: inline-block;

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

	.flexslider .views-field-nothing a h4{
		font-size:1.2em;
		margin-bottom:5px;
	}

	.flexslider .views-field-nothing {
		font-size:0.8em;
		bottom:5px;
	}


	.page_title{
		padding:0 10px!important;
	}

	.event_kyklos{
		padding:0 10px;
	}

	.event_news_item{
		float: right;
		margin: 10px;
	}

	.search-wrapper{
		padding-bottom:14px;
	}

	.search-wrapper .submit-search:hover:after, .search-wrapper .submit-search.active:after {
		background-color: #6fa8d9;
	}

	.region-header-right .search-wrapper{
		padding-bottom: 0px;
		width: 31px;
		height: 37px;
		margin-left: -2px;
	}

	#vid-buttons #btn-resize{
		display:none;
	}

	#header .region-header-right .block{
		display:inline-block;
		vertical-align: top;
	}

	/* login-newsletter header block*/

	#block-block-6{
		display: none!important;
	}

	/* general responsive class to hide or show an element */
	.responsive-hide{
		display:none!important;
	}

	.responsive-show{
		display: inline-block!important;
	}

	.view-calendar:not(.calendar_on) .attachment{
		display: block;
	}

	body.page-schedule:not(.calendar_on) .view-calendar .calendar-calendar,
	body.page-schedule:not(.calendar_on) .view-calendar .date-nav-wrapper{
		display: none;
	}

	.view .date-nav-wrapper ul.pager{display:block;position:relative;}

	#header{
		margin-bottom: 2em;
	}

	.event_type{
		position:relative;
		top: auto;
		left: auto;
		width:auto;
		padding:1em;
	}

}

.news_fresh {
  color: red;
}

/**
 * /content-providers page - fix for menu widths and content alignment!!!!
**/
.page-content-providers .container {
	width: 940px;
}

.page-content-providers .container .sixteen.columns {
	margin-left: 0px;
}

.page-content-providers .container .eight.columns {
	width: 450px;
}

	.recaptcha_image_cell{
		width:auto;
	}



@media only screen and (max-width: 767px) {
 .page-content-providers .container, .page-content-providers .container .eight.columns { width: 260px; }

 #footer .region-footer-1 > .block{
		padding:0;
	}

	/* CAPTCHA */

	.recaptcha_image_cell{
		width:auto;
	}

	#recaptcha_table #recaptcha_image{
		float:left;
	}

	#recaptcha_table #recaptcha_image, #recaptcha_table .recaptcha_input_area input{
		width: 170px!important;
	}


	#vid-buttons{
		margin-top: -1px!important;
	}

	#block-block-5 ul.social-icons li.lang{
		display: inline-block;
	}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
 .page-content-providers .container { width: 768px; }
 .page-content-providers .container .eight.columns { width: 364px; }


	#header ul.social-icons li.mail{
		display: none;
	}



}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .page-content-providers .container, .page-content-providers .container .eight.columns { width: 380px; }

}


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


  #header ul.social-icons li.mail {
    display: none;
  }
}
/*
Film Border
*/

/*.calendar_has_vod {*/

/*	display: inline-block;*/

/*	background-color: rgba(204,204,204,.4)!important;*/
/* 	width: auto;*/
/*	height: auto;*/
/*	position: relative;*/
/*	padding: 5px;*/
/*	border-right: 4px solid rgb(136, 136, 136)!important;*/
/*	border-left: 4px solid rgb(136, 136, 136)!important;*/

/*	border: 3px solid rgb(136,136,136);*/

/*	border-bottom: none!important;*/
/*	margin-left: 7px;*/
/*	margin-right: 7px;*/

/*	padding-bottom: 4px;*/
/*	margin-bottom: 4px;*/
/*}*/

/*.calendar_has_vod:before {*/
/*    content: "";*/

/*    background: -moz-linear-gradient(top, rgba(136, 136, 136,1)  5px, rgba(0, 0, 0, 0) 5px), */
/*                -moz-linear-gradient(left, rgba(136, 136, 136,1) 5px, rgba(255,255,255,1) 5px);*/
/*    background: -webkit-linear-gradient(top, rgba(136, 136, 136,1) 5px, rgba(0, 0, 0, 0) 5px), */
/*                -webkit-linear-gradient(left, rgba(136, 136, 136,1) 5px, rgba(255,255,255,1) 5px);*/
/* */
/*	background-size: 100% 10px;*/
/*    background-repeat: repeat-y;*/
/*    height: 100%;*/
/*	height: calc(100% + 3px);*/
/*    width: 10px;*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: -14px;*/
/*	*/
/*	top:-3px;*/
/*}*/

/*.calendar_has_vod:after {*/
/*	content: "";*/
/*	top:-3px;*/
/*	border-top: none!important;*/

/*	background: -moz-linear-gradient(top, rgba(136,136,136,1) 5px, rgba(0, 0, 0, 0) 5px),*/
/*                -moz-linear-gradient(right, rgba(136,136,136,1) 5px, rgba(255,255,255,1) 5px);*/
/*    background: -webkit-linear-gradient(top, rgba(136,136,136,1) 5px, rgba(0, 0, 0, 0) 5px),*/
/*                -webkit-linear-gradient(right, rgba(136,136,136,1) 5px, rgba(255,255,255,1) 5px);*/

/*    background-size: 100% 10px;*/
/*    background-repeat: repeat-y;*/
/*    height: 100%;*/
/*	height: calc( 100% + 3px);*/
/*    width: 10px;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: -14px;*/
/*}*/
/*}*/

/*
 * alvaf
 * 20190716
 * New methodology for sticky header menu
 *
 * use css rules in global.css to render sticky header menu
 *
 */

/*
 *	In case we use the sticky class name
 */

/*
 *	paddings required to appropriately center our sticky menu
 */
@media (min-width: 768px) and (max-width: 991.98px) {
	.sticky {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 992px) {
	.sticky {
		padding-left: 20px;
		padding-right: 20px;
	}
}
/*
 *	Get that menu stick on top
 */
.sticky {
  position: fixed;
  top: 0;
}
/*
 *	And fill up the empty space created from that action
 */
.sticky + .region {
  padding-top: 160px;
}
/*
 *	header menu should not get on top of admin menu
 */
#header.sticky {
	z-index: 99 !important;
}

/*
 *	In case we use the sticky class name
 *
 *	END
 */

/*
 *	Just a visual effect that also helps with jittering display
 *
 *	END
 */
#header.fixed {
	-webkit-transition: all 0.3s ease 0.2s;
	-moz-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
	z-index: 99 !important;
}

/*
 * alvaf
 * 20190716
 * New methodology for sticky header menu
 *
 * END
 *
 */

 /*
 * alvaf
 * 20190830
 * New layout for speakers display
 */
@media (max-width: 767px) {
    #credits_info.nine.columns,
    #credits_info_builtup.no-comments.nine.columns{
        margin-top: 15px !important;
    }
}
@media (min-width: 768px) and (max-width: 959px) {
    #credits_info.nine.columns,
    #credits_info_builtup.no-comments.nine.columns{
        width: 480px;
    }
}
@media (min-width: 960px) {
    #credits_info.nine.columns,
    #credits_info_builtup.no-comments.nine.columns{
        width: 480px;
    }
}
#credits_info,
#credits_info_builtup.no-comments{
    float: left;
    margin-top: 30px;
    border-top: 1px solid gray;
    margin-left: 0px;
    margin-right: 0px;
}
#credits_info.with-comments {
    margin-top: 0;
    border-top: 0;
}
#credits_info.with-comments #credits_info_builtup {
    font-family: 'Open Sans'!important;
}
#credits_info .ui-state-default {
    background-color: #6fa8d9;
    color: white !important;
    border: 0;
}
#credits_info_builtup .session_speakers {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
}
#credits_info_builtup .session_speakers .abovetypetitle {
    padding-bottom: 15px;
    border-bottom: 0;
    margin-bottom: 5px;
}
#credits_info_builtup .session_speakers .typetitle {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    width: max-content;
    width: -moz-max-content;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 30px;
    margin: 0 auto;
    font-size: 1.3em;
    font-weight: 800;
}
#credits_info.with-comments .session_speakers .typetitle {
    font-family: 'Open Sans'!important;
}
#credits_info_builtup .session_speakers .individual_speaker {
    padding-top: 5px;
    padding-bottom: 0;
}
#credits_info_builtup .session_speakers .sp_name {
    color: black;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 1.1em;
    font-weight: 800;
}
#credits_info_builtup .session_speakers .sp_title {
    color: gray;
    margin-bottom: 0;
    font-weight: 600;
    font-style: normal;
}
#credits_info_builtup .session_speakers .sp_title p{
    margin: 0;
    line-height: 1.3em;
}

/*
 * alvaf
 * 20190830
 * New layout for speakers display
 *
 * END
 */

/*  alvaf   20191009    */
#go_back_to_live_btn, #go_back_to_live_btn img {
    width: 200px;
}