/* mobile specific font size and dimensions (width, height, padding, margins) should go in the media sections at the bottom */
body {
	margin: 0;
	background-color: #212529;
	color: #fff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.container {
	margin-left: auto;
	margin-right: auto;
}
.fixed {
	background-color: #058;
	box-shadow: 0px 0px 8px #000;
	min-height: 100%;
	position: absolute;
}
.header {
	font-family: sans-serif;
	text-shadow: 0px 0px 3px #fff;
	background-image: url("data:image/png;base64,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"); 
	border-bottom: 1px solid #000;
	position: fixed;
	z-index: 2;
	cursor: pointer;
}
.header:hover {
	text-shadow: 0px 0px 6px #f00;
}

.header.smaller { 
	border-bottom: 1px solid #000;
	position: fixed;
}
#footer {
	text-align:center;
	color:#ddd;
	font-family: monospace;
	background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wgARCACMAIwDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEG/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAABwNgFIUhSWBYABRFJQgCiLBYAAFgWUSiLCyiUJUCiFJQlgLAUihKBBZRLCywWAsALLAoiwVCoCwAAoIoEALAFIAAoICiFEoSiLCyiWUllIUlAQWAUlQAoIAoRCgqUJSWAUQP/xAAUEAEAAAAAAAAAAAAAAAAAAACA/9oACAEBAAEFAiJ//8QAFBEBAAAAAAAAAAAAAAAAAAAAYP/aAAgBAwEBPwEj/8QAFBEBAAAAAAAAAAAAAAAAAAAAYP/aAAgBAgEBPwEj/8QAFBABAAAAAAAAAAAAAAAAAAAAgP/aAAgBAQAGPwIif//EAB8QAAEDBQEBAQAAAAAAAAAAAAEAEBEgMDFAQVBgcf/aAAgBAQABPyHRxpYsYtTSLs7XKjf5XHzU+J+zpR4XXKCLyuOGDFuIIlf/2gAMAwEAAgADAAAAELOOOJLPOGIPMNLPPLKONEIJMOILNOMEBKFFLNPFMNJDNOPAMBPHOPPMDMOEENEKKOIBLOJPANOHNDBLOBP/xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAEDAQE/ECP/xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAECAQE/ECP/xAAmEAACAgICAQQDAQEBAAAAAAAAAREhMUFRYXEQgZGhscHw4dHx/9oACAEBAAE/EGaSFDdYHTXOxzeIP0fRqzzOD58F+xLhRA3emkdFfI4wTFE4SL7LmcnMZF9i6ryLPJRtzs15Jjb59E8KSIv7HHL79HfbNCeEsRKT2TxrRqTpoyYfBkZ/As0R0bL6SOj94JT0Re/Q7evc35M4VG2m1LMhEXY8/wBI+si+WYXX5IuiZ9Pcef6i3BSkl8mCG1ckx2bMZG4vZzng2Pv2N9oiyMkfKuR7ZHc8yczZE4XuTEpJ+yHc6gdrsURX5E346Hr1maGqZmIcIUKkRSs+jQluVizK1ResHx7s0dM6j0pqLlnFGsD4RF0oHSsikmeBxnJ2Oeb9E5vSwS5P6PSrVkUkPyXEbI0xv5HLSk1wyJey2o/ZuxuqwKVcZHHkUL8icba8IjkiHote4lod+CmcqBZqlwJxgwJTyVLknm0J/B0nCEk+C8MdPXpNcdE5OLozkfwhU13pGk5FqzJ7D3xItrUUJ+D5k8ZNjhxKHDfA+hxeeX2TwLKl9keYJsj/AMJtagULNvwOVuhKsqTWjKfp5ysmbXuxvEEQqJqFZwPNKiIy5M09jieRVgbqsG6O5sTFXJoUz9ie4RvMokqX2zbG6ux4k2TKjRkWXyhKHKeRdeixw0SiVyK1ci/qI7IuyOBL/hdOh5yfkeNyZReOi3N/Q8wdOjpjkfsbx8Dmawdfn0haM+jUYQuLhaNFtGNYPCQpwxLyduZJp89HnBhvY9ifJBSXkUzYmam/ZtC8MfEoh9O4FSsVu3jRGVA1tsjgw6Rw5Xo8EJrH+GZjBiJLYu48E8OPclYqTCjZqEhQa0Kqbsyn10J3SUChbrkWWR/Iz/hkSlcDxjRmSwYUjnT+4KtehB5G4dJDbNEww8x/YIp+J+xJrsm4EmTRl8He4Fg+RsMgdH//2Q=="); 
	border-top: 1px solid #000;
	position: fixed;
	bottom: 0px;
	width: 100%;
}
.logo {
	position: absolute;
	color: #fff;
	font-weight: 700;
}
.title {
	position: absolute;
	border: 0px;
	z-index: 1;
	color: #fff;
}
.title.smaller {
	top: 0px;
	border-bottom: 0px solid #9bc;
}
.actor_thumbnail {
	max-width: 200px;
}
.actor {
	cursor: pointer;
	color: #366;
}

