body {color:White;}

.scrollbar_subtle {
	scrollbar-width: thin;
	scrollbar-color: #595959 transparent;
}

.scrollbar_subtle::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: transparent;
}

.scrollbar_subtle::-webkit-scrollbar-track {
	background: transparent;
}

.scrollbar_subtle::-webkit-scrollbar-thumb {
	background-color: #595959;
	border-radius: 8px;
	border: 2px solid transparent;
	background-clip: padding-box;
}

.scrollbar_subtle:hover::-webkit-scrollbar-thumb {
	background-color: #6a6a6a;
}

.show_title {font-size:16px;}

#title_bar {
	background: linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(51,51,51,1) 100%);
	font-size: 28px; font-weight: bold; padding-left:10px; min-height: 50px; margin-top: 10px;
	display: flex; align-items: center;
}
#title_bar a {color:White; text-decoration: none}

a.white {text-decoration: none; color:White;}
a.white:visited {text-decoration: none; color:White;}


.unit_title {
	background: rgb(52,52,52); background: linear-gradient(180deg, rgba(52,52,52,1) 0%, rgba(36,36,36,1) 100%);
	
	border-top: 1px solid #444444; border-left: 1px solid #444444; border-bottom: 1px solid black; 
	font-size:22px; line-height: 44px; font-family: Arial; padding-left:10px;
}

.show_text {
	background: rgb(21,21,21); background: linear-gradient(180deg, rgba(21,21,21,1) 0%, rgba(39,39,39,1) 100%);
	font-size: 18px; line-height: 22px;
	padding: 16px;
	color: #e0e0e0;
}

.show_text p {
	margin: 0 0 14px 0;
}

.show_text p:last-child {
	margin-bottom: 0;
}

.show_text_smaller {
	background: rgb(21,21,21); background: linear-gradient(180deg, rgba(21,21,21,1) 0%, rgba(39,39,39,1) 100%);
	font-size: 18px; line-height: 24px; 
	padding: 16px;
	color: #e0e0e0;
}

.section {
	background-color: #313131; padding:14px; font-size: 18px
}

.cast_person_div {
	height: 50px;
	background: rgb(11,11,11);
	background: linear-gradient(180deg, rgba(11,11,11,1) 26%, rgba(34,34,34,1) 100%);
	border-top: 1px solid #444444; border-left: 1px solid #444444; border-bottom: 1px solid black; border-right: 1px solid black;
	margin-bottom:8px;
	cursor:pointer;
	clear: both;
	/* no-op για τα <div>, απαραίτητο για τα <a> που τα αντικατέστησαν (τα anchors
	   είναι inline by default και θα κατέρρεαν το ύψος των 50px) */
	display: block
}

.cast_person_info .role {
	color:#a5a4a4;; font-size: 15px; margin-bottom: 8px; line-height: 17px;
}

.cast_person_info {
	padding-top: 3px; font-size: 17px; line-height: 21px;
}

.cast_person_info a {
	color:White; text-decoration: none
}

.genre {
	font-size:12px; float:left; 
	background: rgb(78,78,78);
	background: linear-gradient(180deg, rgba(78,78,78,1) 26%, rgba(56,56,56,1) 100%);
	padding:0px 10px 0px 10px;
	height: 26px; line-height: 22px;
	border-top: 1px solid #616161; border-bottom:1px solid #1e1e1e;
}


.titlebar_button {
	display: flex; width: auto;
	font-size: 14px; font-family: calibri; font-weight:normal;
	background: rgb(62,62,62);
	background: linear-gradient(180deg, rgba(62,62,62,1) 0%, rgba(74,74,74,1) 100%);
	padding: 0px 14px;
	height: 30px; line-height: 30px;
	margin-right:12px;
	cursor: pointer; text-align: center;
	float: left
}

.titlebar_button:hover {
	background: rgb(110,110,110);
	background: linear-gradient(180deg, rgba(110,110,110,1) 0%, rgba(74,74,74,1) 100%);
	cursor: pointer;
}


#container {
    display: table;
    width: 100%;
}
#left_column, #middle_column, #right_column {
    display: table-cell; vertical-align: top;
}

#middle_column {
	padding-left: 20px; padding-right: 20px
}

#left_column {
	width: 20%;
	min-width: 300px;
}

#left_column, #right_column {
	width: 20%;
	min-width: 300px;
}

.youtube_container {
	position:relative; width:100%; height:0; padding-bottom:56.25%
}
.youtube_video {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.infobox_title {
	background-color: #1c1c1c; margin-bottom: 0px; line-height: 32px; padding: 2px 10px
}

.infobox_info {
	background-color: #242424; margin-bottom: 10px; line-height: 22px; width: 100%; min-height: 32px; padding: 10px
}


#top_bar {width:100%}

#logo {
    float: left;
    width: 20%;
    min-width: 210px
}

#banner_728x90 {
  	float: left;
  	width: 60%; 
  	min-width: 728px;
}

#social {
  float: right;
  width: 20%; /* The width is 20%, by default */
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
 	#logo, #banner_728x90, #social {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

* {
  box-sizing:border-box;
}

