/* GENERAL */
@media only screen and (max-width: 680px) 
{
    HTML { overflow-y: scroll; }
    BODY { margin: 0 auto; padding: 0; }
    BODY, TEXTAREA, INPUT, FORM, P, DIV, button { font-family: Arial; /*font-size: 17px;*/ }
    HR { border: none; height: 1px; color: lightgrey; /* old IE */ background-color: lightgray; /* Modern Browsers */ }
    A:link, A:visited { text-decoration: none; color: #1767b7; }
    A:hover, A:active { text-decoration: underline; color: #1767b7; }

    * { box-sizing: border-box; /* width includes all */ }
    .clearfix::after { content: ""; clear: both; display: table; }
    .VisibleMobile { display: block; }
    .VisibleDesktop { display: none; }
    
    /*UL { padding-left: 13px; list-style-type: none; }*/
    /*li { margin-top: 5px; }*/
    /*LI { margin-top: 7px; list-style-type: none; }*/
    /*p, div { line-height: 19px; }*/
    /*p { line-height: 18px; margin: 0.6em 0; depends on font size text-indent: 14px; }*/
    /*a:link, a:visited { text-decoration: none; color: #1767b7; }*/
    /*a:hover, a:active { text-decoration: underline; color: #1767b7; }*/
    /*h2 { margin-bottom: 50px; color: teal; text-shadow: 1px 1px 2px #cccccc; text-align: center; }*/
    /*h2 { margin-bottom: 25px; color: teal; text-shadow: 1px 1px 2px #cccccc; line-height: 120%; }*/
    /*h3 { margin-top: 37px; color: teal; line-height: 120%; text-shadow: 1px 1px 2px #bbbbbb; }*/
}


/* FRAMEWORK MOBILE */
.HeaderM { position: fixed; top: 0; width: 100%; height: 43px; background-color: white; }
.ContentM { margin-top: 43px; }
.ContentM footer > div:nth-child(1) { text-align: center; margin-bottom: 30px; font-size: 14px; }
.NavTableM { width: 96%; border-collapse: collapse; text-align: center; margin: 3px auto 0; }
.NavTableM tr { height: 30px; }
.NavTableM tr td:nth-child(odd) { width: 3px; border-bottom: 1px solid grey; background-color: white; }
.NavTableM .Normal { width: 30%; background-color: #f0f0f0; border: 1px solid grey; }
.NavTableM .Selected { width: 30%; background-color: white; border: 1px solid grey; border-bottom: 0; }
.NavTableM > tbody > tr > td > a { display: block; outline: 0; text-decoration: none; color: black; vertical-align: middle; text-align: center; }
.NavTableM > tbody > tr > td > a:hover { color: red; }
.SelectedFrame { border: 3px solid red; }
.SortFrame { text-align: right; font-size: 85%; margin-top: 3px; margin-bottom: 3px; margin-right: 15px; }


/* MOVIES TABLE MOBILE */
.MoviesTableM { width: 96%; border-collapse: collapse; min-width: 200px; margin: 0px auto 35px; /*table-layout: fixed;*/ } /* table */
.MoviesTableM tr:nth-child(odd) { background-color: #EFF3FB; } /* alternate row colors */
.MoviesTableM tr { border-top: 1px solid black; }
.MoviesTableM tr.SelectedFrame { border: 3px solid red; }
/* time, channel, eta */
.MoviesTableM tr td > div:nth-child(1) { float: left; width: 78px; text-align: center; } /* whole div */
.MoviesTableM tr td > div:nth-child(1) > div:nth-child(1) { margin-top: 18px; font-size: 95%; } /* time */
.MoviesTableM tr td > div:nth-child(1) > div:nth-child(2) { margin-top: 3px; font-size: 81%; } /* channel */
.MoviesTableM tr td > div:nth-child(1) > div:nth-child(3) { font-size: 81%; color: #708090; } /* channel number */
.MoviesTableM tr td > div:nth-child(1) > div:nth-child(4) { margin-top: 10px; font-size: 83%; } /* eta */
/* title, year, genre */
.MoviesTableM tr td > div:nth-child(2) { overflow: hidden; padding-left: 5px; padding-top: 5px; } /* whole div*/
.MoviesTableM tr td > div:nth-child(2) > a:nth-child(1) { text-decoration: none; outline: 0; color: black; font-weight: bold; font-size: 97%; } /* title */
.MoviesTableM tr td > div:nth-child(2) > a:nth-child(2) { text-decoration: none; outline: 0; } /* share link */
.MoviesTableM tr td > div:nth-child(2) > a:nth-child(2) > img { vertical-align: middle; margin-left: 5px; } /* share image */
.MoviesTableM tr td > div:nth-child(2) > div:nth-child(3) { font-size: 87%; color: #708090; } /* english title */
.MoviesTableM tr td > div:nth-child(2) > div:nth-child(4) { display: inline-block; font-size: 87%; margin-top: 6px;  } /* APR */
.MoviesTableM tr td > div:nth-child(2) > div:nth-child(5) { display: inline-block; font-size: 87%; margin-top: 6px; color: #708090; margin-left: 10px; } /* IMDB score */
.MoviesTableM tr td > div:nth-child(2) > div:nth-child(6) { font-size: 87%; margin-top: 5px;  } /* year, countries */
.MoviesTableM tr td > div:nth-child(2) > div:nth-child(6) > span { color: rgb(99, 33, 78); }
/* year*/

.MoviesTableM tr td > div:nth-child(2) > div:nth-child(7) { font-size: 85%; } /* gendre */
.MoviesTableM tr td > div:nth-child(2) > div:nth-child(8) { font-size: 85%; } /* actors */
.MoviesTableM tr td > div:nth-child(3) { clear: both; margin: 3px 0 7px; } /* description  */
.MoviesTableM tr td > div:nth-child(3) > a { color: gray; font-size: 85%; text-decoration: none; display: block; } /* description */


/* DOCUMENTARIES TABLE MOBILE */
.EmisiuniTableM { width: 97%; border-collapse: collapse; min-width: 200px; margin: 0px auto 35px; table-layout: fixed; } /* table */
.EmisiuniTableM tr:nth-child(odd) { background-color: #EDF2EA; } /* alternate row colors */
.EmisiuniTableM tr td:nth-child(1) > div:nth-child(1) { font-size: 79%;  } /* time */
.EmisiuniTableM tr td:nth-child(1) > div:nth-child(2) { font-size: 78%; color: #708090;  } /* channel number */
.EmisiuniTableM tr td:nth-child(2) { font-size: 80%; padding-left: 5px; }   /* channel */
.EmisiuniTableM tr td:nth-child(3) a { font-size: 91%; color: black; text-decoration: none; } /* title */


/* CINEMA TABLE MOBILE */
.CinemaTableM { width: 96%; border-collapse: collapse; /*table-layout: fixed;*/ min-width: 200px; margin: 0px auto 35px; }/* table */
.CinemaTableM tr:nth-child(odd) { background-color: #FAF2EF; } /* alternate row colors */
.CinemaTableM tr { border-top: 1px solid black; }
.CinemaTableM tr.SelectedFrame { border: 3px solid red; }

/* divs*/
.CinemaTableM tr td > div:nth-child(1) { float: left; width: 80px; margin-top: 9px;  } /* image */
.CinemaTableM tr td > div:nth-child(2) { overflow: hidden; padding-left: 7px; padding-top: 5px; ; } /* details */
.CinemaTableM tr td > div:nth-child(3) { margin-bottom: 7px; clear: both;  } /* description  */
/* details */
.CinemaTableM tr td > div:nth-child(2) > a:nth-child(1) { text-decoration: none; outline: 0; color: black; font-weight: bold; font-size: 97%; } /* title */
.CinemaTableM tr td > div:nth-child(2) > a:nth-child(2) > img { vertical-align: middle; margin-left: 5px; } /* share image*/
.CinemaTableM tr td > div:nth-child(2) > div:nth-child(3) { font-size: 87%; color: #708090; } /* english title */
.CinemaTableM tr td > div:nth-child(2) > div:nth-child(4) { font-size: 87%; display: inline-block; margin-top: 4px; } /* APR score */
.CinemaTableM tr td > div:nth-child(2) > div:nth-child(5) { font-size: 87%; display: inline-block; color: #708090; margin-left: 10px; } /* IMDB score */
.CinemaTableM tr td > div:nth-child(2) > div:nth-child(6) { font-size: 87%; margin-top: 5px; } /* country year */
.CinemaTableM tr td > div:nth-child(2) > div:nth-child(7) { font-size: 87%; } /* gen */
.CinemaTableM tr td > div:nth-child(2) > div:nth-child(8) { font-size: 87%; } /* actors */
/* description */
.CinemaTableM tr td div:nth-child(3) > a:nth-child(1) { color: gray; display: block; font-size: 82%; text-decoration: none; margin-top: 3px; } /* description  */
.CinemaTableM tr td div:nth-child(3) > a:nth-child(2) { color: black; display: block; font-size: 82%; text-decoration: none; margin-top: 4px; } /* cinemas */