a.title_link { text-decoration:none; }
a.title_link:link { color:#339; }
a.title_link:visited { color:#339; }
a.title_link:hover { color:#339;}

a.copypaste_url { text-decoration:none; }
a.copypaste_url:link { color:#f00; }
a.copypaste_url:visited { color:#f00; }
a.copypaste_url:hover { color:#f00;}

.ui-widget{ font-size: 0.8em; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding-left: 0.4em; padding-top: 0.2em; padding-bottom: 0.2em; padding-right: 0.4em; }
.ui-tabs .ui-tabs-nav { padding: 0; }
.ui-tabs .ui-tabs-panel { padding: 0.1em; }
.ui-dialog .ui-dialog-titlebar { padding: 0.4em; }
.ui-dialog .ui-dialog-content { padding: 0.1em; }
.ui-dialog .ui-dialog-titlebar-close { width:16px; height:16px; margin:-8px 0 0 0;}

.post {
	display: flex;
	background-color:#ddd;
	height: 70px;
	border-radius: 2px;
	margin-bottom: 10px;
}
.post_score {
	text-align: center;
	width: 45px;
	line-height: 16px;
}
.post_thumb {
	width: 70px;
}
.post_details {
	width: 100%;
}
.post_title {
	background-color:#fff;
	box-shadow: 0 4px 4px -2px #fff;
	width:100%;
}

.icon_up_novote {
	cursor: pointer;
	width:16px;
	height:16px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAB3RJTUUH3wcXEi0sXQL2fgAAAAlwSFlzAAAewgAAHsIBbtB1PgAAAARnQU1BAACxjwv8YQUAAAD1SURBVCjPddA9TsNQEATgFUKUFDQU9FyBY3AKWnpugGgpKZEoOAEX8E+M8M97ejFKwIBDgDg2sekAeSZFSJQEe9pvd6VZkZXEz3Em7dHHPfShz1qYm92fnAVN3d9uHDCXCb5Y8ZHRTQMnu11MWLFkQYVw//++P0DFkhN+8om6t8bRQYzyjwvmVAgOV+tlwwUXzJnSL5dYHd1jmcfMGME9mdfbMN+jxfEZj5jS+73emr3n4gHr/MF3KrhXImLvmHrcwG9M6cDeE2MnjTzkKzVtTzTyFh7whRZEIWvhlAmtWsLzABFCBPBxh1t46KADFw4s2LVzOgVjgzeg0Liy9wAAAABJRU5ErkJggg=="); 
}
.icon_up_vote {
	width:16px;
	height:16px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH3wcXEi4EQ5oNRwAAAAlwSFlzAAAewgAAHsIBbtB1PgAAAARnQU1BAACxjwv8YQUAAAGqSURBVHjalZE9TxtBEIZn9uNub+/LClaAIgVNmkip0hAKOiSiGGSQ2wgkoErDD7CElC51JBKloEvhJhEg8y/4DUgUiSIfxjIiBXc7WR82Mol9sm+1u6N353n3Zgeg4Ns8636rNjvNohw27qDa7C4j0hvJ2evqaXtjKoODA7K6+VoOVTwTqJgQPq02yZ3Y4PxVZ0dJNusIDkIw0I4TOdTeH5WL/wq1xu8gDdyL+ZKe4ZwBEUBKBn62btoG+POTStQq/IO7wP0QKKkHMNnBECH0nYBB9rGwhPUfyTMk2oq04w1gu+VGgXIlAm1UjpMXYw1Q8i+lQIVoKxuGqV9s6KsICQ5HGrw9SRY5wpLvSP4fnMcEnpLIGb6sfE9WHhsQoWD86EnoRYSj4VyzM450jGg+1xrEHwzWjq/fuYLP2csL4Z7ObWulI8t/RGs3r6zWuPTu/PBirqSfsoeXHw3fxwRZSpAk11fZrVhgmR/WtSvCSeFezOxjeVppptM6ywztxdr1JoWhr3ueUjbYZrY9aKaB6X6a3onttjCG3v+66h4O5cBw9jjNrqlt2N5ft4bmFnL1XFEAAAAASUVORK5CYII="); 
}
.icon_up_novote:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH3wcXEjQM/Wx/rgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAF3SURBVHjajZK7SgNBFIbPzM5uNglJiC5YaWVhaSHoW/gQKhivlYWdjRbGiAgBrdTWFBYG8i5WIgEhixKiKCbrHv/ZZGPUZN2BYWbOnG/mPxeiiMEnG/eYjSgfORIurW2RFFNkSAf7w1F+Yihc2VNUd98olzZJwKX56pMy8mLztBVPQd29IEspQPCAi6kkfXSuYyng8vYEtb1HymdE8DsxkY/53GKsM2Ln7C5aQdurUTJBfZh7djshoKYaGQIfFeYBzlLSEn2Yey8kLX2Y5uLq4mgFyrjF792wBuFwpGwB29XQB7hUWEFGHLLNvzD31FhKJzXLB8u7P5KIsklk/p0yKSvIfAj3V/rOR8fTZfWe3GbaOa60uwoeGucAzX9hbdM+ljLGndxloID3l8YQm0vZtETnRcPh3aePsr7oi0kJuIoX48N6q31tXSm6kWiOhaDuceHQnkrodU51DYMZjwHrs+8HBgUFZcSzHnTeb4B5eDn1io4AU/wCItS/qyj4sU4AAAAASUVORK5CYII="); 
}

.icon_down_novote {
	cursor: pointer;
	width:16px;
	height:16px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAB3RJTUUH3wcXEi4VKSottQAAAAlwSFlzAAAewgAAHsIBbtB1PgAAAARnQU1BAACxjwv8YQUAAADvSURBVCjPdck9UoNQGIXhbxzH0sLGwto1uAN3Ym/nFrIAW6t0LiAr4N4LxEBICDM4gyaQRIM/0KrhHAtnogg85ftKeB0hQogQU0wQIMAYPjyMMIRbDXsSoWDJkgXf+cZXvjDnhs984poZbcgMRcdeM6NTyczMO/aKIY0j+iis8ta9oIE+EZHJTYzmXtKH6ouICPfGH8vGTqi+bg/kh38RoL4zulBX8svLk9qOqUv5y5zdYbXbKQ3UudTZo2i3p1Sx/Gcf25gzY8pHKtin0mT6PlIu6FEPpA339ec9E1rbwaG0sy4duFA96WYerE29fANqVDTaN2dj7QAAAABJRU5ErkJggg=="); 
}
.icon_down_vote {
	width:16px;
	height:16px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH3wcXEi4j5pC4LAAAAAlwSFlzAAAewgAAHsIBbtB1PgAAAARnQU1BAACxjwv8YQUAAAGBSURBVHjalVK7SkNBED2zSBQbrSz9LAs7mygEAhoNkkIiKEEwigRsosTCTrCxtBZrWxsLGx9Ict+P3L3rbN7vxynunZ2dc3Z2z1AprzYhcQ2CgoZCM1D9cWvZ+vAvRsS85AJilFbXsCIEJ1ubHeKgILo1sQSqPyiLmBNE85EboGZKkELZMeHNQ9axZ8HnwysicnAcuLBkNDtZt++7cBIeTsTeJXlK4tAxYMxC1rANWHx6Ll0iU+hEuoC7eoivKJhO5jrUA/yuf+BWr0XzPUjFMbbMGsxJZP3nTmvc8c7GA8mOgMZugV7Z25fAgxxHDgMofqu3/SI9t/cFeiAJ27YJS6lhsg7tKr9ThGQvp08gc0qf3EXFteD1zoWGZ6OuCI+ZC3ofK6CxuIQj34ErZdcRpW2zYYUC2cH6IYFUnmxtkWvAbDvC13K4o7Ncgf6mCjR8XsYN2/WtLYt4wEIPZsLH1ajakQL5PMV8haTFw2XXYHATKR6aAPOimFX35wfqaVLNP3zGBdKGiQEvAAAAAElFTkSuQmCC"); 
}
.icon_down_novote:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH3wcXEjgIVrT0uwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAADlSURBVHjaY/jPwjAFiP+Rgf8CcQcjiMPACITkgP8M/5nI0ohkBMiAk0CTyLEdBM6AvCAEZLwGeoI01/wHGyHLxPiH4R2QsQAqQIrmpUC9T8GB958VaPt/hu9AV7AR6fQ/QJqb8S/DL7CzGX8DY4KBIYdIV4DU1IA0g/WiyLAwvAJSojgjFWL8R6DTBWBC6AHnC1eG24gw/O5jYTgLxP+B4YKKWcD4JmEPsjCIQ5MqumaQmCpxscTCsBisAdWAbURpBhvAysAC1PALqhGE/wAxH9EGQF1RgJTzOkjSjGTIPSB+iU8NAFOXis1hCC71AAAAAElFTkSuQmCC"); 
}

.show_only {
	color: #fff;
	margin-top:20px;
	padding: 3px;
	background-color:#aaa;
	border-radius: 2px;
}

.align_right {
	text-align: right;
}
/* end of layout and headers */

/* general stuff */
.bold_title {
	font-weight: bold;
/*	text-shadow:0px 0px 1px black; */
}
.linker {
	color:#00f; 
	text-decoration:none; 
	cursor:pointer; 
	display:inline;
}
.linker:hover { 
	background-color: #ffa; 
}
#hide {
	font-family: monospace;
}
a { text-decoration:none;}
a:link { color:#88f; }
a:visited { color:#66f; }
a:hover { color:#00f; }
a.data_header { text-decoration:none; }
a.data_header:link { color:#fff; }
a.data_header:visited { color:#fff; }
a.data_header:hover { color:#ccc;}
a.data_header_highlight { text-decoration:none; }
a.data_header_highlight:link { color:#fff; }
a.data_header_highlight:visited { color:#fff; }
a.data_header_highlight:hover { color:#ccc;}

.sort {
	cursor: pointer;
}

.checkbox_locations {
	white-space: nowrap;
}
.abbreviate {
	display: inline block;
}
.location_info_open {
	cursor: pointer;
}
/* end of general stuff */


/* form required field */
input,select,textarea {border:1px solid black }
input[readonly]{
	background-color:#eef;
}
.right{ border:1px solid blue }
.error{border:1px solid red }
.required {
	border: 1px solid red;
}
.required_entered {
	border: 1px solid green;
}
/* end of form required stuff */

/* tags */
.tag {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAK3RFWHRDcmVhdGlvbiBUaW1lAEZyaSA2IEZlYiAyMDE1IDE0OjQyOjU5IC0wNTAw0osb2wAAAAd0SU1FB98CBhMvJTdv+eUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAEZ0FNQQAAsY8L/GEFAAAAXVBMVEUH7gCnUQBIIwDAXgD/fQDkbwBAHwC/XQDrcwBEIQDocQDlcACoUgC8XAC7WwD6egD3eQC9XAD9fADIYgBWKgD7ewD+fAC0WADtdAD5egC2WQDPZQD2eAD1eAC6WwANWI9+AAAAAXRSTlMAQObYZgAAAE5JREFUCB0FwQcCwQAAALHgqE3t/f9nSiw/9f0Bnr3eNQC3O48awenscq12cOhYVSN2VVXtMVRVtcWsqtpMYahqvQKGarkCmDVfADCZwh8nNQLj9dnU0QAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:12px;
	padding-right:2px;
	border:1px solid #ccc;
	background-color:#555;
	color:#fff;
	padding-bottom:2px;
	font-size: 0.7em;
	cursor: default;
	border-radius:4px;
	display: inline;
	cursor: pointer;
}
.delete_tag:hover {
	background-image: url("data:image/gif;base64,R0lGODlhDAAMAPcAAAAAADg4ODk5OTo6Ojs7Ozw8PD09PUpLSkpLS0xMTE1NTU5OTk9PT1BQUFtbW11dXWBgYGFhYWlpaWpqam1tbW5ubnBwcHd3d3h4eH19ff8HHP84Rf86R/88Sf89Sv8+S/8/TP9ATf9DUP9EUf9FUv9GU/9HVP9IVf9JVv9KVv9LV/9LWP9NWv9OW/9QXP9RXf9RXv9SX/9TYP9UYP9VYf9WYv9YZf9aZv9bZ/9caf9dav9fa/9hW/9kYP9nZP9gbP9ibv9qaf9tbf9tbv9kcP9lcf9mcv9nc/9ndP9odf9pdv9qd/9vcP9seP9tef9ue/9vfP9xc/9xdP90d/9wfP9xff9yfv9zf/90eP92e/93fP94fv9zgP90gf92gv93g/96gf97gv95hv96hv97h/99hv99if9/if9+iv9/i4CAgIaFhoaGhYqKio2NjZGRkZOTkpSUlJaWlpiXl5mZmZycm52dnZ6enp+fn6CgoKKioqSkpKWmpaampqenp6eoqKmpqa2tra6urrCwsLCwsbKysrOzs7S0tLW1tbW2tbW2tre3t7m5uby8vL29vb2+vf+Bjf+Cjv+EkMHBwcTExMbFxcXGxcXGxsfIyMjIyMnJycvLy83NzdDQ0NLT0tTT1NTU09bW1tjY2NnZ2d3d3d7e3d7e3t/f3+Df4ODg4OHh4eLh4uHi4eHi4ubl5ebm5ubm5+jp6Ojo6evr6+vs6+zr6+zr7O7u7vDw8PDw8fPz8/Pz9PP08/Tz8/T08/X19fX19vX29vj4+Pr6+vz8/Pz8/f39/v3+/f3+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAMAAwAAAiSAIkFEcJEypQsW8KUOUOMh6SHkdCI8VLFSRINDiWlIfPlypMlRoBo6AHJTLIuVJocSbYDhwYfY7xYSaakSLIcNmZoCMIFypKVyW7UgMFCwxCLRH4kSyajhYoSGqKE1JGMxotkJ0aA0IClZbIYLVKQSOZhgwYtOV2sMCHiA4cNZsEQRTEiRAe4cDWk0sC3r99UAQEAOw==");
	border:1px solid #aaa;
	background-color:#666;
	color:#ddd;
}
.delete_movie {
	cursor: pointer;
	color: #fff;
	background-color: #a00;
}
.delete_movie:hover {
	background-color: #f00;
	color: #fff;
	box-shadow: 0px 0px 4px #f00;
}
.tag_movie {
	cursor: pointer;
	color: #000;
	background-color: #feb;
	padding: 2px;
	font-size: 0.8em;
	border-radius:4px;
	border:1px solid #ccc;
}
.genre {
	color: #fff;
	background-color: #373;
	padding: 2px;
	font-size: 0.8em;
	border-radius:4px;
	border:1px solid #ccc;
	display: inline;
}
.p1080 {
	color: #fff;
	background-color: #000;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.8em;
	border-radius:4px;
	border:1px solid #ccc;
	display: inline;
}
.p720 {
	color: #fff;
	background-color: #999;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.8em;
	border-radius:4px;
	border:1px solid #000;
	display: inline;
}

.dvd {
	color: #000;
	background-color: #fff;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.8em;
	border-radius:4px;
	border:1px solid #000;
	display: inline;
}

.tag_movie:hover {
	background-color: #f00;
	color: #000;
	box-shadow: 0px 0px 4px #fa0;
}
.tag_movie_sub {
	z-index:5;
	color: #fff;
	background-color: #00f;
}
.tag_movie_sub:hover {
	background-color: #00a;
	color: #fff;
	box-shadow: 0px 0px 4px #00f;
}
.tag_title {
	font-weight: bold;
	text-decoration: underline;
}
#subtag1 {
	padding:5px;
	border:1px solid black;
	box-shadow: 0px 0px 4px #000;
}
.set_tag {
	cursor: pointer;
}
.set_tag:hover {
	box-shadow: 0px 0px 4px #00c;
}

.extra_text {
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
}

/* end of tags */

/* dialogs */

#temp_dialog_box {
	background-color:#ccc;
	display:none;
	width:14px;
	height:12px;
	position:fixed;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	left: 0px;
	right: 0px;
	border:1px solid #777;
	z-index:2;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAALHRFWHRDcmVhdGlvbiBUaW1lAEZyaSAxMCBBcHIgMjAxNSAxMTozMDowOCAtMDUwMK3+8fwAAAAHdElNRQffBAoPIjeh0ubsAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAepJREFUKM9jcHZ2DgsPMzQ21tLW1tLS0tDQUFdXV1FRUVZWVgACRSUdPb34hHhnZyeGjIz0a9euTpw40dbODqhaVV1dDaxUSUkZyPbwdF+5cuXTp09zc7MZcnNz/v////Xr1zNnzhQU5FtYWqiqqauoqVnZWDc1N924cf3Pnz9ABSCl8fGxd+7c+f37N5D/8+fPI0cOV1SU19XVXrp06T8MPHnyJC4uhsHUzDwuLnbp0qXv3r2FSHz8+PHLly8Q9o8fP7Zs2ZyRmaGppcXg6OgQGBTg5OyUkBB/4OABoKJ/YABknD59Ki0t1cXVJT4+3tbWFujW7MePH02bNtXP3w/ovrKy0uPHjwFRdXWVra1NeETE0qVLPnz4gPDWr1+/gGbU1NbY2dt5eHq6ubu5urlMmjzp+vXrEJeAlCYmJj58+BDoJoiloHAozC8pKb527RpEEOjjly9fpqQkMVhYmIeFhc6ZM/vRo0f/McD79+9WrFgeFRUJjB8GIyMjQ0NDS0sLYFzs2LH9588fcHWHDh0sLi4yMTFWVFSUlpYGKTUwMNDX19fT07Oxsc7Pzzt+/PiJE8cLCwusrCyVlJRkZWVlZGSkpKQQSnV1dXV0gBGuCzTG2NgImBiAhsnLy2NXqq2trampCU8uaEoBzVQmTWY32NYAAAAASUVORK5CYII="); 
	cursor: pointer;
	z-index: 3;

}

#temp_dialog_box:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAALHRFWHRDcmVhdGlvbiBUaW1lAEZyaSAxMCBBcHIgMjAxNSAxMTozMDowOCAtMDUwMK3+8fwAAAAHdElNRQffBAoPJDv+Pg1BAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAbNJREFUeNpjjIqKUlBUOHTk6JfPnxn+/fv79++/f/9+//79//9/IMnAyCwiJhIaHHTxwnnm7OzMsrJye1vbU6dPf/j48defP4wMQC1AwMDOxWlnZ7Vl02Zra+svXz4xcXBwMDAwKCsrr1+7trS4UEFO9t9/BgYWFg1tjdmzZsydPY8BBlhevnwO50RFxQDR5s2buLi4nJ1dGJDA8+fPGZxd3NrbW4FO/I8bzJg5Q9/AgNnM1IiJhXnhokX3790DuokBFUydOmXylMn8fPxfvnxhWLBgLlDfkyePc/JyvP18169fCzFp+/ZtAQF+1bW1f//+AXKBylgYGIA+ZpCWlpk8cfKuPbtmzpi5eev2v39/A8Otr3+CooIiwltv3ryDc9xc3IBo2Yol7KzswcGhyC75+PEjg4eHW1VVxbt3b/F4q6Gh3sjIgFlKSvrBg4dbtmz58uWziYkpmrdWr16Zm5tz8OChd+/eM9rZ2f35A3I4MH7ExcVCQ0NjYmKBilasWLZkyZIbN279+PHjHzjCEUohJDMzIzD8//37DzQGGEB/wQCilAXZOnBC+fvlyzdIckFzDABgnyx8kZCENQAAAABJRU5ErkJggg==");
}

.information {
	background: none;
	background-color: #ffe;
}
.not_information {
	white-space: nowrap;
}
.dialog_box {
	background: none;
	background-color: #eef;
}
.notice {
	background: none;
	background-color: #ffc;
}
#notice {
	display: none;
}

.note_text {
	text-align: right;
	font-size: 0.8em;
	color: #aaa;
	width: 95%;
}
.dialog_title {
	text-align:center;
	padding:1px;
	font-weight:900;
	background-color:#ccc;
}
.dialog_title_slight {
	cursor:pointer;
	text-align:center;
	padding:1px;
	font-style:italic;
	color:#555;
	background-color:#ccc;
}
.dialog_boxx {
	background-color:#ccc;
	box-shadow: 5px 5px 5px #888;
	border:1px solid #777;
}
.dialog_text {
	background-color:#eee;
	padding:4px;
}
/* end of dialogs */

/* table appearance */
table.data {
	border-spacing: 0px;
	width: 100%; /* Ensure table takes full width of its container */
    table-layout: fixed; /* Important for respecting column widths and truncation */
	border-collapse: collapse;
	background-color:#ddd;
}

.border {
	border: 1px solid #000;
}
tr.data1:hover {
	background-color:#ffa !important;
}
tr.data1:active {
	background-color:#9c9 !important;
}
tr.highlight {
	background-color:#ff0 !important;
}
tr.data1:nth-child(even) {
	background: #eee;
} 
tr.data1:nth-child(odd) {
	background: #fff;
} 
tr.data_header {
	text-align:center;
	white-space:nowrap;
	color:#fff;
	background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wgARCACMAIwDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEG/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAABwNgFIUhSWBYABRFJQgCiLBYAAFgWUSiLCyiUJUCiFJQlgLAUihKBBZRLCywWAsALLAoiwVCoCwAAoIoEALAFIAAoICiFEoSiLCyiWUllIUlAQWAUlQAoIAoRCgqUJSWAUQP/xAAUEAEAAAAAAAAAAAAAAAAAAACA/9oACAEBAAEFAiJ//8QAFBEBAAAAAAAAAAAAAAAAAAAAYP/aAAgBAwEBPwEj/8QAFBEBAAAAAAAAAAAAAAAAAAAAYP/aAAgBAgEBPwEj/8QAFBABAAAAAAAAAAAAAAAAAAAAgP/aAAgBAQAGPwIif//EAB8QAAEDBQEBAQAAAAAAAAAAAAEAEBEgMDFAQVBgcf/aAAgBAQABPyHRxpYsYtTSLs7XKjf5XHzU+J+zpR4XXKCLyuOGDFuIIlf/2gAMAwEAAgADAAAAELOOOJLPOGIPMNLPPLKONEIJMOILNOMEBKFFLNPFMNJDNOPAMBPHOPPMDMOEENEKKOIBLOJPANOHNDBLOBP/xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAEDAQE/ECP/xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAECAQE/ECP/xAAmEAACAgICAQQDAQEBAAAAAAAAAREhMUFRYXEQgZGhscHw4dHx/9oACAEBAAE/EGaSFDdYHTXOxzeIP0fRqzzOD58F+xLhRA3emkdFfI4wTFE4SL7LmcnMZF9i6ryLPJRtzs15Jjb59E8KSIv7HHL79HfbNCeEsRKT2TxrRqTpoyYfBkZ/As0R0bL6SOj94JT0Re/Q7evc35M4VG2m1LMhEXY8/wBI+si+WYXX5IuiZ9Pcef6i3BSkl8mCG1ckx2bMZG4vZzng2Pv2N9oiyMkfKuR7ZHc8yczZE4XuTEpJ+yHc6gdrsURX5E346Hr1maGqZmIcIUKkRSs+jQluVizK1ResHx7s0dM6j0pqLlnFGsD4RF0oHSsikmeBxnJ2Oeb9E5vSwS5P6PSrVkUkPyXEbI0xv5HLSk1wyJey2o/ZuxuqwKVcZHHkUL8icba8IjkiHote4lod+CmcqBZqlwJxgwJTyVLknm0J/B0nCEk+C8MdPXpNcdE5OLozkfwhU13pGk5FqzJ7D3xItrUUJ+D5k8ZNjhxKHDfA+hxeeX2TwLKl9keYJsj/AMJtagULNvwOVuhKsqTWjKfp5ysmbXuxvEEQqJqFZwPNKiIy5M09jieRVgbqsG6O5sTFXJoUz9ie4RvMokqX2zbG6ux4k2TKjRkWXyhKHKeRdeixw0SiVyK1ci/qI7IuyOBL/hdOh5yfkeNyZReOi3N/Q8wdOjpjkfsbx8Dmawdfn0haM+jUYQuLhaNFtGNYPCQpwxLyduZJp89HnBhvY9ifJBSXkUzYmam/ZtC8MfEoh9O4FSsVu3jRGVA1tsjgw6Rw5Xo8EJrH+GZjBiJLYu48E8OPclYqTCjZqEhQa0Kqbsyn10J3SUChbrkWWR/Iz/hkSlcDxjRmSwYUjnT+4KtehB5G4dJDbNEww8x/YIp+J+xJrsm4EmTRl8He4Fg+RsMgdH//2Q=="); 
	font-weight:bold;
	cursor: pointer;
}
tr.data_sub_header {
	text-align:center;
	white-space:nowrap;
	color:#fff;
	background: linear-gradient(#000, #aaa); 
	font-weight:bold;
}
tr.data_footer {
	color:#fff;
}
td.data_header_highlight{
	color:#fff;
	background-color:#ccc;
}
.dataTables_info {
	font-family: monospace;
	font-size: 0.9em;
	color:#ccc;
}
label {
	font-family: monospace;
	font-size: 0.9em;
	color:#ccc;
}
/* end of table appearance */

.tab_selectors {
	border-spacing: 0px;
	border-collapse:separate;
	border-radius:3px;
	border:1px solid #777;
	background: linear-gradient(180deg, rgba(255,115,30,1), rgba(255,255,255,1));
	color:#555;
	font-weight:bold;
}
.selected_tab {
	color:#000;
	background: linear-gradient(180deg, rgba(255,0,0,1), rgba(255,255,255,1));
}
.unselected_tab {
	background: linear-gradient(180deg, rgba(255,115,30,1), rgba(255,255,255,1));
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
}

.icon_loading {
	width:16px;
	height:16px;
	background: url("data:image/gif;base64,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");
}

.icon_close {
	width:12px;
	height:12px;
	background-image: url("data:image/gif;base64,R0lGODlhDAAMAPcAAAAAADg4ODk5OTo6Ojs7Ozw8PD09PUpLSkpLS0xMTE1NTU5OTk9PT1BQUFtbW11dXWBgYGFhYWlpaWpqam1tbW5ubnBwcHd3d3h4eH19ff8HHP84Rf86R/88Sf89Sv8+S/8/TP9ATf9DUP9EUf9FUv9GU/9HVP9IVf9JVv9KVv9LV/9LWP9NWv9OW/9QXP9RXf9RXv9SX/9TYP9UYP9VYf9WYv9YZf9aZv9bZ/9caf9dav9fa/9hW/9kYP9nZP9gbP9ibv9qaf9tbf9tbv9kcP9lcf9mcv9nc/9ndP9odf9pdv9qd/9vcP9seP9tef9ue/9vfP9xc/9xdP90d/9wfP9xff9yfv9zf/90eP92e/93fP94fv9zgP90gf92gv93g/96gf97gv95hv96hv97h/99hv99if9/if9+iv9/i4CAgIaFhoaGhYqKio2NjZGRkZOTkpSUlJaWlpiXl5mZmZycm52dnZ6enp+fn6CgoKKioqSkpKWmpaampqenp6eoqKmpqa2tra6urrCwsLCwsbKysrOzs7S0tLW1tbW2tbW2tre3t7m5uby8vL29vb2+vf+Bjf+Cjv+EkMHBwcTExMbFxcXGxcXGxsfIyMjIyMnJycvLy83NzdDQ0NLT0tTT1NTU09bW1tjY2NnZ2d3d3d7e3d7e3t/f3+Df4ODg4OHh4eLh4uHi4eHi4ubl5ebm5ubm5+jp6Ojo6evr6+vs6+zr6+zr7O7u7vDw8PDw8fPz8/Pz9PP08/Tz8/T08/X19fX19vX29vj4+Pr6+vz8/Pz8/f39/v3+/f3+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAMAAwAAAiSAIkFEcJEypQsW8KUOUOMh6SHkdCI8VLFSRINDiWlIfPlypMlRoBo6AHJTLIuVJocSbYDhwYfY7xYSaakSLIcNmZoCMIFypKVyW7UgMFCwxCLRH4kSyajhYoSGqKE1JGMxotkJ0aA0IClZbIYLVKQSOZhgwYtOV2sMCHiA4cNZsEQRTEiRAe4cDWk0sC3r99UAQEAOw=="); 
}
.icon_close:hover {
	box-shadow: 0px 0px 4px #fff;
}
.icon_star {
	width: 12px;
	height: 12px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAG1BMVEUAAADDkSfZphbfqxLtuAj4wwD4yyH84GT+75jVzXQaAAAAAXRSTlMAQObYZgAAAEBJREFUCNdjYGBgcWAAASjl0QKmLJqBhLGxRbOxMQNTORAoMDCol5cXAUWZ0tIUEJRooGggiBJgBFKMggwMggIAtIkKblISJo8AAAAASUVORK5CYII="); 
}
.icon_imdb {
	border: 0px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/gif;base64,R0lGODlhEAAQANU/AFdXV6urq4uLi11dXTk5OYODg0pKSm1tbWJiYqLieW7G+AcHB01NTZTiWDQ0NGhoaJLeVHDD/5aWlnd3dy4uLmVlZXt7e7CwsKWlpXJycmW5/xgYGF7HcPngaDa/f3rXV1zLTz+uy2nF3Z7hc0JCQlFRUazLrlC4tmC92GrRQkXET32722K6/2e//5qamnR0dCy6S5PdX+vYhM/YmOvkmXm+7XfI/3C67D09PZ3fb5XgYyUlJc/NhFZWVnG85v///yH5BAEAAD8ALAAAAAAQABAAAAaiwJ9wSCwOBa+C8VCqEDOYB2BKZbgQxMPr4avdbjyZ4YEjFi4WjyjSMnUQgQFxUrCoYCiWZjWoGOYSEyAfKRwnIQMWf0MTAS8jCQk6DQ09EotCDxlSVAA9DgwEWRgHCjYRETM0DAIkRBUCFWpsbgYHokMDBwN3eXskDBREcACDhYcELrhCBAgEOQkjMRAQGxULRAQXDp1TGxcbRMElRhQLO0JBADs="); 
}

.show_mode_select {
	background-color:#063;
	border:#00f;
	color:#cf0;
	display:inline;
	cursor:pointer;
}

/* desktop settings ----------------------------------------------------------------- */
@media screen and (min-width: 601px) {
	table.data {
		border-radius:3px;
		box-shadow: 3px 3px 3px #888;
	}
	td {
		padding-left:4px;
		padding-right:4px;
	}

	.bold_title {
		width:250px;
	}
	.container {
		width: 95%;
	}
	.fixed {
		width: 95%;
	}
	.header {
		height: 60px;
		width: 95%;
	}
	.header.smaller { 
		height: 20px;
		width: 95%;
	}
	#footer {
		height: 16px;
		width: 95%;
	}
	.logo.smaller {
		font-size: 12pt;
	}
	.title {
		top: 5px;
		left: 15px;
		font-size: 18pt;
		border-bottom: 2px solid #9bc;
	}
	.title.smaller {
		font-size: 12pt;
	}
	.content {
		margin-top: 60px;
		margin-bottom: 16px;
		padding: 20px;
	}
	.temp_dialog_box {
		width: 20%;
	}
	.dialog_box {
		width: 20%;
	}
	td.data1 { 
		padding-left: 10px;
		padding-right: 10px;
	}
}
.marginright {
	margin-right: 10px;
}
/* mobile settings ----------------------------------------------------------------- */

@media screen and (max-width: 600px) {
	table.data {
		width: 100%;
	}
	.bold_title {
		width: 250px;
	}

	.container {
		width: 100%;
	}
	.fixed {
		width: 100%;
	}
	.header {
		height: 30px;
		width: 100%;
	}
	.header.smaller { 
		height: 20px;
		width: 100%;
	}
	#footer {
		height: 16px;
		width: 100%;
	}
	.logo {
		font-size: 16pt;
	}
	.title {
		top: 5px;
		left: 15px;
	}
	.content {
		margin-top: 30px;
		margin-bottom: 16px;
		padding: 0px;
	}
	.temp_dialog_box {
		width:60%;
	}
	.dialog_box {
		width:60%;
	}
	td.data1 { 
		padding-left:2px;
		padding-right:2px;
	}
	.ui-tabs .ui-tabs-panel {
		padding:0px;
	}
	.bold_title {
		width: 200px;
		font-weight: normal;
	}
	table.data {
		font-size: 0.8em;
	}
	.resolution {
		display:none;
	}
	.mobile-hidden {
		/* Hide elements with this class on mobile */
		display: none;
	}
}

/* Responsive column hiding for medium-to-large screens */
@media screen and (max-width: 1599px) {
    .wide-hidden {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .medium-hidden {
        display: none;
    }
}



/* end mobile settings ----------------------------------------------------------------- */
@media print {    
	.no-print {
		display: none !important;
	}
}

.loading-spinner {
	height: 200px;
}

.detail_table {
	width: 100%;
	color: #fff;
	border-collapse: collapse;
}

.detail_table thead td {
	cursor: pointer;
	font-weight: bold;
	background-color: #343a40;
	padding: 8px;
	border-bottom: 2px solid #454d55;
}

.detail_table tbody tr:nth-child(odd) {
	background-color: #2c3034;
}

.detail_table tbody tr:hover {
	background-color: #454d55;
	color: #ffc107;
}
.detail_table tbody tr.table-active {
	background-color: #454d55;
	color: #ffc107;
}

.detail_table td {
	padding: 2px 8px;
	border-bottom: 1px solid #454d55;
}

.count-column {
    color: #6c757d; /* A subtle gray color (Bootstrap's secondary text color) */
    text-align: center;
}

.like-dislike-panel i {
    font-size: 1.5em;
    cursor: pointer;
    margin-right: 15px;
    transition: color 0.2s ease-in-out;
}
.like-dislike-panel i:hover {
    color: #ffc107; /* Yellow hover for unrated icons */
}

/* Apply fixed positioning for side panel only on large screens */
@media screen and (min-width: 992px) {
    .side-panel {
        max-height: calc(100vh - 50px); /* Adjust height for the top offset */
        overflow-y: auto; /* Add a scrollbar if content overflows */
        position: fixed;
        top: 50px; /* Offset from the top to clear the header */
        width: inherit; /* Make the panel inherit the width of its parent column */
    }
}

.mobile-hidden {
    /* This class will be used to hide columns on smaller screens */
}

.detail_table tbody td:nth-child(2) {
	cursor: pointer;
}

.movie-title-cell {
	max-width: 280px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.active-sort-icon {
	color: #28a745; /* A nice green color */
	margin-left: 5px;
}
.form-check-label {
	color: #fff;
}
.subtitle-column {
    text-align: left;
}
.like-column {
    width: 50px;
    text-align: center;
}
.like-icons-wrapper {
    white-space: nowrap; /* Prevent icons from wrapping */
}
.like-column i {
    cursor: pointer;
    font-size: 1.2em;
    margin: 0 4px;
}
.like-column .fa-stack {
    font-size: 0.8em; /* Adjust stack size to fit row */
    cursor: pointer;
}
.thumb-hover-solid {
    color: transparent; /* Hide the solid icon by default */
}
.fa-stack:hover .thumb-hover-solid {
    color: #ffc107; /* Show the solid icon in yellow on hover */
}
.like-hover-icons {
    opacity: 0; /* Hide the icons by default */
}
.detail_table tbody tr:hover .like-hover-icons {
    opacity: 1; /* Show the icons when the row is hovered */
}

.genre-pill {
	display: inline-block;
	padding: 0.1em 0.5em;
	margin: 2px;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.genre-filter .form-check-label {
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.include-filter {
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0d6efd; /* White and blue glow */
	transform: scale(1.05);
}

.exclude-filter {
	text-decoration: line-through;
	text-decoration-color: red;
	text-decoration-thickness: 2px;
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px #dc3545; /* White and red glow */
	transform: scale(1.05);
}

.card-body .form-check-inline {
    margin-right: 1rem; /* Add some spacing between checkboxes */
}

/* Custom Tab Styling */
.nav-tabs {
    border-bottom: 1px solid #454d55; /* Match table border color */
}

.nav-tabs .nav-link {
    background-color: transparent;
    border: 1px solid transparent; /* Keep border transparent by default */
    color: #adb5bd; /* Muted gray for inactive tabs */
    display: flex;
    flex-direction: column; /* Mobile-first: stack icon on top of text */
    align-items: center;
    padding: 0.3rem 0.5rem; /* Adjust padding for mobile */
    font-size: 0.7rem; /* Smaller text for mobile */
    min-width: 65px; /* Ensure tabs have enough space */
}

.nav-tabs .nav-link i {
    font-size: 1.2rem; /* Larger icon for mobile */
    margin-bottom: 0.2rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    color: #fff; /* Brighter text on hover */
    border-color: #454d55; /* Show border on hover */
}

.nav-tabs .nav-link.active {
    color: #ffc107; /* Bright yellow for active text, matching row hover */
    background-color: #343a40; /* Dark background like table header */
    border-color: #454d55 #454d55 #343a40;
}

.nav-container {
    /* Shift the nav container to the right to account for the fixed profile icon on the left */
    margin-left: 40px;
}

/* Desktop styles for the navigation tabs */
@media (min-width: 992px) { /* lg breakpoint */
    .nav-tabs .nav-link {
        flex-direction: row; /* Side-by-side layout for desktop */
        font-size: 1rem; /* Restore default font size */
        padding: .5rem 1rem; /* Restore default padding */
    }
    .nav-tabs .nav-link i {
        font-size: 1rem; /* Restore default icon size */
        margin-bottom: 0;
        margin-right: 0.5rem; /* Add space between icon and text */
    }
}

/* TV Guide styles */
.tv_guide table {
	border-collapse: collapse;
	width: 100%;
}
.tv_guide tr:hover td:not(:nth-child(1)) {
	background-color:#444;
	color: rgba(204, 204, 204, 1.0);
}
.tv_guide tr:hover td:nth-child(1) {
	color: #ffc107; /* Match active tab/row hover */
}
.tv_guide tr:hover .movie_subtext {
	color: rgba(204, 204, 204, 1.0);
}
.tv_guide tr:hover .rated {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(0, 0, 0, 1.0);
	border: 1px solid rgba(0, 0, 0, 1.0);
}
.tv_guide td {
	padding-left: 10px;
	transition: all 0.3s ease;
	width: 250px; /* Fixed width for movie cells */
	height: 50px;
	border: 1px solid #454d55; /* Match other borders */
	vertical-align: middle;
	cursor: pointer; /* Indicate clickable */
}
.tv_guide td:not(:nth-child(1)) {
	background-color:#2c3034; /* Match table body odd rows */
}
.tv_guide td:nth-child(1) {
	font-weight: bold;
	font-size:1.1em; /* Slightly smaller than original for better fit */
	color: #adb5bd; /* Muted gray for inactive text */
	background-color:#212529; /* Match body background */
	vertical-align: middle;
	width: 150px; /* Adjust width for category column */
}
.tv_guide td:not(:nth-child(1)):hover {
	color: #ffc107 !important; /* Match active tab/row hover */
}
.decade {
	font-size: 1.2em; /* Slightly smaller */
	font-style: italic;
	font-weight: bold;
}
.movie_subtext {
	transition: all 0.2s ease;
	line-height: 1.0;
	font-size:0.8em;
	color: rgba(204, 204, 204, 0.0); /* Hidden by default */
}
.rated {
	transition: all 0.3s ease;
	border: 1px solid rgba(0, 0, 0, 0.0);
	background-color: rgba(255, 255, 255, 0.0);
	color: rgba(0, 0, 0, 0.0);
	font-family: "Trebuchet MS", Helvetica, sans-serif; /* Use body font */
	padding-left: 3px;
	padding-right: 3px;
	border-radius: 3px; /* Slightly rounded corners */
}

/* Font Awesome star icon */
.tv_guide .fa-star {
    color: inherit; /* Inherit the transparent color from .movie_subtext */
    margin-right: 2px;
}

.tv_guide tr:hover .fa-star {
    color: gold;
}

/* Responsive adjustments for TV Guide */
@media screen and (max-width: 992px) { /* Adjust breakpoint for smaller screens */
	.tv_guide td:nth-child(n+4) { /* Hide more columns on smaller screens */
		display:none;
	}
	.tv_guide td {
		width: auto; /* Allow movie cells to take available width */
	}
}
@media screen and (max-width: 600px) {
	.tv_guide td:nth-child(n+3) { /* Hide even more columns on very small screens */
		display:none;
	}
	.tv_guide td:nth-child(1) {
		width: 100px; /* Adjust category column width */
	}
}

/* Side Panel Styles */
.side-panel {
	padding: 10px;
	background-color: #2c3034;
	border-radius: 5px;
}
.side-panel h3 {
	font-size: 1.2rem;
	color: #ffc107;
}
.table-summary {
	width: 100%;
	font-size: 0.9em;
}
.table-summary > tbody > tr > td {
	border-bottom: 1px solid #454d55;
	padding: 4px 0;
}
.table-summary > tbody > tr > td:first-child {
	font-weight: bold;
	color: #adb5bd;
	padding-right: 10px;
	width: 60px;
}
.overview_text {
	font-style: italic;
	color: #adb5bd;
	font-size: 0.9em;
}
.close-x {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}
.actor-photo {
    width: 100%;
    max-width: 150px;
    border-radius: 5px; /* Changed from 50% to match poster style */
    border: 3px solid #454d55;
    background-color: transparent; /* Fix: Prevent background from obscuring broken image icon */
}

.actor-name {
    font-size: 1.1rem;
    color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    transition: color 0.2s;
}

.actor-name:hover {
    color: #ffc107;
}

.actor-role {
    font-size: 0.9rem;
    color: #adb5bd;
    font-style: italic;
}
.active-filters-summary {
    color: #adb5bd;
    font-size: 0.9em;
    margin-top: 0.5rem;
}

.actor-carousel-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 2px 0;
}

.poster-overlay-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 5px;
}
.position-relative:hover .poster-overlay-controls {
    opacity: 1;
}

/* TMDb Search Results Styling */
.tmdb-result-row {
    /* Inherit the default text color for dark theme */
    color: #fff;
}

.tmdb-result-row .fa-database {
    color: #0dcaf0; /* Keep the info blue color for the database icon */
}

.tmdb-local-match {
    /* Style for TMDb results that are also in the local library.
       Use a distinct color for the text to indicate it's a match. */
    color: #198754; /* Bootstrap success green for text */
}

.tmdb-local-match:hover, .tmdb-result-row:hover {
    color: #ffc107; /* On hover, match the main table's active color */
}
.tmdb-local-match .fa-check-circle {
    color: #198754; /* Bootstrap success green for the check icon */
}

/* TMDb API Details Tooltip */
.tmdb-api-details-tooltip {
    position: absolute;
    top: 100%; /* Position below the header */
    left: 50%;
    transform: translateX(-50%);
    background-color: #2c3034; /* Darker background to match side panel */
    color: #fff;
    border: 1px solid #454d55;
    border-radius: 5px;
    padding: 5px 8px; /* Reduced padding */
    z-index: 10; /* Ensure it's above other content */
    white-space: nowrap; /* Prevent text wrapping */
    text-align: left; /* Align text within the tooltip */
}

.tmdb-api-details-tooltip p {
    margin-bottom: 2px; /* Reduced margin between paragraphs */
}

.raw-results-list {
    max-height: 200px; /* Limit height */
    overflow-y: auto;  /* Add a scrollbar if content overflows */
    font-size: 0.9em;
}
.user-profile-dropdown {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1050; /* Ensure it's above other content */
}
.user-profile-dropdown .google-profile-pic {
    width: 24px !important; /* Enforce tiny size */
    height: 24px !important; /* Enforce tiny size */
    border-radius: 50%;
    object-fit: cover; /* Ensure image covers the area without distortion */
    cursor: pointer;
}
/* Analysis Tab Styles */
.analysis-card {
    background-color: #2c3034;
    border: 1px solid #454d55;
    color: #fff;
}
.analysis-card .card-title {
    color: #ffc107;
}
.analysis-card .list-group-item {
    background-color: transparent;
    border-color: #454d55;
    color: #fff;
}
.genre-stats-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 5px;
}
.genre-stats-container > div {
    background-color: #343a40;
    border-radius: 5px;
}
.analysis-tab .badge {
    background-color: #0d6efd !important;
}

/* Trailer Modal Styles */
.trailer-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.trailer-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.trends-overview {
    white-space: normal; /* Allow text to wrap */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for any text that still overflows */
    max-width: 400px; /* Constrain the width */
    vertical-align: middle; /* Align text vertically with the poster */
}

.release-dates-toggle {
    display: block;
    width: 100%;
    text-align: left;
    color: #adb5bd;
    text-decoration: none;
    font-weight: bold;
}
.release-dates-toggle:hover {
    color: #ffc107;
}

.release-dates-table {
    font-size: 0.8em;
    margin-top: 5px;
}
.release-dates-table td {
    border: none !important;
}
.release-note {
    font-style: italic;
    color: #adb5bd;
}