.left {
  background-color:#2196F3;
  padding:20px;
  float:left;
  width:20%; /* The width is 20%, by default */
}

.main {
  background-color:#f1f1f1;
  padding:20px;
  float:left;
  width:60%; /* The width is 60%, by default */
}

.right {
  background-color:#4CAF50;
  padding:20px;
  float:left;
  width:20%; /* The width is 20%, by default */
}

#login a {color: #eba40c; text-decoration: none}
.show_text a {color: #eba40c; text-decoration: none}
.show_text a:hover, a:visited {text-decoration: none}
.show_text_smaller a {color: #eba40c; text-decoration: none;}
.show_text_smaller a:hover {color: #fcc600; text-decoration: underline;}



.cms_button {width: 80px; height: 30px; background-color: #4e4e4e; color:White; padding: 5px 5px 10px 10px; margin:0px; cursor:pointer; border-bottom:1px solid #000000; text-decoration: none}
.cms_button:hover {background-image: linear-gradient(#2271a9, #4292cc) !important}
.cms_button:active {background-color: #000000}



/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .left, .main, .right {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}


.gallery-cell {
	height: 200px;
	width: 20%;
	margin-right: 10px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: all;
	background-repeat: no-repeat;
	background-color: #212121;
	background-position: center;
}



/* ------ FOOTER ------ */
.footerCont{
	min-height: 36px;
	padding:5px 10px 5px 10px;
	width:100%;
	border-top:1px solid #5f5f5f;
	border-bottom:1px solid #373737;
	background:#494949;
    background: -webkit-linear-gradient(#494949, #313131);
    background: -o-linear-gradient(#494949, #313131);
    background: -moz-linear-gradient(#494949, #313131);
    background: linear-gradient(#494949, #313131);
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
	-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}

.footerCont a {
	color: White; text-decoration: none
}

.footerTotalMenuCont a:visited {
	color: #9a9999; text-decoration: none
}

.mainBodyContainer .footerCont .contact{
	color:#FFF;
	font-size:17px;
	margin-left:100px

}

.mainBodyContainer .footerCont .contact a,.mainBodyContainer .footerCont .contact a:hover{
	color:#FFF;
	text-decoration:none;
}



#news_right_column {
	font-size: 16px;
	line-height: 18px;
	margin-top:6px;
	background-color: #2b2b2b;
	padding:5px;
	cursor: pointer
}

#news_right_column:hover {
	background-color: #3d3d3d;
}

#news_right_column .date {
	font-size: 13px;
	color: #8c8c8c;
}


#news_right_column a {
	color:#e0e0e0;
	text-decoration: none
}


/* SHOW */
.show_season {
	background: rgb(24,24,24);
	background: linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(36,36,36,1) 100%);
	float:left; 
	border-left:1px solid #303030; border-top: 1px solid #303030; border-bottom:1px solid #1a1a1a; border-right: 1px solid #1a1a1a;
	cursor: pointer; 
	width: 36px; height: 32px; 
	margin-top:4px; margin-left:10px; 
	line-height: 32px; text-align: center; font-size: 20px
}

.show_season_selected {
	background: rgb(65,0,0);
	background: linear-gradient(180deg, rgba(65,0,0,1) 0%, rgba(139,10,10,1) 100%);		float:left; 
	border-left:1px solid #303030; border-top: 1px solid #303030; border-bottom:1px solid #1a1a1a; border-right: 1px solid #1a1a1a;
	cursor: pointer; 
	width: 36px; height: 32px; 
	margin-top:4px; margin-left:10px; 
	line-height: 32px; text-align: center; font-size: 20px
}



/* ΠΡΟΓΡΑΜΜΑ ΣΥΝΟΠΤΙΚΟ */
	.program_table_div {margin-bottom:20px; width: 100%; }
	.program_table {width: 100%; background-color: #141414; border:1px solid #303030; font-size: 16px; line-height: 18px;}
	.program_table td {padding-left: 5px; border-bottom:1px solid #303030; padding-top: 4px; padding-right: 5px}
	.program_table a {color: White; text-decoration: none}
	.program_table a:hover {color: #e3b886; text-decoration: none}
	.program_table tr {height: 34px; vertical-align: top}
	.program_table .episode {color: #a8a8a8; font-size: 14px}
	.program_table tr:hover {color: #e3b886; background-color: #120e0e}
	.channel_categories {width:100%; border-collapse: collapse; margin-top: 10px; background-color: #141414;}
	.channel_categories a {color: White; text-decoration: none}
	.channel_categories td {width: 50%; font-size:18px; border: 1px solid #474747; padding: 5px; }
	.channel_categories td:hover {color: #e3b886; background-color: #120e0e; cursor: pointer;}
	.on {background: rgb(20,20,20); background: linear-gradient(180deg, rgba(20,20,20,1) 90%, rgba(157,0,19,1) 90%);	}


/* YOUTUBE EMBED */
.hs-responsive-embed-youtube {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	padding-top: 25px;
}

.hs-responsive-embed-youtube iframe {
	position: absolute;
	width: 100%!important;
	height: 100%!important;
}

.yt_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-top: 20px
}
.yt_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.newsbody img {
	max-width: 100% !important;
	height: auto
}