/* ==UserStyle== @name Trakt - Depurplify @version 1.0.0 @namespace https://github.com/StylusThemes @description Reverse the Purplification of Trakt! @author StylusThemes @homepageURL https://github.com/StylusThemes/Trakt-Depurplify @supportURL https://github.com/StylusThemes/Trakt-Depurplify/issues @updateURL https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/trakt-depurplify.user.styl @license CC-BY-SA-4.0 ==/UserStyle== */ @-moz-document url-prefix("https://trakt.tv") { /* Backup Font */ @import url(https://fonts.googleapis.com/css2?family=Figtree:wght@400,600,700); /* Import Old Fonts */ @font-face { font-family: proxima nova semibold; src: url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/ProximaNova-Sbold.woff) format("woff"), url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/ProximaNova-Sbold.ttf) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: proxima nova; src: url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/ProximaNova-Reg.woff) format("woff"), url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/ProximaNova-Reg.ttf) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: proxima nova bold; src: url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/ProximaNova-Bold.woff) format("woff"), url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/ProximaNova-Bold.ttf) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: trakt; src: url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/trakt.woff?rwqfl1) format("woff"), url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/trakt.ttf?rwqfl1) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: logos; src: url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/logos.woff?xdc4l8) format("woff"), url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/logos.ttf?xdc4l8) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: glyphicons halflings; src: url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/glyphicons-halflings-regular.eot); src: url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/glyphicons-halflings-regular.eot#iefix) format("embedded-opentype"), url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://raw.githubusercontent.com/StylusThemes/Trakt-Depurplify/main/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); } /* Custom Fixes */ body.dark-knight #ondeck-shows .grid-item .quick-icons { border: solid 1px #1d1d1d !important; border-top: none !important; } body.dark-knight #ondeck-shows .poster { border: solid 1px #1d1d1d !important; border-bottom: none !important; } .posters > div h3 { height: auto !important; } } @-moz-document url-prefix("https://trakt.tv") { /* Return to Old Style */ [class^=trakt-icon-], [class*=" trakt-icon-"], [class^=logos-icon-], [class*=" logos-icon-"] { font-family: trakt; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; display: inline-block } [class^=logos-icon-], [class*=" logos-icon-"] { font-family: logos !important } a:hover [class^=trakt-icon-], a:hover [class*=" trakt-icon-"] { text-decoration: none } .trakt-icon-trakt:before { content: "\e600" } .trakt-icon-check:before { content: "\e601" } .trakt-icon-check-thick:before { content: "\e602" } .trakt-icon-delete:before { content: "\e603" } .trakt-icon-delete-thick:before { content: "\e604" } .trakt-icon-collection:before { content: "\e605" } .trakt-icon-collection-thick:before { content: "\e606" } .trakt-icon-list:before { content: "\e607" } .trakt-icon-list-thick:before { content: "\e608" } .trakt-icon-profile:before { content: "\e609" } .trakt-icon-user:before { content: "\e60a" } .trakt-icon-friends:before { content: "\e60b" } .trakt-icon-friends-thick:before { content: "\e60c" } .trakt-icon-people:before { content: "\e60d" } .trakt-icon-lock:before { content: "\e60e" } .trakt-icon-mail:before { content: "\e60f" } .trakt-icon-heart:before { content: "\e610" } .trakt-icon-vote-yes:before { content: "\e611" } .trakt-icon-vote-yes-thick:before { content: "\e612" } .trakt-icon-vote-no:before { content: "\e613" } .trakt-icon-vote-no-thick:before { content: "\e614" } .trakt-icon-arrow-left:before { content: "\e615" } .trakt-icon-arrow-right:before { content: "\e616" } .trakt-icon-circle-left:before { content: "\e617" } .trakt-icon-circle-right:before { content: "\e618" } .trakt-icon-send:before { content: "\e619" } .trakt-icon-comment:before { content: "\e61a" } .trakt-icon-settings:before { content: "\e61b" } .trakt-icon-search:before { content: "\e61c" } .trakt-icon-eye:before { content: "\e61d" } .trakt-icon-sleep:before { content: "\e61e" } .trakt-icon-skull:before { content: "\e61f" } .trakt-icon-skull-bones:before { content: "\e620" } .trakt-icon-wand:before { content: "\e621" } .trakt-icon-star-check:before { content: "\e622" } .trakt-icon-shield:before { content: "\e623" } .trakt-icon-rss:before { content: "\e624" } .trakt-icon-time:before { content: "\e625" } .trakt-icon-time-plus:before { content: "\e626" } .trakt-icon-time-play:before { content: "\e627" } .trakt-icon-calendar:before { content: "\e628" } .trakt-icon-credit-card-back:before { content: "\e629" } .trakt-icon-trending:before { content: "\e62a" } .trakt-icon-movie-snap:before { content: "\e62b" } .trakt-icon-cloud:before { content: "\e62c" } .trakt-icon-flag:before { content: "\e62d" } .trakt-icon-flag-2:before { content: "\e62e" } .trakt-icon-list-2:before { content: "\e62f" } .trakt-icon-grid:before { content: "\e630" } .trakt-icon-bars:before { content: "\e631" } .trakt-icon-trash:before { content: "\e632" } .trakt-icon-iphone:before { content: "\e633" } .trakt-icon-swap-vertical:before { content: "\e634" } .trakt-icon-dot:before { content: "\e635" } .trakt-icon-dot-thick:before { content: "\e636" } .trakt-icon-ellipse:before { content: "\e637" } .trakt-icon-block:before { content: "\e638" } .trakt-icon-block-thick:before { content: "\e639" } .trakt-icon-pencil:before { content: "\e63a" } .trakt-icon-pencil-thick:before { content: "\e63b" } .trakt-icon-power-off:before { content: "\e63c" } .trakt-icon-power-off-thick:before { content: "\e63d" } .trakt-icon-dashboard:before { content: "\e63e" } .trakt-icon-heart2:before { content: "\e63f" } .trakt-icon-play:before { content: "\e640" } .trakt-icon-tv:before { content: "\e641" } .trakt-icon-camera:before { content: "\e642" } .trakt-icon-move:before { content: "\e643" } .trakt-icon-document:before { content: "\e644" } .trakt-icon-csv:before { content: "\e645" } .trakt-icon-divider:before { content: "\e646" } .trakt-icon-time-plus-thick:before { content: "\e647" } .trakt-icon-time-play-thick:before { content: "\e648" } .trakt-icon-add:before { content: "\e649" } .trakt-icon-add-thick:before { content: "\e64a" } .trakt-icon-add-circle:before { content: "\e64b" } .trakt-icon-copy:before { content: "\e64c" } .trakt-icon-document-add:before { content: "\e64d" } .trakt-icon-calendar-add:before { content: "\e64e" } .trakt-icon-pushbullet:before { content: "\e64f" } .trakt-icon-pushover:before { content: "\e650" } .trakt-icon-refresh:before { content: "\e651" } .trakt-icon-alarm:before { content: "\e652" } .trakt-icon-alarm-thick:before { content: "\e653" } .trakt-icon-play2:before { content: "\e654" } .trakt-icon-play2-thick:before { content: "\e655" } .trakt-icon-play-circle:before { content: "\e656" } .trakt-icon-play-circle-thick:before { content: "\e657" } .trakt-icon-tickets:before { content: "\e658" } .trakt-icon-shirt:before { content: "\e659" } .trakt-icon-backward:before { content: "\e65a" } .trakt-icon-backward-thick:before { content: "\e65b" } .trakt-icon-moon:before { content: "\e65c" } .trakt-icon-moon-thick:before { content: "\e65d" } .trakt-icon-plex:before { content: "\e65e" } .trakt-icon-star:before { content: "\e65f" } .trakt-icon-star-thick:before { content: "\e660" } .trakt-icon-bolt:before { content: "\e661" } .trakt-icon-bolt-thick:before { content: "\e662" } .trakt-icon-user-block:before { content: "\e663" } .trakt-icon-document-delete:before { content: "\e664" } .trakt-icon-exit:before { content: "\e665" } .trakt-icon-save:before { content: "\e666" } .logos-icon-digital:before { content: "\e600" } .logos-icon-bluray:before { content: "\e601" } .logos-icon-hddvd:before { content: "\e602" } .logos-icon-dvd:before { content: "\e603" } .logos-icon-vcd:before { content: "\e604" } .logos-icon-vhs:before { content: "\e605" } .logos-icon-betamax:before { content: "\e606" } .logos-icon-laserdisc:before { content: "\e607" } .logos-icon-mp3:before { content: "\e608" } .logos-icon-mp2:before { content: "\e609" } .logos-icon-dts:before { content: "\e60a" } .logos-icon-dts_ma:before { content: "\e60b" } .logos-icon-dts_hr:before { content: "\e60c" } .logos-icon-dts_hd:before { content: "\e60d" } .logos-icon-dts_x:before { content: "\e60e" } .logos-icon-dolby_prologic:before { content: "\e60f" } .logos-icon-dolby_digital:before { content: "\e610" } .logos-icon-dolby_digital_plus:before { content: "\e611" } .logos-icon-dolby_digital_plus_atmos:before { content: "\e612" } .logos-icon-dolby_truehd:before { content: "\e613" } .logos-icon-dolby_atmos:before { content: "\e614" } .logos-icon-flac:before { content: "\e615" } .logos-icon-aac:before { content: "\e616" } .logos-icon-lpcm:before { content: "\e617" } .logos-icon-ogg:before { content: "\e618" } .logos-icon-ogg_opus:before { content: "\e619" } .logos-icon-wma:before { content: "\e61a" } .logos-icon-auro_3d:before { content: "\e61b" } .logos-icon-bluray_ultrahd:before { content: "\e61c" } /*!normalize.css v3.0.1 | MIT License | git.io/normalize*/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background: 0 0 } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } @media print { * { text-shadow: none !important; color: #000 !important; background: 0 0 !important; box-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } pre, blockquote { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } tr, img { page-break-inside: avoid } img { max-width: 100% !important } p, h2, h3 { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } select { background: #fff !important } .navbar { display: none } .table td, .table th { background-color: #fff !important } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important } .label { border: 1px solid #000 } .table { border-collapse: collapse !important } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important } } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: glyphicons halflings; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "\2a" } .glyphicon-plus:before { content: "\2b" } .glyphicon-euro:before { content: "\20ac" } .glyphicon-minus:before { content: "\2212" } .glyphicon-cloud:before { content: "\2601" } .glyphicon-envelope:before { content: "\2709" } .glyphicon-pencil:before { content: "\270f" } .glyphicon-glass:before { content: "\e001" } .glyphicon-music:before { content: "\e002" } .glyphicon-search:before { content: "\e003" } .glyphicon-heart:before { content: "\e005" } .glyphicon-star:before { content: "\e006" } .glyphicon-star-empty:before { content: "\e007" } .glyphicon-user:before { content: "\e008" } .glyphicon-film:before { content: "\e009" } .glyphicon-th-large:before { content: "\e010" } .glyphicon-th:before { content: "\e011" } .glyphicon-th-list:before { content: "\e012" } .glyphicon-ok:before { content: "\e013" } .glyphicon-remove:before { content: "\e014" } .glyphicon-zoom-in:before { content: "\e015" } .glyphicon-zoom-out:before { content: "\e016" } .glyphicon-off:before { content: "\e017" } .glyphicon-signal:before { content: "\e018" } .glyphicon-cog:before { content: "\e019" } .glyphicon-trash:before { content: "\e020" } .glyphicon-home:before { content: "\e021" } .glyphicon-file:before { content: "\e022" } .glyphicon-time:before { content: "\e023" } .glyphicon-road:before { content: "\e024" } .glyphicon-download-alt:before { content: "\e025" } .glyphicon-download:before { content: "\e026" } .glyphicon-upload:before { content: "\e027" } .glyphicon-inbox:before { content: "\e028" } .glyphicon-play-circle:before { content: "\e029" } .glyphicon-repeat:before { content: "\e030" } .glyphicon-refresh:before { content: "\e031" } .glyphicon-list-alt:before { content: "\e032" } .glyphicon-lock:before { content: "\e033" } .glyphicon-flag:before { content: "\e034" } .glyphicon-headphones:before { content: "\e035" } .glyphicon-volume-off:before { content: "\e036" } .glyphicon-volume-down:before { content: "\e037" } .glyphicon-volume-up:before { content: "\e038" } .glyphicon-qrcode:before { content: "\e039" } .glyphicon-barcode:before { content: "\e040" } .glyphicon-tag:before { content: "\e041" } .glyphicon-tags:before { content: "\e042" } .glyphicon-book:before { content: "\e043" } .glyphicon-bookmark:before { content: "\e044" } .glyphicon-print:before { content: "\e045" } .glyphicon-camera:before { content: "\e046" } .glyphicon-font:before { content: "\e047" } .glyphicon-bold:before { content: "\e048" } .glyphicon-italic:before { content: "\e049" } .glyphicon-text-height:before { content: "\e050" } .glyphicon-text-width:before { content: "\e051" } .glyphicon-align-left:before { content: "\e052" } .glyphicon-align-center:before { content: "\e053" } .glyphicon-align-right:before { content: "\e054" } .glyphicon-align-justify:before { content: "\e055" } .glyphicon-list:before { content: "\e056" } .glyphicon-indent-left:before { content: "\e057" } .glyphicon-indent-right:before { content: "\e058" } .glyphicon-facetime-video:before { content: "\e059" } .glyphicon-picture:before { content: "\e060" } .glyphicon-map-marker:before { content: "\e062" } .glyphicon-adjust:before { content: "\e063" } .glyphicon-tint:before { content: "\e064" } .glyphicon-edit:before { content: "\e065" } .glyphicon-share:before { content: "\e066" } .glyphicon-check:before { content: "\e067" } .glyphicon-move:before { content: "\e068" } .glyphicon-step-backward:before { content: "\e069" } .glyphicon-fast-backward:before { content: "\e070" } .glyphicon-backward:before { content: "\e071" } .glyphicon-play:before { content: "\e072" } .glyphicon-pause:before { content: "\e073" } .glyphicon-stop:before { content: "\e074" } .glyphicon-forward:before { content: "\e075" } .glyphicon-fast-forward:before { content: "\e076" } .glyphicon-step-forward:before { content: "\e077" } .glyphicon-eject:before { content: "\e078" } .glyphicon-chevron-left:before { content: "\e079" } .glyphicon-chevron-right:before { content: "\e080" } .glyphicon-plus-sign:before { content: "\e081" } .glyphicon-minus-sign:before { content: "\e082" } .glyphicon-remove-sign:before { content: "\e083" } .glyphicon-ok-sign:before { content: "\e084" } .glyphicon-question-sign:before { content: "\e085" } .glyphicon-info-sign:before { content: "\e086" } .glyphicon-screenshot:before { content: "\e087" } .glyphicon-remove-circle:before { content: "\e088" } .glyphicon-ok-circle:before { content: "\e089" } .glyphicon-ban-circle:before { content: "\e090" } .glyphicon-arrow-left:before { content: "\e091" } .glyphicon-arrow-right:before { content: "\e092" } .glyphicon-arrow-up:before { content: "\e093" } .glyphicon-arrow-down:before { content: "\e094" } .glyphicon-share-alt:before { content: "\e095" } .glyphicon-resize-full:before { content: "\e096" } .glyphicon-resize-small:before { content: "\e097" } .glyphicon-exclamation-sign:before { content: "\e101" } .glyphicon-gift:before { content: "\e102" } .glyphicon-leaf:before { content: "\e103" } .glyphicon-fire:before { content: "\e104" } .glyphicon-eye-open:before { content: "\e105" } .glyphicon-eye-close:before { content: "\e106" } .glyphicon-warning-sign:before { content: "\e107" } .glyphicon-plane:before { content: "\e108" } .glyphicon-calendar:before { content: "\e109" } .glyphicon-random:before { content: "\e110" } .glyphicon-comment:before { content: "\e111" } .glyphicon-magnet:before { content: "\e112" } .glyphicon-chevron-up:before { content: "\e113" } .glyphicon-chevron-down:before { content: "\e114" } .glyphicon-retweet:before { content: "\e115" } .glyphicon-shopping-cart:before { content: "\e116" } .glyphicon-folder-close:before { content: "\e117" } .glyphicon-folder-open:before { content: "\e118" } .glyphicon-resize-vertical:before { content: "\e119" } .glyphicon-resize-horizontal:before { content: "\e120" } .glyphicon-hdd:before { content: "\e121" } .glyphicon-bullhorn:before { content: "\e122" } .glyphicon-bell:before { content: "\e123" } .glyphicon-certificate:before { content: "\e124" } .glyphicon-thumbs-up:before { content: "\e125" } .glyphicon-thumbs-down:before { content: "\e126" } .glyphicon-hand-right:before { content: "\e127" } .glyphicon-hand-left:before { content: "\e128" } .glyphicon-hand-up:before { content: "\e129" } .glyphicon-hand-down:before { content: "\e130" } .glyphicon-circle-arrow-right:before { content: "\e131" } .glyphicon-circle-arrow-left:before { content: "\e132" } .glyphicon-circle-arrow-up:before { content: "\e133" } .glyphicon-circle-arrow-down:before { content: "\e134" } .glyphicon-globe:before { content: "\e135" } .glyphicon-wrench:before { content: "\e136" } .glyphicon-tasks:before { content: "\e137" } .glyphicon-filter:before { content: "\e138" } .glyphicon-briefcase:before { content: "\e139" } .glyphicon-fullscreen:before { content: "\e140" } .glyphicon-dashboard:before { content: "\e141" } .glyphicon-paperclip:before { content: "\e142" } .glyphicon-heart-empty:before { content: "\e143" } .glyphicon-link:before { content: "\e144" } .glyphicon-phone:before { content: "\e145" } .glyphicon-pushpin:before { content: "\e146" } .glyphicon-usd:before { content: "\e148" } .glyphicon-gbp:before { content: "\e149" } .glyphicon-sort:before { content: "\e150" } .glyphicon-sort-by-alphabet:before { content: "\e151" } .glyphicon-sort-by-alphabet-alt:before { content: "\e152" } .glyphicon-sort-by-order:before { content: "\e153" } .glyphicon-sort-by-order-alt:before { content: "\e154" } .glyphicon-sort-by-attributes:before { content: "\e155" } .glyphicon-sort-by-attributes-alt:before { content: "\e156" } .glyphicon-unchecked:before { content: "\e157" } .glyphicon-expand:before { content: "\e158" } .glyphicon-collapse-down:before { content: "\e159" } .glyphicon-collapse-up:before { content: "\e160" } .glyphicon-log-in:before { content: "\e161" } .glyphicon-flash:before { content: "\e162" } .glyphicon-log-out:before { content: "\e163" } .glyphicon-new-window:before { content: "\e164" } .glyphicon-record:before { content: "\e165" } .glyphicon-save:before { content: "\e166" } .glyphicon-open:before { content: "\e167" } .glyphicon-saved:before { content: "\e168" } .glyphicon-import:before { content: "\e169" } .glyphicon-export:before { content: "\e170" } .glyphicon-send:before { content: "\e171" } .glyphicon-floppy-disk:before { content: "\e172" } .glyphicon-floppy-saved:before { content: "\e173" } .glyphicon-floppy-remove:before { content: "\e174" } .glyphicon-floppy-save:before { content: "\e175" } .glyphicon-floppy-open:before { content: "\e176" } .glyphicon-credit-card:before { content: "\e177" } .glyphicon-transfer:before { content: "\e178" } .glyphicon-cutlery:before { content: "\e179" } .glyphicon-header:before { content: "\e180" } .glyphicon-compressed:before { content: "\e181" } .glyphicon-earphone:before { content: "\e182" } .glyphicon-phone-alt:before { content: "\e183" } .glyphicon-tower:before { content: "\e184" } .glyphicon-stats:before { content: "\e185" } .glyphicon-sd-video:before { content: "\e186" } .glyphicon-hd-video:before { content: "\e187" } .glyphicon-subtitles:before { content: "\e188" } .glyphicon-sound-stereo:before { content: "\e189" } .glyphicon-sound-dolby:before { content: "\e190" } .glyphicon-sound-5-1:before { content: "\e191" } .glyphicon-sound-6-1:before { content: "\e192" } .glyphicon-sound-7-1:before { content: "\e193" } .glyphicon-copyright-mark:before { content: "\e194" } .glyphicon-registration-mark:before { content: "\e195" } .glyphicon-cloud-download:before { content: "\e197" } .glyphicon-cloud-upload:before { content: "\e198" } .glyphicon-tree-conifer:before { content: "\e199" } .glyphicon-tree-deciduous:before { content: "\e200" } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: transparent } body { font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; background-color: #fff } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #ed1c24; text-decoration: none } a:hover, a:focus { color: #af0e14; text-decoration: underline } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } figure { margin: 0 } img { vertical-align: middle } .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto } .img-rounded { border-radius: 0 } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: proxima nova semibold; font-weight: 400; line-height: 1.1; color: inherit } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: 400; line-height: 1; color: #999 } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65% } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75% } h1, .h1 { font-size: 36px } h2, .h2 { font-size: 30px } h3, .h3 { font-size: 24px } h4, .h4 { font-size: 18px } h5, .h5 { font-size: 14px } h6, .h6 { font-size: 12px } p { margin: 0 0 10px } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 } @media(min-width:768px) { .lead { font-size: 21px } } small, .small { font-size: 85% } cite { font-style: normal } mark, .mark { background-color: #fcf8e3; padding: .2em } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .text-muted { color: #999 } .text-primary { color: #ed1c24 } a.text-primary:hover { color: #c61017 } .text-success { color: #3c763d } a.text-success:hover { color: #2b542c } .text-info { color: #31708f } a.text-info:hover { color: #245269 } .text-warning { color: #8a6d3b } a.text-warning:hover { color: #66512c } .text-danger { color: #a94442 } a.text-danger:hover { color: #843534 } .bg-primary { color: #fff } .bg-primary { background-color: #ed1c24 } a.bg-primary:hover { background-color: #c61017 } .bg-success { background-color: #dff0d8 } a.bg-success:hover { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:hover { background-color: #f7ecb5 } .bg-danger { background-color: #f2dede } a.bg-danger:hover { background-color: #e4b9b9 } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } ul, ol { margin-top: 0; margin-bottom: 10px } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0 } .list-unstyled, .list-inline { padding-left: 0; list-style: none } .list-inline { margin-left: -5px } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px } dl { margin-top: 0; margin-bottom: 20px } dt, dd { line-height: 1.428571429 } dt { font-weight: 700 } dd { margin-left: 0 } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table } .dl-horizontal dd:after { clear: both } @media(min-width:768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999 } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0 } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #999 } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0' } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: '' } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014' } blockquote:before, blockquote:after { content: "" } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429 } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, courier new, monospace } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 0 } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 0; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25) } kbd kbd { padding: 0; font-size: 100%; box-shadow: none } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 0 } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px } .container:before, .container:after { content: " "; display: table } .container:after { clear: both } @media(min-width:768px) { .container { width: 740px } } @media(min-width:992px) { .container { width: 960px } } @media(min-width:1200px) { .container { width: 1160px } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px } .container-fluid:before, .container-fluid:after { content: " "; display: table } .container-fluid:after { clear: both } .row { margin-left: -10px; margin-right: -10px } .row:before, .row:after { content: " "; display: table } .row:after { clear: both } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-1 { width: 8.3333333333% } .col-xs-2 { width: 16.6666666667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.3333333333% } .col-xs-5 { width: 41.6666666667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.3333333333% } .col-xs-8 { width: 66.6666666667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.3333333333% } .col-xs-11 { width: 91.6666666667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto } .col-xs-pull-1 { right: 8.3333333333% } .col-xs-pull-2 { right: 16.6666666667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.3333333333% } .col-xs-pull-5 { right: 41.6666666667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.3333333333% } .col-xs-pull-8 { right: 66.6666666667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.3333333333% } .col-xs-pull-11 { right: 91.6666666667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto } .col-xs-push-1 { left: 8.3333333333% } .col-xs-push-2 { left: 16.6666666667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.3333333333% } .col-xs-push-5 { left: 41.6666666667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.3333333333% } .col-xs-push-8 { left: 66.6666666667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.3333333333% } .col-xs-push-11 { left: 91.6666666667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0% } .col-xs-offset-1 { margin-left: 8.3333333333% } .col-xs-offset-2 { margin-left: 16.6666666667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.3333333333% } .col-xs-offset-5 { margin-left: 41.6666666667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.3333333333% } .col-xs-offset-8 { margin-left: 66.6666666667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.3333333333% } .col-xs-offset-11 { margin-left: 91.6666666667% } .col-xs-offset-12 { margin-left: 100% } @media(min-width:768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-1 { width: 8.3333333333% } .col-sm-2 { width: 16.6666666667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.3333333333% } .col-sm-5 { width: 41.6666666667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.3333333333% } .col-sm-8 { width: 66.6666666667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.3333333333% } .col-sm-11 { width: 91.6666666667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto } .col-sm-pull-1 { right: 8.3333333333% } .col-sm-pull-2 { right: 16.6666666667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.3333333333% } .col-sm-pull-5 { right: 41.6666666667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.3333333333% } .col-sm-pull-8 { right: 66.6666666667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.3333333333% } .col-sm-pull-11 { right: 91.6666666667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto } .col-sm-push-1 { left: 8.3333333333% } .col-sm-push-2 { left: 16.6666666667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.3333333333% } .col-sm-push-5 { left: 41.6666666667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.3333333333% } .col-sm-push-8 { left: 66.6666666667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.3333333333% } .col-sm-push-11 { left: 91.6666666667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0% } .col-sm-offset-1 { margin-left: 8.3333333333% } .col-sm-offset-2 { margin-left: 16.6666666667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.3333333333% } .col-sm-offset-5 { margin-left: 41.6666666667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.3333333333% } .col-sm-offset-8 { margin-left: 66.6666666667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.3333333333% } .col-sm-offset-11 { margin-left: 91.6666666667% } .col-sm-offset-12 { margin-left: 100% } } @media(min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left } .col-md-1 { width: 8.3333333333% } .col-md-2 { width: 16.6666666667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.3333333333% } .col-md-5 { width: 41.6666666667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.3333333333% } .col-md-8 { width: 66.6666666667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.3333333333% } .col-md-11 { width: 91.6666666667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto } .col-md-pull-1 { right: 8.3333333333% } .col-md-pull-2 { right: 16.6666666667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.3333333333% } .col-md-pull-5 { right: 41.6666666667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.3333333333% } .col-md-pull-8 { right: 66.6666666667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.3333333333% } .col-md-pull-11 { right: 91.6666666667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto } .col-md-push-1 { left: 8.3333333333% } .col-md-push-2 { left: 16.6666666667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.3333333333% } .col-md-push-5 { left: 41.6666666667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.3333333333% } .col-md-push-8 { left: 66.6666666667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.3333333333% } .col-md-push-11 { left: 91.6666666667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0% } .col-md-offset-1 { margin-left: 8.3333333333% } .col-md-offset-2 { margin-left: 16.6666666667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.3333333333% } .col-md-offset-5 { margin-left: 41.6666666667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.3333333333% } .col-md-offset-8 { margin-left: 66.6666666667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.3333333333% } .col-md-offset-11 { margin-left: 91.6666666667% } .col-md-offset-12 { margin-left: 100% } } @media(min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-1 { width: 8.3333333333% } .col-lg-2 { width: 16.6666666667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.3333333333% } .col-lg-5 { width: 41.6666666667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.3333333333% } .col-lg-8 { width: 66.6666666667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.3333333333% } .col-lg-11 { width: 91.6666666667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto } .col-lg-pull-1 { right: 8.3333333333% } .col-lg-pull-2 { right: 16.6666666667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.3333333333% } .col-lg-pull-5 { right: 41.6666666667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.3333333333% } .col-lg-pull-8 { right: 66.6666666667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.3333333333% } .col-lg-pull-11 { right: 91.6666666667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto } .col-lg-push-1 { left: 8.3333333333% } .col-lg-push-2 { left: 16.6666666667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.3333333333% } .col-lg-push-5 { left: 41.6666666667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.3333333333% } .col-lg-push-8 { left: 66.6666666667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.3333333333% } .col-lg-push-11 { left: 91.6666666667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0% } .col-lg-offset-1 { margin-left: 8.3333333333% } .col-lg-offset-2 { margin-left: 16.6666666667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.3333333333% } .col-lg-offset-5 { margin-left: 41.6666666667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.3333333333% } .col-lg-offset-8 { margin-left: 66.6666666667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.3333333333% } .col-lg-offset-11 { margin-left: 91.6666666667% } .col-lg-offset-12 { margin-left: 100% } } table { background-color: transparent } th { text-align: left } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0 } .table > tbody + tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px } .table-bordered { border: 1px solid #ddd } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9 } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5 } table col[class*=col-] { position: static; float: none; display: table-column } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5 } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8 } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8 } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6 } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7 } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3 } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3 } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; -webkit-overflow-scrolling: touch } .table-responsive > .table { margin-bottom: 0 } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap } .table-responsive > .table-bordered { border: 0 } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0 } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555 } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1 } textarea.form-control { height: auto } input[type=search] { -webkit-appearance: none } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { line-height: 34px; line-height: 1.428571429 \0 } input.input-sm[type=date], .input-group-sm > .form-control[type=date], .input-group-sm > .input-group-addon[type=date], .input-group-sm > .input-group-btn > .btn[type=date], .form-horizontal .form-group-sm .form-control[type=date], input.input-sm[type=time], .input-group-sm > .form-control[type=time], .input-group-sm > .input-group-addon[type=time], .input-group-sm > .input-group-btn > .btn[type=time], .form-horizontal .form-group-sm .form-control[type=time], input.input-sm[type=datetime-local], .input-group-sm > .form-control[type=datetime-local], .input-group-sm > .input-group-addon[type=datetime-local], .input-group-sm > .input-group-btn > .btn[type=datetime-local], .form-horizontal .form-group-sm .form-control[type=datetime-local], input.input-sm[type=month], .input-group-sm > .form-control[type=month], .input-group-sm > .input-group-addon[type=month], .input-group-sm > .input-group-btn > .btn[type=month], .form-horizontal .form-group-sm .form-control[type=month] { line-height: 30px } input.input-lg[type=date], .input-group-lg > .form-control[type=date], .input-group-lg > .input-group-addon[type=date], .input-group-lg > .input-group-btn > .btn[type=date], .form-horizontal .form-group-lg .form-control[type=date], input.input-lg[type=time], .input-group-lg > .form-control[type=time], .input-group-lg > .input-group-addon[type=time], .input-group-lg > .input-group-btn > .btn[type=time], .form-horizontal .form-group-lg .form-control[type=time], input.input-lg[type=datetime-local], .input-group-lg > .form-control[type=datetime-local], .input-group-lg > .input-group-addon[type=datetime-local], .input-group-lg > .input-group-btn > .btn[type=datetime-local], .form-horizontal .form-group-lg .form-control[type=datetime-local], input.input-lg[type=month], .input-group-lg > .form-control[type=month], .input-group-lg > .input-group-addon[type=month], .input-group-lg > .input-group-btn > .btn[type=month], .form-horizontal .form-group-lg .form-control[type=month] { line-height: 46px } .form-group { margin-bottom: 15px } .radio, .checkbox { position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { position: absolute; margin-left: -20px; margin-top: 4px \9 } .radio + .radio, .checkbox + .checkbox { margin-top: -5px } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px } input[type=radio][disabled], input.disabled[type=radio], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input.disabled[type=checkbox], fieldset[disabled] input[type=checkbox] { cursor: not-allowed } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0 } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-horizontal .form-group-lg .form-control-static.form-control, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-horizontal .form-group-sm .form-control-static.form-control { padding-left: 0; padding-right: 0 } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0 } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn, .form-horizontal .form-group-sm select.form-control { height: 30px; line-height: 30px } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, .form-horizontal .form-group-sm textarea.form-control, select.input-sm[multiple], .input-group-sm > .form-control[multiple], .input-group-sm > .input-group-addon[multiple], .input-group-sm > .input-group-btn > .btn[multiple], .form-horizontal .form-group-sm .form-control[multiple] { height: auto } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .form-horizontal .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0 } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn, .form-horizontal .form-group-lg select.form-control { height: 46px; line-height: 46px } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, .form-horizontal .form-group-lg textarea.form-control, select.input-lg[multiple], .input-group-lg > .form-control[multiple], .input-group-lg > .input-group-addon[multiple], .input-group-lg > .input-group-btn > .btn[multiple], .form-horizontal .form-group-lg .form-control[multiple] { height: auto } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 42.5px } .form-control-feedback { position: absolute; top: 25px; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8 } .has-success .form-control-feedback { color: #3c763d } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3 } .has-warning .form-control-feedback { color: #8a6d3b } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede } .has-error .form-control-feedback { color: #a94442 } .has-feedback label.sr-only ~ .form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @media(min-width:768px) { .form-inline .form-group, .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control, .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .input-group, .navbar-form .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control { width: auto } .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control { width: 100% } .form-inline .control-label, .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label { padding-left: 0 } .form-inline .radio input[type=radio], .navbar-form .radio input[type=radio], .form-inline .checkbox input[type=checkbox], .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px } .form-horizontal .form-group { margin-left: -10px; margin-right: -10px } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table } .form-horizontal .form-group:after { clear: both } @media(min-width:768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 10px } @media(min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px } } @media(min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:hover, .btn:focus { color: #333; text-decoration: none } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: #ed1c24; border-color: #de1219 } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #c61017; border-color: #a50d13 } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #ed1c24; border-color: #de1219 } .btn-primary .badge { color: #ed1c24; background-color: #fff } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { color: #ed1c24; font-weight: 400; cursor: pointer; border-radius: 0 } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent } .btn-link:hover, .btn-link:focus { color: #af0e14; text-decoration: underline; background-color: transparent } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #999; text-decoration: none } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0 } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0 } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0 } .btn-block { display: block; width: 100% } .btn-block + .btn-block { margin-top: 5px } input.btn-block[type=submit], input.btn-block[type=reset], input.btn-block[type=button] { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.428571429; color: #333; white-space: nowrap } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5 } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #ed1c24 } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999 } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed } .open > .dropdown-menu { display: block } .open > a { outline: 0 } .dropdown-menu-right { left: auto; right: 0 } .dropdown-menu-left { left: 0; right: auto } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #999; white-space: nowrap } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .pull-right > .dropdown-menu { right: 0; left: auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: "" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px } @media(min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto } .navbar-right .dropdown-menu-left { left: 0; right: auto } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2 } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0 } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table } .btn-toolbar:after { clear: both } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group > .btn:first-child { margin-left: 0 } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group > .btn-group { float: left } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table } .btn-group-vertical > .btn-group:after { clear: both } .btn-group-vertical > .btn-group > .btn { float: none } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1% } .btn-group-justified > .btn-group .btn { width: 100% } .btn-group-justified > .btn-group .dropdown-menu { left: auto } [data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox] { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0) } .input-group { position: relative; display: table; border-collapse: separate } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 0 } .input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 0 } .input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 0 } .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] { margin-top: 0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn { position: relative; font-size: 0; white-space: nowrap } .input-group-btn > .btn { position: relative } .input-group-btn > .btn + .btn { margin-left: -1px } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2 } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav:before, .nav:after { content: " "; display: table } .nav:after { clear: both } .nav > li { position: relative; display: block } .nav > li > a { position: relative; display: block; padding: 10px 15px } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee } .nav > li.disabled > a { color: #999 } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999; text-decoration: none; background-color: transparent; cursor: not-allowed } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #ed1c24 } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav > li > a > img { max-width: none } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs > li { float: left; margin-bottom: -1px } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 0 0 0 0 } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default } .nav-pills > li { float: left } .nav-pills > li > a { border-radius: 0 } .nav-pills > li + li { margin-left: 2px } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ed1c24; background-color: inherit } .nav-stacked > li { float: none } .nav-stacked > li + li { margin-top: 2px; margin-left: 0 } .nav-justified, .nav-tabs.nav-justified { width: 100% } .nav-justified > li, .nav-tabs.nav-justified > li { float: none } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto } @media(min-width:768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1% } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0 } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0 } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0 } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd } @media(min-width:768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 0 0 0 0 } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff } } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent } .navbar:before, .navbar:after { content: " "; display: table } .navbar:after { clear: both } @media(min-width:768px) { .navbar { border-radius: 0 } } .navbar-header:before, .navbar-header:after { content: " "; display: table } .navbar-header:after { clear: both } @media(min-width:768px) { .navbar-header { float: left } } .navbar-collapse { overflow-x: visible; padding-right: 10px; padding-left: 10px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -webkit-overflow-scrolling: touch } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table } .navbar-collapse:after { clear: both } .navbar-collapse.in { overflow-y: auto } @media(min-width:768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0 } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px } @media(max-width:480px) and (orientation:landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -10px; margin-left: -10px } @media(min-width:768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media(min-width:768px) { .navbar-static-top { border-radius: 0 } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media(min-width:768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .navbar-brand { float: left; padding: 15px 10px; font-size: 18px; line-height: 20px; height: 50px } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none } @media(min-width:768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -10px } } .navbar-toggle { position: relative; float: right; margin-right: 10px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0 } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px } @media(min-width:768px) { .navbar-toggle { display: none } } .navbar-nav { margin: 7.5px -10px } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media(max-width:767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none } } @media(min-width:768px) { .navbar-nav { float: left; margin: 0 } .navbar-nav > li { float: left } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px } .navbar-nav.navbar-right:last-child { margin-right: -10px } } @media(min-width:768px) { .navbar-left { float: left !important } .navbar-right { float: right !important } } .navbar-form { margin-left: -10px; margin-right: -10px; padding: 10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); margin-top: 8px; margin-bottom: 8px } @media(max-width:767px) { .navbar-form .form-group { margin-bottom: 5px } } @media(min-width:768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-form.navbar-right:last-child { margin-right: -10px } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-btn { margin-top: 8px; margin-bottom: 8px } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px } .navbar-text { margin-top: 15px; margin-bottom: 15px } @media(min-width:768px) { .navbar-text { float: left; margin-left: 10px; margin-right: 10px } .navbar-text.navbar-right:last-child { margin-right: 0 } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-text { color: #777 } .navbar-default .navbar-nav > li > a { color: #777 } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: #888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555 } @media(max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777 } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent } } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-default .btn-link { color: #777 } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333 } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc } .navbar-inverse { background-color: #222; border-color: #090909 } .navbar-inverse .navbar-brand { color: #999 } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-text { color: #999 } .navbar-inverse .navbar-nav > li > a { color: #999 } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909 } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010 } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff } @media(max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909 } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999 } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909 } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent } } .navbar-inverse .navbar-link { color: #999 } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .btn-link { color: #999 } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 0 } .breadcrumb > li { display: inline-block } .breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #ccc } .breadcrumb > .active { color: #999 } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 0 } .pagination > li { display: inline } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.428571429; text-decoration: none; color: #ed1c24; background-color: #fff; border: 1px solid #ddd; margin-left: -1px } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0 } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0 } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { color: #af0e14; background-color: #eee; border-color: #ddd } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #ed1c24; border-color: #ed1c24; cursor: default } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999; background-color: #fff; border-color: #ddd; cursor: not-allowed } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0 } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0 } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0 } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0 } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center } .pager:before, .pager:after { content: " "; display: table } .pager:after { clear: both } .pager li { display: inline } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee } .pager .next > a, .pager .next > span { float: right } .pager .previous > a, .pager .previous > span { float: left } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999; background-color: #fff; cursor: not-allowed } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } .label:empty { display: none } .btn .label { position: relative; top: -1px } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer } .label-default { background-color: #999 } .label-default[href]:hover, .label-default[href]:focus { background-color: gray } .label-primary { background-color: #ed1c24 } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #c61017 } .label-success { background-color: #5cb85c } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #999; border-radius: 10px } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #ed1c24; background-color: #fff } .nav-pills > li > a > .badge { margin-left: 3px } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #eee } .jumbotron h1, .jumbotron .h1 { color: inherit } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200 } .jumbotron > hr { border-top-color: #d5d5d5 } .container .jumbotron { border-radius: 0 } .jumbotron .container { max-width: 100% } @media screen and (min-width:768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px } .container .jumbotron { padding-left: 60px; padding-right: 60px } .jumbotron h1, .jumbotron .h1 { font-size: 63px } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .thumbnail > img, .thumbnail a > img { display: block; width: 100% \9; max-width: 100%; height: auto; margin-left: auto; margin-right: auto } .thumbnail .caption { padding: 9px; color: #333 } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #ed1c24 } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0 } .alert h4 { margin-top: 0; color: inherit } .alert .alert-link { font-weight: 700 } .alert > p, .alert > ul { margin-bottom: 0 } .alert > p + p { margin-top: 5px } .alert-dismissable, .alert-dismissible { padding-right: 35px } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442 } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #ed1c24; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { min-width: 30px } .progress-bar[aria-valuenow="0"] { color: #999; min-width: 30px; background-color: transparent; background-image: none; box-shadow: none } .progress-bar-success { background-color: #5cb85c } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color: #5bc0de } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color: #f0ad4e } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color: #d9534f } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .media, .media-body { overflow: hidden; zoom: 1 } .media, .media .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media-object { display: block } .media-heading { margin: 0 0 5px } .media > .pull-left { margin-right: 10px } .media > .pull-right { margin-left: 10px } .media-list { padding-left: 0; list-style: none } .list-group { margin-bottom: 20px; padding-left: 0 } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .list-group-item > .badge { float: right } .list-group-item > .badge + .badge { margin-right: 5px } a.list-group-item { color: #555 } a.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5 } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eee; color: #999 } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #999 } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #ed1c24; border-color: #ed1c24 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #fcd9da } .list-group-item-success { color: #3c763d; background-color: #dff0d8 } a.list-group-item-success { color: #3c763d } a.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6 } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3 } a.list-group-item-warning { color: #8a6d3b } a.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b } .list-group-item-danger { color: #a94442; background-color: #f2dede } a.list-group-item-danger { color: #a94442 } a.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .panel-body { padding: 15px } .panel-body:before, .panel-body:after { content: " "; display: table } .panel-body:after { clear: both } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: -1px; border-top-left-radius: -1px } .panel-heading > .dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit } .panel-title > a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px } .panel > .list-group { margin-bottom: 0 } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: -1px; border-top-left-radius: -1px } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0 } .list-group + .panel-footer { border-top-width: 0 } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0 } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: -1px; border-top-left-radius: -1px } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: -1px } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: -1px } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: -1px; border-bottom-left-radius: -1px } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: -1px } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: -1px } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0 } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0 } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0 } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 } .panel > .table-responsive { border: 0; margin-bottom: 0 } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 0 } .panel-group .panel + .panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333 } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #ed1c24 } .panel-primary > .panel-heading { color: #fff; background-color: #ed1c24; border-color: #ed1c24 } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ed1c24 } .panel-primary > .panel-heading .badge { color: #ed1c24; background-color: #fff } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ed1c24 } .panel-success { border-color: #d6e9c6 } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6 } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1 } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #faebcc } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc } .panel-danger { border-color: #ebccd1 } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1 } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442 } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15) } .well-lg { padding: 24px; border-radius: 0 } .well-sm { padding: 9px; border-radius: 0 } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .modal-open { overflow: hidden } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); background-clip: padding-box; outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50) } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.428571429px } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.428571429 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer:before, .modal-footer:after { content: " "; display: table } .modal-footer:after { clear: both } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0 } .modal-footer .btn-group .btn + .btn { margin-left: -1px } .modal-footer .btn-block + .btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media(min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width: 300px } } @media(min-width:992px) { .modal-lg { width: 900px } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 0 } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000 } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); white-space: normal } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1px -1px 0 0 } .popover-content { padding: 9px 14px } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover > .arrow { border-width: 11px } .popover > .arrow:after { border-width: 10px; content: "" } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); bottom: -11px } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25) } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); top: -11px } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25) } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .carousel { position: relative } .carousel-inner { position: relative; overflow: hidden; width: 100% } .carousel-inner > .item { display: none; position: relative; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto; line-height: 1 } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block } .carousel-inner > .active { left: 0 } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100% } .carousel-inner > .next { left: 100% } .carousel-inner > .prev { left: -100% } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0 } .carousel-inner > .active.left { left: -100% } .carousel-inner > .active.right { left: 100% } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif } .carousel-control .icon-prev:before { content: '\2039' } .carousel-control .icon-next:before { content: '\203a' } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none !important; visibility: hidden !important } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @-ms-viewport { width: device-width } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important } @media(max-width:767px) { .visible-xs { display: block !important } table.visible-xs { display: table } tr.visible-xs { display: table-row !important } th.visible-xs, td.visible-xs { display: table-cell !important } } @media(max-width:767px) { .visible-xs-block { display: block !important } } @media(max-width:767px) { .visible-xs-inline { display: inline !important } } @media(max-width:767px) { .visible-xs-inline-block { display: inline-block !important } } @media(min-width:768px) and (max-width:991px) { .visible-sm { display: block !important } table.visible-sm { display: table } tr.visible-sm { display: table-row !important } th.visible-sm, td.visible-sm { display: table-cell !important } } @media(min-width:768px) and (max-width:991px) { .visible-sm-block { display: block !important } } @media(min-width:768px) and (max-width:991px) { .visible-sm-inline { display: inline !important } } @media(min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display: inline-block !important } } @media(min-width:992px) and (max-width:1199px) { .visible-md { display: block !important } table.visible-md { display: table } tr.visible-md { display: table-row !important } th.visible-md, td.visible-md { display: table-cell !important } } @media(min-width:992px) and (max-width:1199px) { .visible-md-block { display: block !important } } @media(min-width:992px) and (max-width:1199px) { .visible-md-inline { display: inline !important } } @media(min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display: inline-block !important } } @media(min-width:1200px) { .visible-lg { display: block !important } table.visible-lg { display: table } tr.visible-lg { display: table-row !important } th.visible-lg, td.visible-lg { display: table-cell !important } } @media(min-width:1200px) { .visible-lg-block { display: block !important } } @media(min-width:1200px) { .visible-lg-inline { display: inline !important } } @media(min-width:1200px) { .visible-lg-inline-block { display: inline-block !important } } @media(max-width:767px) { .hidden-xs { display: none !important } } @media(min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media(min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } @media(min-width:1200px) { .hidden-lg { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table } tr.visible-print { display: table-row !important } th.visible-print, td.visible-print { display: table-cell !important } } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } } @media print { .hidden-print { display: none !important } } .toast-title { font-weight: 700 } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word } .toast-message a, .toast-message label { color: #fff } .toast-message a:hover { color: #ccc; text-decoration: none } .toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } .toast-close-button:hover, .toast-close-button:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 999999 } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #fff; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer } #toast-container > .toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important } #toast-container > .toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important } #toast-container > .toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important } #toast-container > .toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto } .toast { background-color: #030303 } .toast-success { background-color: #51a351 } .toast-error { background-color: #bd362f } .toast-info { background-color: #2f96b4 } .toast-warning { background-color: #f89406 } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } @media all and (max-width:240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em } } .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: helvetica neue, Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: 0 0; border: none } .xdsoft_datetimepicker button { border: none !important } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none } .xdsoft_noselect::selection { background: 0 0 } .xdsoft_noselect::-moz-selection { background: 0 0 } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0 } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0 } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0 } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC) } .xdsoft_datetimepicker .xdsoft_label i { opacity: .5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0 } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0 } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer; display: block; height: 30px; opacity: .5; -ms-filter: "alpha(opacity=50)"; outline: medium; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0 } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0 } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0 } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "alpha(opacity=100)" } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 700; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1 } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000 } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #3af; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700 } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right } .xdsoft_datetimepicker .xdsoft_calendar { clear: both } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100% } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5% } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1 } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #3af } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000 } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000 } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #3af; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700 } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: .5; -ms-filter: "alpha(opacity=50)"; cursor: default } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: .2; -ms-filter: "alpha(opacity=20)" } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #3af !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important } .xdsoft_time_box { position: relative; border: 1px solid #ccc } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto } .xdsoft_scroller_box { position: relative } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, .506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222; color: #999 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #c50; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==) } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #c50 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #c50; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333 } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #ddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px } .xdsoft_datetimepicker .blue-gradient-button { font-family: museo-sans, book antiqua, sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0) } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #fff 73%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #fff)); background: -webkit-linear-gradient(top, #f4f8fa 0%, #fff 73%); background: -o-linear-gradient(top, #f4f8fa 0%, #fff 73%); background: -ms-linear-gradient(top, #f4f8fa 0%, #fff 73%); background: linear-gradient(to bottom, #f4f8fa 0%, #fff 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0) } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8 } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover, .mfp-close:focus { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1 } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .jssocials-shares { margin: .2em 0 } .jssocials-shares * { box-sizing: border-box } .jssocials-share { display: inline-block; vertical-align: top; margin: .3em .6em .3em 0 } .jssocials-share:last-child { margin-right: 0 } .jssocials-share-logo { width: 1em; vertical-align: middle; font-size: 1.5em } img.jssocials-share-logo { width: auto; height: 1em } .jssocials-share-link { display: inline-block; text-align: center; text-decoration: none; line-height: 1 } .jssocials-share-link.jssocials-share-link-count { padding-top: .2em } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count { display: block; font-size: .6em; margin: 0 -.5em -.8em } .jssocials-share-link.jssocials-share-no-count { padding-top: .5em } .jssocials-share-link.jssocials-share-no-count .jssocials-share-count { height: 1em } .jssocials-share-label { padding-left: .3em; vertical-align: middle } .jssocials-share-count-box { display: inline-block; height: 1.5em; padding: 0 .3em; line-height: 1; vertical-align: middle; cursor: default } .jssocials-share-count-box.jssocials-share-no-count { display: none } .jssocials-share-count { line-height: 1.5em; vertical-align: middle } .jssocials-share-twitter .jssocials-share-link { color: #00aced } .jssocials-share-twitter .jssocials-share-link .jssocials-share-label { color: #00aced } .jssocials-share-twitter .jssocials-share-link:hover, .jssocials-share-twitter .jssocials-share-link:focus, .jssocials-share-twitter .jssocials-share-link:active { color: #0087ba } .jssocials-share-twitter .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-twitter .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-twitter .jssocials-share-link:active .jssocials-share-label { color: #0087ba } .jssocials-share-facebook .jssocials-share-link { color: #3b5998 } .jssocials-share-facebook .jssocials-share-link .jssocials-share-label { color: #3b5998 } .jssocials-share-facebook .jssocials-share-link:hover, .jssocials-share-facebook .jssocials-share-link:focus, .jssocials-share-facebook .jssocials-share-link:active { color: #2d4373 } .jssocials-share-facebook .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-facebook .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-facebook .jssocials-share-link:active .jssocials-share-label { color: #2d4373 } .jssocials-share-googleplus .jssocials-share-link { color: #dd4b39 } .jssocials-share-googleplus .jssocials-share-link .jssocials-share-label { color: #dd4b39 } .jssocials-share-googleplus .jssocials-share-link:hover, .jssocials-share-googleplus .jssocials-share-link:focus, .jssocials-share-googleplus .jssocials-share-link:active { color: #c23321 } .jssocials-share-googleplus .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-googleplus .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-googleplus .jssocials-share-link:active .jssocials-share-label { color: #c23321 } .jssocials-share-linkedin .jssocials-share-link { color: #007bb6 } .jssocials-share-linkedin .jssocials-share-link .jssocials-share-label { color: #007bb6 } .jssocials-share-linkedin .jssocials-share-link:hover, .jssocials-share-linkedin .jssocials-share-link:focus, .jssocials-share-linkedin .jssocials-share-link:active { color: #005983 } .jssocials-share-linkedin .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-linkedin .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-linkedin .jssocials-share-link:active .jssocials-share-label { color: #005983 } .jssocials-share-pinterest .jssocials-share-link { color: #cb2027 } .jssocials-share-pinterest .jssocials-share-link .jssocials-share-label { color: #cb2027 } .jssocials-share-pinterest .jssocials-share-link:hover, .jssocials-share-pinterest .jssocials-share-link:focus, .jssocials-share-pinterest .jssocials-share-link:active { color: #9f191f } .jssocials-share-pinterest .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-pinterest .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-pinterest .jssocials-share-link:active .jssocials-share-label { color: #9f191f } .jssocials-share-email .jssocials-share-link { color: #3490f3 } .jssocials-share-email .jssocials-share-link .jssocials-share-label { color: #3490f3 } .jssocials-share-email .jssocials-share-link:hover, .jssocials-share-email .jssocials-share-link:focus, .jssocials-share-email .jssocials-share-link:active { color: #0e76e6 } .jssocials-share-email .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-email .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-email .jssocials-share-link:active .jssocials-share-label { color: #0e76e6 } .jssocials-share-stumbleupon .jssocials-share-link { color: #eb4823 } .jssocials-share-stumbleupon .jssocials-share-link .jssocials-share-label { color: #eb4823 } .jssocials-share-stumbleupon .jssocials-share-link:hover, .jssocials-share-stumbleupon .jssocials-share-link:focus, .jssocials-share-stumbleupon .jssocials-share-link:active { color: #c93412 } .jssocials-share-stumbleupon .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-stumbleupon .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-stumbleupon .jssocials-share-link:active .jssocials-share-label { color: #c93412 } .jssocials-share-whatsapp .jssocials-share-link { color: #29a628 } .jssocials-share-whatsapp .jssocials-share-link .jssocials-share-label { color: #29a628 } .jssocials-share-whatsapp .jssocials-share-link:hover, .jssocials-share-whatsapp .jssocials-share-link:focus, .jssocials-share-whatsapp .jssocials-share-link:active { color: #1f7d1e } .jssocials-share-whatsapp .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-whatsapp .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-whatsapp .jssocials-share-link:active .jssocials-share-label { color: #1f7d1e } .jssocials-share-telegram .jssocials-share-link { color: #2ca5e0 } .jssocials-share-telegram .jssocials-share-link .jssocials-share-label { color: #2ca5e0 } .jssocials-share-telegram .jssocials-share-link:hover, .jssocials-share-telegram .jssocials-share-link:focus, .jssocials-share-telegram .jssocials-share-link:active { color: #1c88bd } .jssocials-share-telegram .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-telegram .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-telegram .jssocials-share-link:active .jssocials-share-label { color: #1c88bd } .jssocials-share-line .jssocials-share-link { color: #25af00 } .jssocials-share-line .jssocials-share-link .jssocials-share-label { color: #25af00 } .jssocials-share-line .jssocials-share-link:hover, .jssocials-share-line .jssocials-share-link:focus, .jssocials-share-line .jssocials-share-link:active { color: #1a7c00 } .jssocials-share-line .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-line .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-line .jssocials-share-link:active .jssocials-share-label { color: #1a7c00 } .jssocials-share-viber .jssocials-share-link { color: #7b519d } .jssocials-share-viber .jssocials-share-link .jssocials-share-label { color: #7b519d } .jssocials-share-viber .jssocials-share-link:hover, .jssocials-share-viber .jssocials-share-link:focus, .jssocials-share-viber .jssocials-share-link:active { color: #61407b } .jssocials-share-viber .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-viber .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-viber .jssocials-share-link:active .jssocials-share-label { color: #61407b } .jssocials-share-pocket .jssocials-share-link { color: #ef4056 } .jssocials-share-pocket .jssocials-share-link .jssocials-share-label { color: #ef4056 } .jssocials-share-pocket .jssocials-share-link:hover, .jssocials-share-pocket .jssocials-share-link:focus, .jssocials-share-pocket .jssocials-share-link:active { color: #e9132e } .jssocials-share-pocket .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-pocket .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-pocket .jssocials-share-link:active .jssocials-share-label { color: #e9132e } .jssocials-share-messenger .jssocials-share-link { color: #0084ff } .jssocials-share-messenger .jssocials-share-link .jssocials-share-label { color: #0084ff } .jssocials-share-messenger .jssocials-share-link:hover, .jssocials-share-messenger .jssocials-share-link:focus, .jssocials-share-messenger .jssocials-share-link:active { color: #006acc } .jssocials-share-messenger .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-messenger .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-messenger .jssocials-share-link:active .jssocials-share-label { color: #006acc } .jssocials-share-vkontakte .jssocials-share-link { color: #45668e } .jssocials-share-vkontakte .jssocials-share-link .jssocials-share-label { color: #45668e } .jssocials-share-vkontakte .jssocials-share-link:hover, .jssocials-share-vkontakte .jssocials-share-link:focus, .jssocials-share-vkontakte .jssocials-share-link:active { color: #344d6c } .jssocials-share-vkontakte .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-vkontakte .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-vkontakte .jssocials-share-link:active .jssocials-share-label { color: #344d6c } .jssocials-share-rss .jssocials-share-link { color: #f90 } .jssocials-share-rss .jssocials-share-link .jssocials-share-label { color: #f90 } .jssocials-share-rss .jssocials-share-link:hover, .jssocials-share-rss .jssocials-share-link:focus, .jssocials-share-rss .jssocials-share-link:active { color: #cc7a00 } .jssocials-share-rss .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-rss .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-rss .jssocials-share-link:active .jssocials-share-label { color: #cc7a00 } .jssocials-share-link { transition: color 200ms ease-in-out } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count { font-size: .5em } .jssocials-share-label { font-size: .8em; color: #333; transition: color 200ms ease-in-out } .jssocials-share-count-box { margin-left: .3em; border: 1px solid #efefef; border-radius: .3em } .jssocials-share-count-box .jssocials-share-count { line-height: 1.8em; font-size: .8em; color: #333 } .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] { position: absolute; z-index: 1000; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item { font-size: 14px; padding: 1px 3px; border: 0 } .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a { text-decoration: none; display: block; height: 100%; line-height: 1.8em; padding: 0 1.54em 0 .615em; color: #4f4f4f } .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active, .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover { background-color: #e4e4e4 } .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a, .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a { color: #333 } .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji { font-size: inherit; height: 2ex; width: 2.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: 0 5px .2ex 0; line-height: normal; vertical-align: middle; max-width: 100%; top: 0 } .emojionearea-text .emojioneemoji, .emojionearea-text [class*=emojione-] { font-size: inherit; height: 2ex; width: 2.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: -.2ex .15em .2ex; line-height: normal; vertical-align: middle; max-width: 100%; top: 0 } .emojionearea, .emojionearea * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .emojionearea.emojionearea-disable { position: relative; background-color: #eee; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .emojionearea.emojionearea-disable:before { content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: .3; position: absolute; background-color: #eee } .emojionearea, .emojionearea.form-control { display: block; position: relative !important; width: 100%; height: auto; padding: 0; font-size: 14px; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-transition: border-color .15s ease-in-out, -moz-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } .emojionearea.focused { border-color: #66afe9; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .emojionearea .emojionearea-editor { display: block; height: auto; min-height: 8em; max-height: 15em; overflow: auto; padding: 6px 24px 6px 12px; line-height: 1.42857143; font-size: inherit; color: #555; background-color: transparent; border: 0; cursor: text; margin-right: 1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .emojionearea .emojionearea-editor:empty:before { content: attr(placeholder); display: block; color: #bbb } .emojionearea .emojionearea-editor:focus { border: 0; outline: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .emojionearea .emojionearea-editor .emojioneemoji, .emojionearea .emojionearea-editor [class*=emojione-] { font-size: inherit; height: 2ex; width: 2.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: -.2ex .15em .2ex; line-height: normal; vertical-align: middle; max-width: 100%; top: 0 } .emojionearea.emojionearea-inline { height: 34px } .emojionearea.emojionearea-inline > .emojionearea-editor { height: 32px; min-height: 20px; overflow: hidden; white-space: nowrap; position: absolute; top: 0; left: 12px; right: 24px; padding: 6px 0 } .emojionearea.emojionearea-inline > .emojionearea-button { top: 4px } .emojionearea .emojionearea-button { z-index: 5; position: absolute; right: 3px; top: 3px; width: 24px; height: 24px; opacity: .6; cursor: pointer; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .emojionearea .emojionearea-button:hover { opacity: 1 } .emojionearea .emojionearea-button > div { display: block; width: 24px; height: 24px; position: absolute; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .emojionearea .emojionearea-button > div.emojionearea-button-open { background-position: 0 -24px; filter: alpha(enabled=false); opacity: 1 } .emojionearea .emojionearea-button > div.emojionearea-button-close { background-position: 0 0; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); filter: alpha(Opacity=0); opacity: 0 } .emojionearea .emojionearea-button.active > div.emojionearea-button-open { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); filter: alpha(Opacity=0); opacity: 0 } .emojionearea .emojionearea-button.active > div.emojionearea-button-close { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); filter: alpha(enabled=false); opacity: 1 } .emojionearea .emojionearea-picker { background: #fff; position: absolute; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .32); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .32); box-shadow: 0 1px 5px rgba(0, 0, 0, .32); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 276px; width: 316px; top: -15px; right: -15px; z-index: 90; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; filter: alpha(Opacity=0); opacity: 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .emojionearea .emojionearea-picker.hidden { display: none } .emojionearea .emojionearea-picker .emojionearea-wrapper { position: relative; height: 276px; width: 316px } .emojionearea .emojionearea-picker .emojionearea-wrapper:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; z-index: 91 } .emojionearea .emojionearea-picker .emojionearea-filters { width: 100%; position: absolute; z-index: 95; background: #f5f7f9; padding: 0 0 0 7px; height: 40px } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter { display: block; float: left; height: 40px; width: 32px; padding: 7px 1px 0; cursor: pointer; -webkit-filter: grayscale(1); filter: grayscale(1) } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active { background: #fff } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active, .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover { -webkit-filter: grayscale(0); filter: grayscale(0) } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > i { width: 24px; height: 24px; top: 0 } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > img { width: 24px; height: 24px; margin: 0 3px } .emojionearea .emojionearea-picker .emojionearea-search-panel { height: 30px; position: absolute; z-index: 95; top: 40px; left: 0; right: 0; padding: 5px 0 5px 8px } .emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones { float: right; margin-right: 10px; margin-top: -1px } .emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones { position: absolute; top: 4px; left: 171px } .emojionearea .emojionearea-picker .emojionearea-search { float: left; padding: 0; height: 20px; width: 160px } .emojionearea .emojionearea-picker .emojionearea-search > input { outline: 0; width: 160px; min-width: 160px; height: 20px } .emojionearea .emojionearea-picker .emojionearea-tones { padding: 0; width: 120px; height: 20px } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone { display: inline-block; padding: 0; border: 0; vertical-align: middle; outline: 0; background: 0 0; cursor: pointer; position: relative } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0:after { background-color: #ffcf3e } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1:after { background-color: #fae3c5 } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2:after { background-color: #e2cfa5 } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3:after { background-color: #daa478 } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4:after { background-color: #a78058 } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5:after { background-color: #5e4d43 } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone { width: 20px; height: 20px; margin: 0; background-color: transparent } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after { content: ""; position: absolute; display: block; top: 4px; left: 4px; width: 12px; height: 12px } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone.active:after { top: 0; left: 0; width: 20px; height: 20px } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone { width: 16px; height: 16px; margin: 0 2px } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone.active:after { content: ""; position: absolute; display: block; background-color: transparent; border: 2px solid #fff; width: 8px; height: 8px; top: 2px; left: 2px; box-sizing: initial } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:before, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before { content: " "; clear: both; display: block } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone:after { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100% } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px } .emojionearea .emojionearea-picker .emojionearea-scroll-area { height: 236px; overflow: auto; overflow-x: hidden; width: 100%; position: absolute; padding: 0 0 5px } .emojionearea .emojionearea-picker .emojionearea-search-panel + .emojionearea-scroll-area { height: 206px } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list { z-index: 1 } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title { display: block; font-family: Arial, helvetica neue, Helvetica, sans-serif; font-size: 13px; font-weight: 400; color: #b2b2b2; background: #fff; line-height: 20px; margin: 0; padding: 7px 0 5px 6px } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block { padding: 0 0 0 7px } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category { padding: 0 !important } .emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0; width: 24px; height: 24px; top: 0 } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 24px; height: 24px; float: left; display: block; margin: 1px; padding: 3px } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #e4e4e4; cursor: pointer } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img { float: left; display: block; width: 24px; height: 24px } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji { filter: alpha(Opacity=0); opacity: 0 } .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters { top: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px } .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area { bottom: 0 } .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area { top: 40px } .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel { top: initial; bottom: 0 } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters { bottom: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area { top: 0 } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel, .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area { top: initial; bottom: 40px } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel { top: 0 } .emojionearea .emojionearea-picker.emojionearea-picker-position-top { margin-top: -286px; right: -14px } .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after { width: 19px; height: 10px; background-position: -2px -49px; bottom: -10px; right: 20px } .emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after { background-position: -2px -80px } .emojionearea .emojionearea-picker.emojionearea-picker-position-left, .emojionearea .emojionearea-picker.emojionearea-picker-position-right { margin-right: -326px; top: -8px } .emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after { width: 10px; height: 19px; background-position: 0 -60px; top: 13px; left: -10px } .emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after { background-position: right -60px } .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom { margin-top: 10px; right: -14px; top: 47px } .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after { width: 19px; height: 10px; background-position: -2px -100px; top: -10px; right: 20px } .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after { background-position: -2px -90px } .emojionearea .emojionearea-button.active + .emojionearea-picker { filter: alpha(enabled=false); opacity: 1 } .emojionearea .emojionearea-button.active + .emojionearea-picker-position-top { margin-top: -269px } .emojionearea .emojionearea-button.active + .emojionearea-picker-position-left, .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right { margin-right: -309px } .emojionearea .emojionearea-button.active + .emojionearea-picker-position-bottom { margin-top: -7px } .emojionearea.emojionearea-standalone { display: inline-block; width: auto; box-shadow: none } .emojionearea.emojionearea-standalone .emojionearea-editor { min-height: 33px; position: relative; padding: 6px 42px 6px 6px } .emojionearea.emojionearea-standalone .emojionearea-editor::before { content: ""; position: absolute; top: 4px; left: 50%; bottom: 4px; border-left: 1px solid #e6e6e6 } .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji { opacity: .4 } .emojionearea.emojionearea-standalone .emojionearea-button { top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto } .emojionearea.emojionearea-standalone .emojionearea-button > div { right: 6px; top: 5px } .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after { right: 23px } .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after { top: 15px } .emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=) !important } .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder { background-repeat: no-repeat; background-position: 20px 4px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=) !important } body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important } ::selection { background: #ed1c24; color: #fff } ::-moz-selection { background: #ed1c24; color: #fff } span.block { display: block } .no-margin { margin: 0 } .no-border { border: 0 } a.bg-primary { background-color: #ed1c24; color: #fff } a.bg-primary:hover { background-color: #ed1c24; color: #fff } a.bg-success { background-color: #5cb85c; color: #fff } a.bg-success:hover { background-color: #5cb85c; color: #fff } a.bg-info { background-color: #5bc0de; color: #fff } a.bg-info:hover { background-color: #5bc0de; color: #fff } a.bg-warning { background-color: #f0ad4e; color: #fff } a.bg-warning:hover { background-color: #f0ad4e; color: #fff } a.bg-danger { background-color: #d9534f; color: #fff } a.bg-danger:hover { background-color: #d9534f; color: #fff } a.bg-orange { background-color: #ef9549; color: #fff } a.bg-orange:hover { background-color: #ef9549; color: #fff } .bg-primary { background-color: #ed1c24; color: #fff } .bg-primary-light { background-color: #5bc0de; color: #fff } .bg-success { background-color: #5cb85c; color: #fff } .bg-info { background-color: #5bc0de; color: #fff } .bg-warning { background-color: #f0ad4e; color: #fff } .bg-danger { background-color: #d9534f; color: #fff } .bg-orange { background-color: #ef9549; color: #fff } .bg-violet { background-color: #8e44ad; color: #fff } .bg-dark { background-color: #242633; color: #fff } .bg-bright { background-color: #fafafa; color: #333 } .bg-reverse { background-color: #fff; color: #333 } .bg-facebook { background-color: #335397; color: #fff } .bg-twitter { background-color: #00c7f7; color: #fff } .bg-google-plus, .bg-google { background-color: #df4a32; color: #fff } .page-container { max-width: 1160px; margin: auto } h2, h3, h4, h5, h6 { font-family: proxima nova; margin: 20px 0 0 } h2 strong, h2 b, h3 strong, h3 b, h4 strong, h4 b, h5 strong, h5 b, h6 strong, h6 b { font-family: proxima nova semibold; font-weight: 400 } h1 { font-size: 34px } h2 { font-size: 24px } h2.section { margin: 28px 0 } h2.section.no-top { margin-top: 0 } h2.section .label-vip, h2.section .label-beta, h2.section .label-free { vertical-align: top } h2.with-line { border-bottom: solid 1px #eee; padding-bottom: 2px } h2 [class^=trakt-icon-], h2 [class*=" trakt-icon-"], h2 [class^=fa-], h2 [class*=" fa-"], h2 .icon-space { margin-right: 10px; vertical-align: top } h2 .feed-icons { float: right; margin-right: 10px } h2 .feed-icons .feed-icon { color: #999; transition: .5s all } h2 .feed-icons .feed-icon:hover { color: #ed1c24 } h2 .time-spent { float: right; font-size: 14px; color: #aaa; padding-top: 8px } h2 .spinner { margin-left: 10px; display: none } h2 .spinner.shown { display: inline-block } h2 .sort-wrapper { float: right; margin-top: -7px } h2 .sort-wrapper .icon { margin: 0 7px 0 5px; vertical-align: middle; font-size: 21px } h2 .sort-wrapper #filter-terms-launcher { vertical-align: middle; font-size: 18px; margin-right: 5px } h2 .sort-wrapper #filter-watchnow-launcher { vertical-align: middle; font-size: 20px; margin-right: 5px } .see-more { float: right; font-family: proxima nova; font-size: 13px; text-transform: uppercase; line-height: 2 } .see-more [class^=trakt-icon-], .see-more [class*=" trakt-icon-"] { font-size: 18px; margin: -2px 0 0 7px; vertical-align: middle; transition: all .5s } .see-more.customize { margin-right: 15px } .see-more.customize [class^=fa-], .see-more.customize [class*=" fa-"] { font-size: 16px; margin: -2px 0 0 7px; vertical-align: middle; transition: all .5s; color: #5cb85c } .see-more-link.more-right .see-more { margin-right: 15px } h3.instructions { margin: 0 0 20px; padding: 10px 8px; background-color: #fafafa; border-bottom: solid 1px #eee; font-size: 13px } h3.instructions.no-bottom { margin-bottom: 0 } h3.instructions.middle { border-top: solid 1px #eee; margin-top: 25px } h3.instructions .label-vip { float: right; margin: -6px -9px 0 0 } h3.instructions .label-vip.smaller { margin-top: -4px } h3.help-text { font-size: 13px; margin: 1px 0 20px 40px; color: #777 } .gradient-text { font-size: 150px; font-weight: 300; color: #ed1c24; background: -webkit-linear-gradient(92deg, #fb83fa, #00aced); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .text-small { font-size: 12px } .text-normal { font-size: 14px } .text-huge { font-size: 72px } .text-large { font-size: 50px } .size-h1 { font-size: 36px } .size-h2 { font-size: 30px } .size-h3 { font-size: 24px } .size-h4 { font-size: 18px } .text-thin { font-weight: 300 } .text-ultralight { font-weight: 100 } .color-primary { color: #ed1c24 } .color-success { color: #5cb85c } .color-info { color: #5bc0de } .color-info-alt { color: #5bc0de } .color-warning { color: #f0ad4e } .color-danger { color: #d9534f } .color-dark { color: #242633 } .color-reverse { color: #fff } .color-gray-darker { color: #222 } .color-gray-dark { color: #333 } .color-gray { color: #555 } .color-gray-light { color: #999 } .color-gray-lighter { color: #eee } .dropcap, .dropcap-square, .dropcap-circle { display: block; float: left; font-weight: 400; line-height: 36px; margin-right: 6px; text-shadow: none } .dropcap { font-size: 3.1em } .dropcap-square, .dropcap-circle { background-color: #444; color: #fff; width: 36px; text-align: center } .dropcap-square { border-radius: 0; font-size: 2.3em } .dropcap-circle { border-radius: 50%; font-size: 1.78em } .dropcap.colored { color: #ed1c24 } .dropcap-square.colored, .dropcap-circle.colored { background-color: #ed1c24 } .highlight { background-color: #ed1c24; color: #fff; border-radius: 0; padding: 2px 5px } .divider { display: block; height: 10px } .divider-sm { height: 15px } .divider-md { height: 20px } .divider-lg { height: 30px } .divider-xl { height: 50px } .space { display: inline; padding: 5px } .space-md { padding: 15px } .space-lg { padding: 25px } .table-dynamic .table-filters { margin: 10px 0; padding: 8px } .table-dynamic .filter-result-info { padding: 7px } .table-dynamic .table-bordered { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } .table-dynamic .table-bordered thead th { position: relative; padding: 0 } .table-dynamic .table-bordered thead th > .th { position: relative; padding: 8px 20px 8px 8px } .table-dynamic .table-bordered thead th .glyphicon-chevron-up, .table-dynamic .table-bordered thead th .glyphicon-chevron-down { position: absolute; color: #999 } .table-dynamic .table-bordered thead th .glyphicon-chevron-up:hover, .table-dynamic .table-bordered thead th .glyphicon-chevron-down:hover { color: #ed1c24; cursor: pointer } .table-dynamic .table-bordered thead th .glyphicon-chevron-up.active, .table-dynamic .table-bordered thead th .glyphicon-chevron-down.active { color: #ed1c24 } .table-dynamic .table-bordered thead th .glyphicon-chevron-up { top: 4px; right: 5px } .table-dynamic .table-bordered thead th .glyphicon-chevron-down { top: 18px; right: 6px } .table-dynamic .table-footer { margin: 10px 0; padding: 8px } .table-dynamic .page-num-info span { padding: 6px } .table-dynamic .pagination-container ul { margin: 0 } .table-dynamic .pagination-container ul li:hover { cursor: pointer } @media only screen and (max-width:800px) { .table-flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .table-flip-scroll * html .cf { zoom: 1 } .table-flip-scroll *:first-child + html .cf { zoom: 1 } .table-flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0 } .table-flip-scroll th, .table-flip-scroll td { margin: 0; vertical-align: top } .table-flip-scroll th { text-align: left } .table-flip-scroll table { display: block; position: relative; width: 100% } .table-flip-scroll thead { display: block; float: left } .table-flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap } .table-flip-scroll thead tr { display: block } .table-flip-scroll .table > thead > tr > th:first-child { border-top: 1px solid #ddd } .table-flip-scroll th { display: block; text-align: right } .table-flip-scroll tbody tr { display: inline-block; vertical-align: top } .table-flip-scroll td { display: block; min-height: 1.25em; text-align: left } .table-flip-scroll th { border-bottom: 0; border-left: 0 } .table-flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0 } .table-flip-scroll tbody tr { border-left: 1px solid #babcbf } .table-flip-scroll th:last-child, .table-flip-scroll td:last-child { border-bottom: 1px solid #babcbf } } .btn-primary-2024 { font-family: proxima nova semibold; font-size: 16px; border-radius: 4px; background-color: #ed1c24; color: #fff; text-transform: none; text-align: left } .btn-primary-2024 .icon { float: right; margin-top: 2px } .btn-primary-2024:hover { background-color: #c61017; color: #fff } .btn-primary-2024.alt { background-color: #6d6d6d } .btn-primary-2024.alt:hover { background-color: #878787 } .btn-close-2024 { font-family: proxima nova semibold; font-size: 16px; background-color: #e1e1e1; color: #3d3d3d; border-radius: 4px } .btn-close-2024:hover { background-color: #c8c8c8; color: #3d3d3d } .btn-close-2024.dark { background-color: #3d3d3d; color: #fff } .btn-close-2024.dark:hover { background-color: #575757 } .btn-close-2024 .more-left { margin-left: 5px } .btn-vip-feature-2024 { font-family: proxima nova semibold; font-size: 16px; border-radius: 4px; background-color: #8e44ad; color: #fff; text-transform: uppercase } .btn-vip-feature-2024:hover { background-color: #703688; color: #fff } .btn { transition: all .5s } .btn-primary { text-transform: uppercase } .btn-default .alt { color: #999 } .btn-group.in-wrapper { margin: 70px 0 } .btn-group.in-wrapper .btn { width: 170px; font-family: proxima nova; font-size: 18px; line-height: 60px; border-color: #ededed } .btn-group.in-wrapper .btn-default { background-color: #fafafa; color: #959595 } .btn-group.in-wrapper .btn-primary { font-family: proxima nova semibold; text-transform: none } .btn-group.btn-block .btn.dropdown-toggle { float: right; width: 25px; text-align: center !important } .btn-group.btn-block .btn.dropdown-toggle:active { box-shadow: none; -webkit-box-shadow: none } .btn-group.btn-block.open:hover .btn.dropdown-toggle { background: initial } .btn-group.btn-block.open .btn.dropdown-toggle { box-shadow: none; -webkit-box-shadow: none; background: #f9f9f9 } .btn-secondary { color: #fff; background-color: #009edf; border-color: #009edf } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #fff; background-color: #007aac; border-color: #0073a2 } .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { background-image: none } .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary.active[disabled], fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active { background-color: #009edf; border-color: #009edf } .btn-secondary .badge { color: #009edf; background-color: #fff } .btn-watch-now { color: #fff; background-color: #444; border-color: #444 } .btn-watch-now:hover, .btn-watch-now:focus, .btn-watch-now:active, .btn-watch-now.active, .open > .btn-watch-now.dropdown-toggle { color: #fff; background-color: #2b2b2b; border-color: #252525 } .btn-watch-now:active, .btn-watch-now.active, .open > .btn-watch-now.dropdown-toggle { background-image: none } .btn-watch-now.disabled, .btn-watch-now.disabled:hover, .btn-watch-now.disabled:focus, .btn-watch-now.disabled:active, .btn-watch-now.disabled.active, .btn-watch-now[disabled], .btn-watch-now[disabled]:hover, .btn-watch-now[disabled]:focus, .btn-watch-now[disabled]:active, .btn-watch-now.active[disabled], fieldset[disabled] .btn-watch-now, fieldset[disabled] .btn-watch-now:hover, fieldset[disabled] .btn-watch-now:focus, fieldset[disabled] .btn-watch-now:active, fieldset[disabled] .btn-watch-now.active { background-color: #444; border-color: #444 } .btn-watch-now .badge { color: #444; background-color: #fff } .btn-watch-now.btn-summary .fa, .btn-watch-now [class^=fa-], .btn-watch-now [class*=" fa-"] { font-size: 36px !important; margin: 0 1px !important } .btn-checkin { color: #fff; background-color: #ed1c24; border-color: #ed1c24 } .btn-checkin:hover, .btn-checkin:focus, .btn-checkin:active, .btn-checkin.active, .open > .btn-checkin.dropdown-toggle { color: #fff; background-color: #c61017; border-color: #bd0f16 } .btn-checkin:active, .btn-checkin.active, .open > .btn-checkin.dropdown-toggle { background-image: none } .btn-checkin.disabled, .btn-checkin.disabled:hover, .btn-checkin.disabled:focus, .btn-checkin.disabled:active, .btn-checkin.disabled.active, .btn-checkin[disabled], .btn-checkin[disabled]:hover, .btn-checkin[disabled]:focus, .btn-checkin[disabled]:active, .btn-checkin.active[disabled], fieldset[disabled] .btn-checkin, fieldset[disabled] .btn-checkin:hover, fieldset[disabled] .btn-checkin:focus, fieldset[disabled] .btn-checkin:active, fieldset[disabled] .btn-checkin.active { background-color: #ed1c24; border-color: #ed1c24 } .btn-checkin .badge { color: #ed1c24; background-color: #fff } .btn-rate { color: #b70a0a; background-color: #fff; border-color: #b70a0a } .btn-rate:hover, .btn-rate:focus, .btn-rate:active, .btn-rate.active, .open > .btn-rate.dropdown-toggle { color: #b70a0a; background-color: #e6e6e6; border-color: #7d0707 } .btn-rate:active, .btn-rate.active, .open > .btn-rate.dropdown-toggle { background-image: none } .btn-rate.disabled, .btn-rate.disabled:hover, .btn-rate.disabled:focus, .btn-rate.disabled:active, .btn-rate.disabled.active, .btn-rate[disabled], .btn-rate[disabled]:hover, .btn-rate[disabled]:focus, .btn-rate[disabled]:active, .btn-rate.active[disabled], fieldset[disabled] .btn-rate, fieldset[disabled] .btn-rate:hover, fieldset[disabled] .btn-rate:focus, fieldset[disabled] .btn-rate:active, fieldset[disabled] .btn-rate.active { background-color: #fff; border-color: #b70a0a } .btn-rate .badge { color: #fff; background-color: #b70a0a } .btn-watch { color: #8e44ad; background-color: #fff; border-color: #8e44ad } .btn-watch:hover, .btn-watch:focus, .btn-watch:active, .btn-watch.active, .open > .btn-watch.dropdown-toggle { color: #8e44ad; background-color: #e6e6e6; border-color: #6a3381 } .btn-watch:active, .btn-watch.active, .open > .btn-watch.dropdown-toggle { background-image: none } .btn-watch.disabled, .btn-watch.disabled:hover, .btn-watch.disabled:focus, .btn-watch.disabled:active, .btn-watch.disabled.active, .btn-watch[disabled], .btn-watch[disabled]:hover, .btn-watch[disabled]:focus, .btn-watch[disabled]:active, .btn-watch.active[disabled], fieldset[disabled] .btn-watch, fieldset[disabled] .btn-watch:hover, fieldset[disabled] .btn-watch:focus, fieldset[disabled] .btn-watch:active, fieldset[disabled] .btn-watch.active { background-color: #fff; border-color: #8e44ad } .btn-watch .badge { color: #fff; background-color: #8e44ad } .btn-watch:hover, .btn-watch.selected { background-color: #8e44ad; color: #fff !important } .btn-watch.selected > .fa:before { content: "\e602" } .btn-watch.selected:hover { background-color: #7f3d9b } .btn-watch.selected.rewatching .fa { font-size: 26px !important; line-height: 50px !important } .btn-watch.selected.rewatching .fa:before { font-family: 'font awesome 6 pro'; font-weight: 900; content: "\f04a" } .btn-collect { margin-top: 5px; color: #16a085; background-color: #fff; border-color: #16a085 } .btn-collect:hover, .btn-collect:focus, .btn-collect:active, .btn-collect.active, .open > .btn-collect.dropdown-toggle { color: #16a085; background-color: #e6e6e6; border-color: #0f6a58 } .btn-collect:active, .btn-collect.active, .open > .btn-collect.dropdown-toggle { background-image: none } .btn-collect.disabled, .btn-collect.disabled:hover, .btn-collect.disabled:focus, .btn-collect.disabled:active, .btn-collect.disabled.active, .btn-collect[disabled], .btn-collect[disabled]:hover, .btn-collect[disabled]:focus, .btn-collect[disabled]:active, .btn-collect.active[disabled], fieldset[disabled] .btn-collect, fieldset[disabled] .btn-collect:hover, fieldset[disabled] .btn-collect:focus, fieldset[disabled] .btn-collect:active, fieldset[disabled] .btn-collect.active { background-color: #fff; border-color: #16a085 } .btn-collect .badge { color: #fff; background-color: #16a085 } .btn-collect:hover, .btn-collect.selected { background-color: #16a085; color: #fff !important } .btn-collect.selected > .fa:before { content: "\e606" } .btn-collect.selected:hover { background-color: #138a72 } .btn-list { margin-top: 5px; color: #009edf; background-color: #fff; border-color: #009edf; border: solid 1px #009edf; transition: all .5s } .btn-list:hover, .btn-list:focus, .btn-list:active, .btn-list.active, .open > .btn-list.dropdown-toggle { color: #009edf; background-color: #e6e6e6; border-color: #0073a2 } .btn-list:active, .btn-list.active, .open > .btn-list.dropdown-toggle { background-image: none } .btn-list.disabled, .btn-list.disabled:hover, .btn-list.disabled:focus, .btn-list.disabled:active, .btn-list.disabled.active, .btn-list[disabled], .btn-list[disabled]:hover, .btn-list[disabled]:focus, .btn-list[disabled]:active, .btn-list.active[disabled], fieldset[disabled] .btn-list, fieldset[disabled] .btn-list:hover, fieldset[disabled] .btn-list:focus, fieldset[disabled] .btn-list:active, fieldset[disabled] .btn-list.active { background-color: #fff; border-color: #009edf } .btn-list .badge { color: #fff; background-color: #009edf } .btn-list .btn { color: #009edf } .btn-list:hover, .btn-list.selected { background-color: #009edf; color: #fff } .btn-list:hover .btn, .btn-list.selected .btn { color: #fff } .btn-list.selected > .fa:before { content: "\e608" } .btn-list.selected:hover { background-color: #008cc6 } .btn-favorites { margin-top: 5px; color: #e85d04; background-color: #fff; border-color: #e85d04; border: solid 1px #e85d04; transition: all .5s } .btn-favorites:hover, .btn-favorites:focus, .btn-favorites:active, .btn-favorites.active, .open > .btn-favorites.dropdown-toggle { color: #e85d04; background-color: #e6e6e6; border-color: #ac4503 } .btn-favorites:active, .btn-favorites.active, .open > .btn-favorites.dropdown-toggle { background-image: none } .btn-favorites.disabled, .btn-favorites.disabled:hover, .btn-favorites.disabled:focus, .btn-favorites.disabled:active, .btn-favorites.disabled.active, .btn-favorites[disabled], .btn-favorites[disabled]:hover, .btn-favorites[disabled]:focus, .btn-favorites[disabled]:active, .btn-favorites.active[disabled], fieldset[disabled] .btn-favorites, fieldset[disabled] .btn-favorites:hover, fieldset[disabled] .btn-favorites:focus, fieldset[disabled] .btn-favorites:active, fieldset[disabled] .btn-favorites.active { background-color: #fff; border-color: #e85d04 } .btn-favorites .badge { color: #fff; background-color: #e85d04 } .btn-favorites .btn { color: #e85d04 } .btn-favorites:hover, .btn-favorites.selected { background-color: #e85d04; color: #fff } .btn-favorites:hover .btn, .btn-favorites.selected .btn { color: #fff } .btn-favorites.selected > .fa-thin { font-weight: 900 } .btn-favorites.selected:hover { background-color: #cf5304 } .btn-subscribe { color: #cc0c52; background-color: #fff; border-color: #cc0c52; border: solid 1px #cc0c52; transition: all .5s } .btn-subscribe:hover, .btn-subscribe:focus, .btn-subscribe:active, .btn-subscribe.active, .open > .btn-subscribe.dropdown-toggle { color: #cc0c52; background-color: #e6e6e6; border-color: #92093b } .btn-subscribe:active, .btn-subscribe.active, .open > .btn-subscribe.dropdown-toggle { background-image: none } .btn-subscribe.disabled, .btn-subscribe.disabled:hover, .btn-subscribe.disabled:focus, .btn-subscribe.disabled:active, .btn-subscribe.disabled.active, .btn-subscribe[disabled], .btn-subscribe[disabled]:hover, .btn-subscribe[disabled]:focus, .btn-subscribe[disabled]:active, .btn-subscribe.active[disabled], fieldset[disabled] .btn-subscribe, fieldset[disabled] .btn-subscribe:hover, fieldset[disabled] .btn-subscribe:focus, fieldset[disabled] .btn-subscribe:active, fieldset[disabled] .btn-subscribe.active { background-color: #fff; border-color: #cc0c52 } .btn-subscribe .badge { color: #fff; background-color: #cc0c52 } .btn-subscribe .btn { color: #cc0c52 } .btn-subscribe:hover, .btn-subscribe.selected { background-color: #cc0c52; color: #fff } .btn-subscribe:hover .btn, .btn-subscribe.selected .btn { color: #fff } .btn-subscribe.selected > .fa-thin { font-weight: 900 } .btn-subscribe.selected:hover { background-color: #b40b48 } .btn-comment { color: #6e7a83; background-color: #fff; border-color: #6e7a83 } .btn-comment:hover, .btn-comment:focus, .btn-comment:active, .btn-comment.active, .open > .btn-comment.dropdown-toggle { color: #6e7a83; background-color: #e6e6e6; border-color: #525b62 } .btn-comment:active, .btn-comment.active, .open > .btn-comment.dropdown-toggle { background-image: none } .btn-comment.disabled, .btn-comment.disabled:hover, .btn-comment.disabled:focus, .btn-comment.disabled:active, .btn-comment.disabled.active, .btn-comment[disabled], .btn-comment[disabled]:hover, .btn-comment[disabled]:focus, .btn-comment[disabled]:active, .btn-comment.active[disabled], fieldset[disabled] .btn-comment, fieldset[disabled] .btn-comment:hover, fieldset[disabled] .btn-comment:focus, fieldset[disabled] .btn-comment:active, fieldset[disabled] .btn-comment.active { background-color: #fff; border-color: #6e7a83 } .btn-comment .badge { color: #fff; background-color: #6e7a83 } .btn-comment:hover, .btn-comment.selected { background-color: #6e7a83; color: #fff !important } .btn-note { color: #6e7a83; background-color: #fff; border-color: #6e7a83 } .btn-note:hover, .btn-note:focus, .btn-note:active, .btn-note.active, .open > .btn-note.dropdown-toggle { color: #6e7a83; background-color: #e6e6e6; border-color: #525b62 } .btn-note:active, .btn-note.active, .open > .btn-note.dropdown-toggle { background-image: none } .btn-note.disabled, .btn-note.disabled:hover, .btn-note.disabled:focus, .btn-note.disabled:active, .btn-note.disabled.active, .btn-note[disabled], .btn-note[disabled]:hover, .btn-note[disabled]:focus, .btn-note[disabled]:active, .btn-note.active[disabled], fieldset[disabled] .btn-note, fieldset[disabled] .btn-note:hover, fieldset[disabled] .btn-note:focus, fieldset[disabled] .btn-note:active, fieldset[disabled] .btn-note.active { background-color: #fff; border-color: #6e7a83 } .btn-note .badge { color: #fff; background-color: #6e7a83 } .btn-note:hover, .btn-note.selected { background-color: #6e7a83; color: #fff !important } .btn-summary:before, .btn-summary:after { content: " "; display: table } .btn-summary:after { clear: both } .btn-summary .fa, .btn-summary [class^=fa-], .btn-summary [class*=" fa-"] { float: left } .btn-summary .text { margin-left: 50px } .btn-summary.no-click { cursor: default } .btn-subnav-action { color: #fff; background-color: #fff; border-color: #ccc } .btn-subnav-action:hover, .btn-subnav-action:focus, .btn-subnav-action:active, .btn-subnav-action.active, .open > .btn-subnav-action.dropdown-toggle { color: #fff; background-color: #e6e6e6; border-color: #adadad } .btn-subnav-action:active, .btn-subnav-action.active, .open > .btn-subnav-action.dropdown-toggle { background-image: none } .btn-subnav-action.disabled, .btn-subnav-action.disabled:hover, .btn-subnav-action.disabled:focus, .btn-subnav-action.disabled:active, .btn-subnav-action.disabled.active, .btn-subnav-action[disabled], .btn-subnav-action[disabled]:hover, .btn-subnav-action[disabled]:focus, .btn-subnav-action[disabled]:active, .btn-subnav-action.active[disabled], fieldset[disabled] .btn-subnav-action, fieldset[disabled] .btn-subnav-action:hover, fieldset[disabled] .btn-subnav-action:focus, fieldset[disabled] .btn-subnav-action:active, fieldset[disabled] .btn-subnav-action.active { background-color: #fff; border-color: #ccc } .btn-subnav-action .badge { color: #fff; background-color: #fff } .btn-cancel { background-color: #555; color: #fff; transition: all .5s } .btn-cancel:hover { background-color: #494949; color: #fff } .btn-import-podcast { font-family: proxima nova bold; padding: 3px 8px; font-size: 14px; margin-bottom: 4px } .btn-import-podcast.imported { background-color: #16a085; border-color: #16a085 } .btn-twitter, .btn-x, .btn-x-twitter { color: #000 !important; background-color: #000 !important; fill: #000 !important; border-color: #000 !important } .btn-twitter:hover, .btn-x:hover, .btn-x-twitter:hover { color: #000 !important; background-color: #000 !important; fill: #000 !important; border-color: #000 !important } .btn-twitter:after, .btn-x:after, .btn-x-twitter:after { color: #000 !important } .btn-facebook { color: #1678f2 !important; background-color: #1678f2 !important; fill: #1678f2 !important; border-color: #1678f2 !important } .btn-facebook:hover { color: #0c65d3 !important; background-color: #0c65d3 !important; fill: #0c65d3 !important; border-color: #0c65d3 !important } .btn-facebook:after { color: #1678f2 !important } .btn-gplus, .btn-google-plus { color: #dd4a38 !important; background-color: #dd4a38 !important; fill: #dd4a38 !important; border-color: #dd4a38 !important } .btn-gplus:hover, .btn-google-plus:hover { color: #ca3522 !important; background-color: #ca3522 !important; fill: #ca3522 !important; border-color: #ca3522 !important } .btn-gplus:after, .btn-google-plus:after { color: #dd4a38 !important } .btn-google { color: #4285f4 !important; background-color: #4285f4 !important; fill: #4285f4 !important; border-color: #4285f4 !important } .btn-google:hover { color: #1b6cf2 !important; background-color: #1b6cf2 !important; fill: #1b6cf2 !important; border-color: #1b6cf2 !important } .btn-google:after { color: #4285f4 !important } .btn-medium { color: #00ab6b !important; background-color: #00ab6b !important; fill: #00ab6b !important; border-color: #00ab6b !important } .btn-medium:hover { color: #008251 !important; background-color: #008251 !important; fill: #008251 !important; border-color: #008251 !important } .btn-medium:after { color: #00ab6b !important } .btn-slack { color: #8a74b9 !important; background-color: #8a74b9 !important; fill: #8a74b9 !important; border-color: #8a74b9 !important } .btn-slack:hover { color: #7359ab !important; background-color: #7359ab !important; fill: #7359ab !important; border-color: #7359ab !important } .btn-slack:after { color: #8a74b9 !important } .btn-pushover { color: #40a6eb !important; background-color: #40a6eb !important; fill: #40a6eb !important; border-color: #40a6eb !important } .btn-pushover:hover { color: #1b95e7 !important; background-color: #1b95e7 !important; fill: #1b95e7 !important; border-color: #1b95e7 !important } .btn-pushover:after { color: #40a6eb !important } .btn-pushbullet { color: #4ab367 !important; background-color: #4ab367 !important; fill: #4ab367 !important; border-color: #4ab367 !important } .btn-pushbullet:hover { color: #3e9656 !important; background-color: #3e9656 !important; fill: #3e9656 !important; border-color: #3e9656 !important } .btn-pushbullet:after { color: #4ab367 !important } .btn-chrome { color: #777 !important; background-color: #777 !important; fill: #777 !important; border-color: #777 !important } .btn-chrome:hover { color: #636363 !important; background-color: #636363 !important; fill: #636363 !important; border-color: #636363 !important } .btn-chrome:after { color: #777 !important } .btn-firefox { color: #d97129 !important; background-color: #d97129 !important; fill: #d97129 !important; border-color: #d97129 !important } .btn-firefox:hover { color: #b85f21 !important; background-color: #b85f21 !important; fill: #b85f21 !important; border-color: #b85f21 !important } .btn-firefox:after { color: #d97129 !important } .btn-safari { color: #018fd0 !important; background-color: #018fd0 !important; fill: #018fd0 !important; border-color: #018fd0 !important } .btn-safari:hover { color: #0173a7 !important; background-color: #0173a7 !important; fill: #0173a7 !important; border-color: #0173a7 !important } .btn-safari:after { color: #018fd0 !important } .btn-apple { color: #000 !important; background-color: #000 !important; fill: #000 !important; border-color: #000 !important } .btn-apple:hover { color: #000 !important; background-color: #000 !important; fill: #000 !important; border-color: #000 !important } .btn-apple:after { color: #000 !important } .btn-mastodon { color: #6364ff !important; background-color: #6364ff !important; fill: #6364ff !important; border-color: #6364ff !important } .btn-mastodon:hover { color: #3a3bff !important; background-color: #3a3bff !important; fill: #3a3bff !important; border-color: #3a3bff !important } .btn-mastodon:after { color: #6364ff !important } .btn-reddit { color: #ff4501 !important; background-color: #ff4501 !important; fill: #ff4501 !important; border-color: #ff4501 !important } .btn-reddit:hover { color: #d73a00 !important; background-color: #d73a00 !important; fill: #d73a00 !important; border-color: #d73a00 !important } .btn-reddit:after { color: #ff4501 !important } .btn-instagram { color: #82685a !important; background-color: #82685a !important; fill: #82685a !important; border-color: #82685a !important } .btn-instagram:hover { color: #6a5549 !important; background-color: #6a5549 !important; fill: #6a5549 !important; border-color: #6a5549 !important } .btn-instagram:after { color: #82685a !important } .btn-vimeo { color: #1ab7eb !important; background-color: #1ab7eb !important; fill: #1ab7eb !important; border-color: #1ab7eb !important } .btn-vimeo:hover { color: #129dcb !important; background-color: #129dcb !important; fill: #129dcb !important; border-color: #129dcb !important } .btn-vimeo:after { color: #1ab7eb !important } .btn-flickr { color: #0061db !important; background-color: #0061db !important; fill: #0061db !important; border-color: #0061db !important } .btn-flickr:hover { color: #004fb2 !important; background-color: #004fb2 !important; fill: #004fb2 !important; border-color: #004fb2 !important } .btn-flickr:after { color: #0061db !important } .btn-github { color: #3b3b3b !important; background-color: #3b3b3b !important; fill: #3b3b3b !important; border-color: #3b3b3b !important } .btn-github:hover { color: #272727 !important; background-color: #272727 !important; fill: #272727 !important; border-color: #272727 !important } .btn-github:after { color: #3b3b3b !important } .btn-pinterest { color: #d73532 !important; background-color: #d73532 !important; fill: #d73532 !important; border-color: #d73532 !important } .btn-pinterest:hover { color: #bc2725 !important; background-color: #bc2725 !important; fill: #bc2725 !important; border-color: #bc2725 !important } .btn-pinterest:after { color: #d73532 !important } .btn-tumblr { color: #586980 !important; background-color: #586980 !important; fill: #586980 !important; border-color: #586980 !important } .btn-tumblr:hover { color: #475568 !important; background-color: #475568 !important; fill: #475568 !important; border-color: #475568 !important } .btn-tumblr:after { color: #586980 !important } .btn-linkedin { color: #018faf !important; background-color: #018faf !important; fill: #018faf !important; border-color: #018faf !important } .btn-linkedin:hover { color: #016e86 !important; background-color: #016e86 !important; fill: #016e86 !important; border-color: #016e86 !important } .btn-linkedin:after { color: #018faf !important } .btn-dribbble { color: #ea73a0 !important; background-color: #ea73a0 !important; fill: #ea73a0 !important; border-color: #ea73a0 !important } .btn-dribbble:hover { color: #e55088 !important; background-color: #e55088 !important; fill: #e55088 !important; border-color: #e55088 !important } .btn-dribbble:after { color: #ea73a0 !important } .btn-stumbleupon { color: #ea4b24 !important; background-color: #ea4b24 !important; fill: #ea4b24 !important; border-color: #ea4b24 !important } .btn-stumbleupon:hover { color: #d13914 !important; background-color: #d13914 !important; fill: #d13914 !important; border-color: #d13914 !important } .btn-stumbleupon:after { color: #ea4b24 !important } .btn-lastfm { color: #b80638 !important; background-color: #b80638 !important; fill: #b80638 !important; border-color: #b80638 !important } .btn-lastfm:hover { color: #90052c !important; background-color: #90052c !important; fill: #90052c !important; border-color: #90052c !important } .btn-lastfm:after { color: #b80638 !important } .btn-evernote { color: #3bab27 !important; background-color: #3bab27 !important; fill: #3bab27 !important; border-color: #3bab27 !important } .btn-evernote:hover { color: #308a1f !important; background-color: #308a1f !important; fill: #308a1f !important; border-color: #308a1f !important } .btn-evernote:after { color: #3bab27 !important } .btn-skype { color: #00b0f6 !important; background-color: #00b0f6 !important; fill: #00b0f6 !important; border-color: #00b0f6 !important } .btn-skype:hover { color: #0093cd !important; background-color: #0093cd !important; fill: #0093cd !important; border-color: #0093cd !important } .btn-skype:after { color: #00b0f6 !important } .btn-soundcloud { color: #06f !important; background-color: #06f !important; fill: #06f !important; border-color: #06f !important } .btn-soundcloud:hover { color: #0056d6 !important; background-color: #0056d6 !important; fill: #0056d6 !important; border-color: #0056d6 !important } .btn-soundcloud:after { color: #06f !important } .btn-behance { color: #b80638 !important; background-color: #b80638 !important; fill: #b80638 !important; border-color: #b80638 !important } .btn-behance:hover { color: #90052c !important; background-color: #90052c !important; fill: #90052c !important; border-color: #90052c !important } .btn-behance:after { color: #b80638 !important } .btn-rss { color: #f79638 !important; background-color: #f79638 !important; fill: #f79638 !important; border-color: #f79638 !important } .btn-rss:hover { color: #f58111 !important; background-color: #f58111 !important; fill: #f58111 !important; border-color: #f58111 !important } .btn-rss:after { color: #f79638 !important } .btn-dropbox { color: #0061fe !important; background-color: #0061fe !important; fill: #0061fe !important; border-color: #0061fe !important } .btn-dropbox:hover { color: #0051d5 !important; background-color: #0051d5 !important; fill: #0051d5 !important; border-color: #0051d5 !important } .btn-dropbox:after { color: #0061fe !important } .btn-aande-crime-central, .btn-abc, .btn-abema, .btn-action-max, .btn-ad-tv, .adrenalina-pura, .btn-adult-swim, .btn-allblk, .btn-alleskino, .btn-alwaysblk, .btn-amc, .btn-amc-plus, .btn-amediateka, .btn-angel-studios, .btn-anime-generation, .btn-apollo, .btn-apple-tv, .btn-apple-tv-plus, .btn-arrow, .btn-arthousecnma, .btn-arthaus-plus, .btn-atres-player, .btn-axn-black, .btn-azteca-7, .btn-bbc-america, .btn-be-tv-go, .btn-behind-the-tree, .btn-bet, .btn-bfi-player, .btn-blast-tv, .btn-bloody-movies, .btn-boomerang, .btn-british-pathe-tv, .btn-brutx, .btn-byutv, .btn-canal, .btn-canal-11, .btn-canal-plus, .btn-canal-disney, .btn-cartoon-network, .btn-chili, .btn-cineautore, .btn-cine-comico, .btn-cineasterna, .btn-cinemas-a-la-demande, .btn-cinemember, .btn-cinepass, .btn-cinepolis-klic, .btn-cinessance, .btn-classix, .btn-club-illico, .btn-contv, .btn-criterion-channel, .btn-curzon-home-cinema, .btn-dansk-filmskat, .btn-dazn, .btn-docalliance-films, .btn-docubay, .btn-dogwoof, .btn-draken-films, .btn-fandor, .btn-fff-tv, .btn-film-movement-plus, .btn-filmfriend, .btn-filmin, .btn-filmingo, .btn-filmo, .btn-filmin-latino, .btn-filmin-plus, .btn-filmstriben, .btn-film-total, .btn-flix-premiere.png, .btn-fox-soccer-plus, .btn-france-tv, .btn-free-all, .btn-full-action, .btn-full-moon, .btn-fx-now, .btn-fx, .btn-fxx, .btn-global-tv, .btn-hbo-go, .btn-hbo-now, .btn-hbo, .btn-helbiz, .btn-historia-y-actualidad, .btn-history, .btn-historyplay, .btn-hollywood-suite, .btn-home-of-horror, .btn-horizon-go, .btn-icon-film, .btn-ifc, .btn-infinity-plus, .btn-insports-tv, .btn-insomnia, .btn-itunes, .btn-investigation-discovery, .btn-iwonder, .btn-izzi, .btn-kirjastokino, .btn-kocowa, .btn-kpn, .btn-laugh-out-loud, .btn-las-estrellas, .btn-lightbox, .btn-lionsgate-play, .btn-mgm, .btn-midnight-factory, .btn-midnight-pulp, .btn-mitele, .btn-mls-season-pass, .btn-more-than-sports-tv, .btn-more-tv, .btn-moviedome-plus, .btn-movietickets, .btn-mtv, .btn-my5, .btn-natgeo, .btn-national-geographic, .btn-nbc, .btn-neon-tv, .btn-nhl-network, .btn-nhl-tv, .btn-none, .btn-now, .btn-nrk-tv, .btn-joyn, .btn-joyn-plus, .btn-okko, .btn-onefootball, .btn-outside-watch, .btn-ovation, .btn-own, .btn-pantaflix, .btn-paus, .btn-pbs, .btn-peacock, .btn-peacock-premium-plus, .btn-pickx-sports, .btn-planet-horror, .btn-plex, .btn-plex-channel, .btn-plex-live-tv, .btn-plex-player, .btn-pluto-tv, .btn-premier, .btn-premier-sports, .btn-prima-plus, .btn-prosieben-maxx, .btn-public-domain-movies, .btn-puhutv, .btn-realeyz, .btn-retrocrush, .btn-rtl, .btn-rtl-plus, .btn-runtime, .btn-showcase, .btn-showmax, .btn-sic, .btn-silverline, .btn-skyshowtime, .btn-sony-axn, .btn-sony-liv, .btn-south-park, .btn-sport-tv, .btn-sport1, .btn-sport1-plus, .btn-spuul, .btn-stacktv, .btn-starz, .btn-starz-play, .btn-strand-releasing, .btn-studiocanal-presents, .btn-studiocanal-presents-allstars, .btn-studiocanal-presents-moviecult, .btn-stv-player, .btn-superfresh, .btn-supertennis, .btn-supo-mungam-plus, .btn-sundance-now, .btn-talk-talk-tv, .btn-tastemade, .btn-tele2-play, .btn-tenk, .btn-the-film-detective, .btn-the-great-courses, .btn-tiff, .btn-topic, .btn-troma-now, .btn-true-story, .btn-tv8, .btn-tvi-player, .btn-tvzavr, .btn-universal-plus, .btn-universal-pictures, .btn-upn, .btn-viceland, .btn-vice-tv, .btn-vid-plus, .btn-viddla, .btn-vix, .btn-vod-poland, .btn-w4free, .btn-warner, .btn-watchbox, .btn-wavve, .btn-willow, .btn-yle-areena, .btn-yorck-on-demand, .btn-zee5 { color: #000 !important; background-color: #000 !important; fill: #000 !important; border-color: #000 !important } .btn-aande-crime-central:hover, .btn-abc:hover, .btn-abema:hover, .btn-action-max:hover, .btn-ad-tv:hover, .adrenalina-pura:hover, .btn-adult-swim:hover, .btn-allblk:hover, .btn-alleskino:hover, .btn-alwaysblk:hover, .btn-amc:hover, .btn-amc-plus:hover, .btn-amediateka:hover, .btn-angel-studios:hover, .btn-anime-generation:hover, .btn-apollo:hover, .btn-apple-tv:hover, .btn-apple-tv-plus:hover, .btn-arrow:hover, .btn-arthousecnma:hover, .btn-arthaus-plus:hover, .btn-atres-player:hover, .btn-axn-black:hover, .btn-azteca-7:hover, .btn-bbc-america:hover, .btn-be-tv-go:hover, .btn-behind-the-tree:hover, .btn-bet:hover, .btn-bfi-player:hover, .btn-blast-tv:hover, .btn-bloody-movies:hover, .btn-boomerang:hover, .btn-british-pathe-tv:hover, .btn-brutx:hover, .btn-byutv:hover, .btn-canal:hover, .btn-canal-11:hover, .btn-canal-plus:hover, .btn-canal-disney:hover, .btn-cartoon-network:hover, .btn-chili:hover, .btn-cineautore:hover, .btn-cine-comico:hover, .btn-cineasterna:hover, .btn-cinemas-a-la-demande:hover, .btn-cinemember:hover, .btn-cinepass:hover, .btn-cinepolis-klic:hover, .btn-cinessance:hover, .btn-classix:hover, .btn-club-illico:hover, .btn-contv:hover, .btn-criterion-channel:hover, .btn-curzon-home-cinema:hover, .btn-dansk-filmskat:hover, .btn-dazn:hover, .btn-docalliance-films:hover, .btn-docubay:hover, .btn-dogwoof:hover, .btn-draken-films:hover, .btn-fandor:hover, .btn-fff-tv:hover, .btn-film-movement-plus:hover, .btn-filmfriend:hover, .btn-filmin:hover, .btn-filmingo:hover, .btn-filmo:hover, .btn-filmin-latino:hover, .btn-filmin-plus:hover, .btn-filmstriben:hover, .btn-film-total:hover, .btn-flix-premiere.png:hover, .btn-fox-soccer-plus:hover, .btn-france-tv:hover, .btn-free-all:hover, .btn-full-action:hover, .btn-full-moon:hover, .btn-fx-now:hover, .btn-fx:hover, .btn-fxx:hover, .btn-global-tv:hover, .btn-hbo-go:hover, .btn-hbo-now:hover, .btn-hbo:hover, .btn-helbiz:hover, .btn-historia-y-actualidad:hover, .btn-history:hover, .btn-historyplay:hover, .btn-hollywood-suite:hover, .btn-home-of-horror:hover, .btn-horizon-go:hover, .btn-icon-film:hover, .btn-ifc:hover, .btn-infinity-plus:hover, .btn-insports-tv:hover, .btn-insomnia:hover, .btn-itunes:hover, .btn-investigation-discovery:hover, .btn-iwonder:hover, .btn-izzi:hover, .btn-kirjastokino:hover, .btn-kocowa:hover, .btn-kpn:hover, .btn-laugh-out-loud:hover, .btn-las-estrellas:hover, .btn-lightbox:hover, .btn-lionsgate-play:hover, .btn-mgm:hover, .btn-midnight-factory:hover, .btn-midnight-pulp:hover, .btn-mitele:hover, .btn-mls-season-pass:hover, .btn-more-than-sports-tv:hover, .btn-more-tv:hover, .btn-moviedome-plus:hover, .btn-movietickets:hover, .btn-mtv:hover, .btn-my5:hover, .btn-natgeo:hover, .btn-national-geographic:hover, .btn-nbc:hover, .btn-neon-tv:hover, .btn-nhl-network:hover, .btn-nhl-tv:hover, .btn-none:hover, .btn-now:hover, .btn-nrk-tv:hover, .btn-joyn:hover, .btn-joyn-plus:hover, .btn-okko:hover, .btn-onefootball:hover, .btn-outside-watch:hover, .btn-ovation:hover, .btn-own:hover, .btn-pantaflix:hover, .btn-paus:hover, .btn-pbs:hover, .btn-peacock:hover, .btn-peacock-premium-plus:hover, .btn-pickx-sports:hover, .btn-planet-horror:hover, .btn-plex:hover, .btn-plex-channel:hover, .btn-plex-live-tv:hover, .btn-plex-player:hover, .btn-pluto-tv:hover, .btn-premier:hover, .btn-premier-sports:hover, .btn-prima-plus:hover, .btn-prosieben-maxx:hover, .btn-public-domain-movies:hover, .btn-puhutv:hover, .btn-realeyz:hover, .btn-retrocrush:hover, .btn-rtl:hover, .btn-rtl-plus:hover, .btn-runtime:hover, .btn-showcase:hover, .btn-showmax:hover, .btn-sic:hover, .btn-silverline:hover, .btn-skyshowtime:hover, .btn-sony-axn:hover, .btn-sony-liv:hover, .btn-south-park:hover, .btn-sport-tv:hover, .btn-sport1:hover, .btn-sport1-plus:hover, .btn-spuul:hover, .btn-stacktv:hover, .btn-starz:hover, .btn-starz-play:hover, .btn-strand-releasing:hover, .btn-studiocanal-presents:hover, .btn-studiocanal-presents-allstars:hover, .btn-studiocanal-presents-moviecult:hover, .btn-stv-player:hover, .btn-superfresh:hover, .btn-supertennis:hover, .btn-supo-mungam-plus:hover, .btn-sundance-now:hover, .btn-talk-talk-tv:hover, .btn-tastemade:hover, .btn-tele2-play:hover, .btn-tenk:hover, .btn-the-film-detective:hover, .btn-the-great-courses:hover, .btn-tiff:hover, .btn-topic:hover, .btn-troma-now:hover, .btn-true-story:hover, .btn-tv8:hover, .btn-tvi-player:hover, .btn-tvzavr:hover, .btn-universal-plus:hover, .btn-universal-pictures:hover, .btn-upn:hover, .btn-viceland:hover, .btn-vice-tv:hover, .btn-vid-plus:hover, .btn-viddla:hover, .btn-vix:hover, .btn-vod-poland:hover, .btn-w4free:hover, .btn-warner:hover, .btn-watchbox:hover, .btn-wavve:hover, .btn-willow:hover, .btn-yle-areena:hover, .btn-yorck-on-demand:hover, .btn-zee5:hover { color: #000 !important; background-color: #000 !important; fill: #000 !important; border-color: #000 !important } .btn-aande-crime-central:after, .btn-abc:after, .btn-abema:after, .btn-action-max:after, .btn-ad-tv:after, .adrenalina-pura:after, .btn-adult-swim:after, .btn-allblk:after, .btn-alleskino:after, .btn-alwaysblk:after, .btn-amc:after, .btn-amc-plus:after, .btn-amediateka:after, .btn-angel-studios:after, .btn-anime-generation:after, .btn-apollo:after, .btn-apple-tv:after, .btn-apple-tv-plus:after, .btn-arrow:after, .btn-arthousecnma:after, .btn-arthaus-plus:after, .btn-atres-player:after, .btn-axn-black:after, .btn-azteca-7:after, .btn-bbc-america:after, .btn-be-tv-go:after, .btn-behind-the-tree:after, .btn-bet:after, .btn-bfi-player:after, .btn-blast-tv:after, .btn-bloody-movies:after, .btn-boomerang:after, .btn-british-pathe-tv:after, .btn-brutx:after, .btn-byutv:after, .btn-canal:after, .btn-canal-11:after, .btn-canal-plus:after, .btn-canal-disney:after, .btn-cartoon-network:after, .btn-chili:after, .btn-cineautore:after, .btn-cine-comico:after, .btn-cineasterna:after, .btn-cinemas-a-la-demande:after, .btn-cinemember:after, .btn-cinepass:after, .btn-cinepolis-klic:after, .btn-cinessance:after, .btn-classix:after, .btn-club-illico:after, .btn-contv:after, .btn-criterion-channel:after, .btn-curzon-home-cinema:after, .btn-dansk-filmskat:after, .btn-dazn:after, .btn-docalliance-films:after, .btn-docubay:after, .btn-dogwoof:after, .btn-draken-films:after, .btn-fandor:after, .btn-fff-tv:after, .btn-film-movement-plus:after, .btn-filmfriend:after, .btn-filmin:after, .btn-filmingo:after, .btn-filmo:after, .btn-filmin-latino:after, .btn-filmin-plus:after, .btn-filmstriben:after, .btn-film-total:after, .btn-flix-premiere.png:after, .btn-fox-soccer-plus:after, .btn-france-tv:after, .btn-free-all:after, .btn-full-action:after, .btn-full-moon:after, .btn-fx-now:after, .btn-fx:after, .btn-fxx:after, .btn-global-tv:after, .btn-hbo-go:after, .btn-hbo-now:after, .btn-hbo:after, .btn-helbiz:after, .btn-historia-y-actualidad:after, .btn-history:after, .btn-historyplay:after, .btn-hollywood-suite:after, .btn-home-of-horror:after, .btn-horizon-go:after, .btn-icon-film:after, .btn-ifc:after, .btn-infinity-plus:after, .btn-insports-tv:after, .btn-insomnia:after, .btn-itunes:after, .btn-investigation-discovery:after, .btn-iwonder:after, .btn-izzi:after, .btn-kirjastokino:after, .btn-kocowa:after, .btn-kpn:after, .btn-laugh-out-loud:after, .btn-las-estrellas:after, .btn-lightbox:after, .btn-lionsgate-play:after, .btn-mgm:after, .btn-midnight-factory:after, .btn-midnight-pulp:after, .btn-mitele:after, .btn-mls-season-pass:after, .btn-more-than-sports-tv:after, .btn-more-tv:after, .btn-moviedome-plus:after, .btn-movietickets:after, .btn-mtv:after, .btn-my5:after, .btn-natgeo:after, .btn-national-geographic:after, .btn-nbc:after, .btn-neon-tv:after, .btn-nhl-network:after, .btn-nhl-tv:after, .btn-none:after, .btn-now:after, .btn-nrk-tv:after, .btn-joyn:after, .btn-joyn-plus:after, .btn-okko:after, .btn-onefootball:after, .btn-outside-watch:after, .btn-ovation:after, .btn-own:after, .btn-pantaflix:after, .btn-paus:after, .btn-pbs:after, .btn-peacock:after, .btn-peacock-premium-plus:after, .btn-pickx-sports:after, .btn-planet-horror:after, .btn-plex:after, .btn-plex-channel:after, .btn-plex-live-tv:after, .btn-plex-player:after, .btn-pluto-tv:after, .btn-premier:after, .btn-premier-sports:after, .btn-prima-plus:after, .btn-prosieben-maxx:after, .btn-public-domain-movies:after, .btn-puhutv:after, .btn-realeyz:after, .btn-retrocrush:after, .btn-rtl:after, .btn-rtl-plus:after, .btn-runtime:after, .btn-showcase:after, .btn-showmax:after, .btn-sic:after, .btn-silverline:after, .btn-skyshowtime:after, .btn-sony-axn:after, .btn-sony-liv:after, .btn-south-park:after, .btn-sport-tv:after, .btn-sport1:after, .btn-sport1-plus:after, .btn-spuul:after, .btn-stacktv:after, .btn-starz:after, .btn-starz-play:after, .btn-strand-releasing:after, .btn-studiocanal-presents:after, .btn-studiocanal-presents-allstars:after, .btn-studiocanal-presents-moviecult:after, .btn-stv-player:after, .btn-superfresh:after, .btn-supertennis:after, .btn-supo-mungam-plus:after, .btn-sundance-now:after, .btn-talk-talk-tv:after, .btn-tastemade:after, .btn-tele2-play:after, .btn-tenk:after, .btn-the-film-detective:after, .btn-the-great-courses:after, .btn-tiff:after, .btn-topic:after, .btn-troma-now:after, .btn-true-story:after, .btn-tv8:after, .btn-tvi-player:after, .btn-tvzavr:after, .btn-universal-plus:after, .btn-universal-pictures:after, .btn-upn:after, .btn-viceland:after, .btn-vice-tv:after, .btn-vid-plus:after, .btn-viddla:after, .btn-vix:after, .btn-vod-poland:after, .btn-w4free:after, .btn-warner:after, .btn-watchbox:after, .btn-wavve:after, .btn-willow:after, .btn-yle-areena:after, .btn-yorck-on-demand:after, .btn-zee5:after { color: #000 !important } .btn-7plus { color: #ed1c24 !important; background-color: #ed1c24 !important; fill: #ed1c24 !important; border-color: #ed1c24 !important } .btn-7plus:hover { color: #d01018 !important; background-color: #d01018 !important; fill: #d01018 !important; border-color: #d01018 !important } .btn-7plus:after { color: #ed1c24 !important } .btn-9now { color: #0084cc !important; background-color: #0084cc !important; fill: #0084cc !important; border-color: #0084cc !important } .btn-9now:hover { color: #006aa3 !important; background-color: #006aa3 !important; fill: #006aa3 !important; border-color: #006aa3 !important } .btn-9now:after { color: #0084cc !important } .btn-a-spor { color: #0c6060 !important; background-color: #0c6060 !important; fill: #0c6060 !important; border-color: #0c6060 !important } .btn-a-spor:hover { color: #073c3c !important; background-color: #073c3c !important; fill: #073c3c !important; border-color: #073c3c !important } .btn-a-spor:after { color: #0c6060 !important } .btn-abc-au { color: #1b8bd7 !important; background-color: #1b8bd7 !important; fill: #1b8bd7 !important; border-color: #1b8bd7 !important } .btn-abc-au:hover { color: #1674b3 !important; background-color: #1674b3 !important; fill: #1674b3 !important; border-color: #1674b3 !important } .btn-abc-au:after { color: #1b8bd7 !important } .btn-abc-iview { color: #00bebc !important; background-color: #00bebc !important; fill: #00bebc !important; border-color: #00bebc !important } .btn-abc-iview:hover { color: #009594 !important; background-color: #009594 !important; fill: #009594 !important; border-color: #009594 !important } .btn-abc-iview:after { color: #00bebc !important } .btn-abc2 { color: #46f23e !important; background-color: #46f23e !important; fill: #46f23e !important; border-color: #46f23e !important } .btn-abc2:hover { color: #21ef18 !important; background-color: #21ef18 !important; fill: #21ef18 !important; border-color: #21ef18 !important } .btn-abc2:after { color: #46f23e !important } .btn-acontra-plus { color: #adcf00 !important; background-color: #adcf00 !important; fill: #adcf00 !important; border-color: #adcf00 !important } .btn-acontra-plus:hover { color: #8ba600 !important; background-color: #8ba600 !important; fill: #8ba600 !important; border-color: #8ba600 !important } .btn-acontra-plus:after { color: #adcf00 !important } .btn-acorntv { color: #8a241c !important; background-color: #8a241c !important; fill: #8a241c !important; border-color: #8a241c !important } .btn-acorntv:hover { color: #681b15 !important; background-color: #681b15 !important; fill: #681b15 !important; border-color: #681b15 !important } .btn-acorntv:after { color: #8a241c !important } .btn-ae { color: #3d203b !important; background-color: #3d203b !important; fill: #3d203b !important; border-color: #3d203b !important } .btn-ae:hover { color: #221221 !important; background-color: #221221 !important; fill: #221221 !important; border-color: #221221 !important } .btn-ae:after { color: #3d203b !important } .btn-aha { color: #ff6d2e !important; background-color: #ff6d2e !important; fill: #ff6d2e !important; border-color: #ff6d2e !important } .btn-aha:hover { color: #ff5005 !important; background-color: #ff5005 !important; fill: #ff5005 !important; border-color: #ff5005 !important } .btn-aha:after { color: #ff6d2e !important } .btn-ahctv { color: #a52029 !important; background-color: #a52029 !important; fill: #a52029 !important; border-color: #a52029 !important } .btn-ahctv:hover { color: #831921 !important; background-color: #831921 !important; fill: #831921 !important; border-color: #831921 !important } .btn-ahctv:after { color: #a52029 !important } .btn-alamo-on-demand { color: #231f20 !important; background-color: #231f20 !important; fill: #231f20 !important; border-color: #231f20 !important } .btn-alamo-on-demand:hover { color: #0d0c0c !important; background-color: #0d0c0c !important; fill: #0d0c0c !important; border-color: #0d0c0c !important } .btn-alamo-on-demand:after { color: #231f20 !important } .btn-all-4 { color: #172a44 !important; background-color: #172a44 !important; fill: #172a44 !important; border-color: #172a44 !important } .btn-all-4:hover { color: #0d1726 !important; background-color: #0d1726 !important; fill: #0d1726 !important; border-color: #0d1726 !important } .btn-all-4:after { color: #172a44 !important } .btn-allente { color: #fe6714 !important; background-color: #fe6714 !important; fill: #fe6714 !important; border-color: #fe6714 !important } .btn-allente:hover { color: #e85301 !important; background-color: #e85301 !important; fill: #e85301 !important; border-color: #e85301 !important } .btn-allente:after { color: #fe6714 !important } .btn-alt-balaji { color: #262523 !important; background-color: #262523 !important; fill: #262523 !important; border-color: #262523 !important } .btn-alt-balaji:hover { color: #11100f !important; background-color: #11100f !important; fill: #11100f !important; border-color: #11100f !important } .btn-alt-balaji:after { color: #262523 !important } .btn-amazon { color: #f90 !important; background-color: #f90 !important; fill: #f90 !important; border-color: #f90 !important } .btn-amazon:hover { color: #d68100 !important; background-color: #d68100 !important; fill: #d68100 !important; border-color: #d68100 !important } .btn-amazon:after { color: #f90 !important } .btn-amazon-disc { color: #f90 !important; background-color: #f90 !important; fill: #f90 !important; border-color: #f90 !important } .btn-amazon-disc:hover { color: #d68100 !important; background-color: #d68100 !important; fill: #d68100 !important; border-color: #d68100 !important } .btn-amazon-disc:after { color: #f90 !important } .btn-amazon-prime, .btn-amazon-prime-via { color: #0978f9 !important; background-color: #0978f9 !important; fill: #0978f9 !important; border-color: #0978f9 !important } .btn-amazon-prime:hover, .btn-amazon-prime-via:hover { color: #0565d4 !important; background-color: #0565d4 !important; fill: #0565d4 !important; border-color: #0565d4 !important } .btn-amazon-prime:after, .btn-amazon-prime-via:after { color: #0978f9 !important } .btn-amc-on-demand { color: #190640 !important; background-color: #190640 !important; fill: #190640 !important; border-color: #190640 !important } .btn-amc-on-demand:hover { color: #0a031b !important; background-color: #0a031b !important; fill: #0a031b !important; border-color: #0a031b !important } .btn-amc-on-demand:after { color: #190640 !important } .btn-amc-theatres { color: #e41837 !important; background-color: #e41837 !important; fill: #e41837 !important; border-color: #e41837 !important } .btn-amc-theatres:hover { color: #bf142e !important; background-color: #bf142e !important; fill: #bf142e !important; border-color: #bf142e !important } .btn-amc-theatres:after { color: #e41837 !important } .btn-animal-planet { color: #2c7c41 !important; background-color: #2c7c41 !important; fill: #2c7c41 !important; border-color: #2c7c41 !important } .btn-animal-planet:hover { color: #215e31 !important; background-color: #215e31 !important; fill: #215e31 !important; border-color: #215e31 !important } .btn-animal-planet:after { color: #2c7c41 !important } .btn-animation-digital-network { color: #002c38 !important; background-color: #002c38 !important; fill: #002c38 !important; border-color: #002c38 !important } .btn-animation-digital-network:hover { color: #000c0f !important; background-color: #000c0f !important; fill: #000c0f !important; border-color: #000c0f !important } .btn-animation-digital-network:after { color: #002c38 !important } .btn-animax-plus { color: #187bbf !important; background-color: #187bbf !important; fill: #187bbf !important; border-color: #187bbf !important } .btn-animax-plus:hover { color: #13649b !important; background-color: #13649b !important; fill: #13649b !important; border-color: #13649b !important } .btn-animax-plus:after { color: #187bbf !important } .btn-anime-digital-network { color: #0091d8 !important; background-color: #0091d8 !important; fill: #0091d8 !important; border-color: #0091d8 !important } .btn-anime-digital-network:hover { color: #0076af !important; background-color: #0076af !important; fill: #0076af !important; border-color: #0076af !important } .btn-anime-digital-network:after { color: #0091d8 !important } .btn-anime-on-demand { color: #abbe45 !important; background-color: #abbe45 !important; fill: #abbe45 !important; border-color: #abbe45 !important } .btn-anime-on-demand:hover { color: #91a239 !important; background-color: #91a239 !important; fill: #91a239 !important; border-color: #91a239 !important } .btn-anime-on-demand:after { color: #abbe45 !important } .btn-aniverse { color: #02518b !important; background-color: #02518b !important; fill: #02518b !important; border-color: #02518b !important } .btn-aniverse:hover { color: #013a63 !important; background-color: #013a63 !important; fill: #013a63 !important; border-color: #013a63 !important } .btn-aniverse:after { color: #02518b !important } .btn-any { color: #5b982a !important; background-color: #5b982a !important; fill: #5b982a !important; border-color: #5b982a !important } .btn-any:hover { color: #487821 !important; background-color: #487821 !important; fill: #487821 !important; border-color: #487821 !important } .btn-any:after { color: #5b982a !important } .btn-ard-mediathek { color: #023286 !important; background-color: #023286 !important; fill: #023286 !important; border-color: #023286 !important } .btn-ard-mediathek:hover { color: #01235e !important; background-color: #01235e !important; fill: #01235e !important; border-color: #01235e !important } .btn-ard-mediathek:after { color: #023286 !important } .btn-ard-plus { color: #003480 !important; background-color: #003480 !important; fill: #003480 !important; border-color: #003480 !important } .btn-ard-plus:hover { color: #002357 !important; background-color: #002357 !important; fill: #002357 !important; border-color: #002357 !important } .btn-ard-plus:after { color: #003480 !important } .btn-argo { color: #0057fd !important; background-color: #0057fd !important; fill: #0057fd !important; border-color: #0057fd !important } .btn-argo:hover { color: #0049d4 !important; background-color: #0049d4 !important; fill: #0049d4 !important; border-color: #0049d4 !important } .btn-argo:after { color: #0057fd !important } .btn-arte { color: #fa481c !important; background-color: #fa481c !important; fill: #fa481c !important; border-color: #fa481c !important } .btn-arte:hover { color: #e83205 !important; background-color: #e83205 !important; fill: #e83205 !important; border-color: #e83205 !important } .btn-arte:after { color: #fa481c !important } .btn-arte1-play { color: #b72025 !important; background-color: #b72025 !important; fill: #b72025 !important; border-color: #b72025 !important } .btn-arte1-play:hover { color: #941a1e !important; background-color: #941a1e !important; fill: #941a1e !important; border-color: #941a1e !important } .btn-arte1-play:after { color: #b72025 !important } .btn-arthouse-cnma { color: #26a8e1 !important; background-color: #26a8e1 !important; fill: #26a8e1 !important; border-color: #26a8e1 !important } .btn-arthouse-cnma:hover { color: #1b90c3 !important; background-color: #1b90c3 !important; fill: #1b90c3 !important; border-color: #1b90c3 !important } .btn-arthouse-cnma:after { color: #26a8e1 !important } .btn-asiancrush { color: #f77402 !important; background-color: #f77402 !important; fill: #f77402 !important; border-color: #f77402 !important } .btn-asiancrush:hover { color: #cf6102 !important; background-color: #cf6102 !important; fill: #cf6102 !important; border-color: #cf6102 !important } .btn-asiancrush:after { color: #f77402 !important } .btn-at-x { color: #b1242a !important; background-color: #b1242a !important; fill: #b1242a !important; border-color: #b1242a !important } .btn-at-x:hover { color: #8f1d22 !important; background-color: #8f1d22 !important; fill: #8f1d22 !important; border-color: #8f1d22 !important } .btn-at-x:after { color: #b1242a !important } .btn-ava-bgb { color: #ffc800 !important; background-color: #ffc800 !important; fill: #ffc800 !important; border-color: #ffc800 !important } .btn-ava-bgb:hover { color: #d6a800 !important; background-color: #d6a800 !important; fill: #d6a800 !important; border-color: #d6a800 !important } .btn-ava-bgb:after { color: #ffc800 !important } .btn-ava-csal, .btn-ava-hbz, .btn-ava-vobb { color: #5b3860 !important; background-color: #5b3860 !important; fill: #5b3860 !important; border-color: #5b3860 !important } .btn-ava-csal:hover, .btn-ava-hbz:hover, .btn-ava-vobb:hover { color: #432946 !important; background-color: #432946 !important; fill: #432946 !important; border-color: #432946 !important } .btn-ava-csal:after, .btn-ava-hbz:after, .btn-ava-vobb:after { color: #5b3860 !important } .btn-bally-sports { color: #ea0001 !important; background-color: #ea0001 !important; fill: #ea0001 !important; border-color: #ea0001 !important } .btn-bally-sports:hover { color: #c10001 !important; background-color: #c10001 !important; fill: #c10001 !important; border-color: #c10001 !important } .btn-bally-sports:after { color: #ea0001 !important } .btn-band-sports { color: #c4151c !important; background-color: #c4151c !important; fill: #c4151c !important; border-color: #c4151c !important } .btn-band-sports:hover { color: #9f1117 !important; background-color: #9f1117 !important; fill: #9f1117 !important; border-color: #9f1117 !important } .btn-band-sports:after { color: #c4151c !important } .btn-bbc-earth { color: #1397aa !important; background-color: #1397aa !important; fill: #1397aa !important; border-color: #1397aa !important } .btn-bbc-earth:hover { color: #0f7685 !important; background-color: #0f7685 !important; fill: #0f7685 !important; border-color: #0f7685 !important } .btn-bbc-earth:after { color: #1397aa !important } .btn-bbc-iplayer { color: #ff008e !important; background-color: #ff008e !important; fill: #ff008e !important; border-color: #ff008e !important } .btn-bbc-iplayer:hover { color: #d60077 !important; background-color: #d60077 !important; fill: #d60077 !important; border-color: #d60077 !important } .btn-bbc-iplayer:after { color: #ff008e !important } .btn-bbc-select { color: #4c524e !important; background-color: #4c524e !important; fill: #4c524e !important; border-color: #4c524e !important } .btn-bbc-select:hover { color: #383d3a !important; background-color: #383d3a !important; fill: #383d3a !important; border-color: #383d3a !important } .btn-bbc-select:after { color: #4c524e !important } .btn-bbox-vod { color: #0494ae !important; background-color: #0494ae !important; fill: #0494ae !important; border-color: #0494ae !important } .btn-bbox-vod:hover { color: #037286 !important; background-color: #037286 !important; fill: #037286 !important; border-color: #037286 !important } .btn-bbox-vod:after { color: #0494ae !important } .btn-beamafilm { color: #ef822c !important; background-color: #ef822c !important; fill: #ef822c !important; border-color: #ef822c !important } .btn-beamafilm:hover { color: #e16d11 !important; background-color: #e16d11 !important; fill: #e16d11 !important; border-color: #e16d11 !important } .btn-beamafilm:after { color: #ef822c !important } .btn-bein-sports { color: #5f318c !important; background-color: #5f318c !important; fill: #5f318c !important; border-color: #5f318c !important } .btn-bein-sports:hover { color: #4a266e !important; background-color: #4a266e !important; fill: #4a266e !important; border-color: #4a266e !important } .btn-bein-sports:after { color: #5f318c !important } .btn-beinsports { color: #5f318c !important; background-color: #5f318c !important; fill: #5f318c !important; border-color: #5f318c !important } .btn-beinsports:hover { color: #4a266e !important; background-color: #4a266e !important; fill: #4a266e !important; border-color: #4a266e !important } .btn-beinsports:after { color: #5f318c !important } .btn-belas-artes-a-la-carte { color: #fd4009 !important; background-color: #fd4009 !important; fill: #fd4009 !important; border-color: #fd4009 !important } .btn-belas-artes-a-la-carte:hover { color: #db3302 !important; background-color: #db3302 !important; fill: #db3302 !important; border-color: #db3302 !important } .btn-belas-artes-a-la-carte:after { color: #fd4009 !important } .btn-believe { color: #d10a11 !important; background-color: #d10a11 !important; fill: #d10a11 !important; border-color: #d10a11 !important } .btn-believe:hover { color: #aa080e !important; background-color: #aa080e !important; fill: #aa080e !important; border-color: #aa080e !important } .btn-believe:after { color: #d10a11 !important } .btn-benshi { color: #fd4948 !important; background-color: #fd4948 !important; fill: #fd4948 !important; border-color: #fd4948 !important } .btn-benshi:hover { color: #fd2120 !important; background-color: #fd2120 !important; fill: #fd2120 !important; border-color: #fd2120 !important } .btn-benshi:after { color: #fd4948 !important } .btn-binge { color: #a22189 !important; background-color: #a22189 !important; fill: #a22189 !important; border-color: #a22189 !important } .btn-binge:hover { color: #801a6c !important; background-color: #801a6c !important; fill: #801a6c !important; border-color: #801a6c !important } .btn-binge:after { color: #a22189 !important } .btn-bioskop-online { color: #18244d !important; background-color: #18244d !important; fill: #18244d !important; border-color: #18244d !important } .btn-bioskop-online:hover { color: #0e152e !important; background-color: #0e152e !important; fill: #0e152e !important; border-color: #0e152e !important } .btn-bioskop-online:after { color: #18244d !important } .btn-blim { color: #2bc3ff !important; background-color: #2bc3ff !important; fill: #2bc3ff !important; border-color: #2bc3ff !important } .btn-blim:hover { color: #02b7ff !important; background-color: #02b7ff !important; fill: #02b7ff !important; border-color: #02b7ff !important } .btn-blim:after { color: #2bc3ff !important } .btn-blockbuster { color: #0e3fa9 !important; background-color: #0e3fa9 !important; fill: #0e3fa9 !important; border-color: #0e3fa9 !important } .btn-blockbuster:hover { color: #0b3183 !important; background-color: #0b3183 !important; fill: #0b3183 !important; border-color: #0b3183 !important } .btn-blockbuster:after { color: #0e3fa9 !important } .btn-blue-tv { color: #10142d !important; background-color: #10142d !important; fill: #10142d !important; border-color: #10142d !important } .btn-blue-tv:hover { color: #05070f !important; background-color: #05070f !important; fill: #05070f !important; border-color: #05070f !important } .btn-blue-tv:after { color: #10142d !important } .btn-blutv { color: #0272ff !important; background-color: #0272ff !important; fill: #0272ff !important; border-color: #0272ff !important } .btn-blutv:hover { color: #0060d8 !important; background-color: #0060d8 !important; fill: #0060d8 !important; border-color: #0060d8 !important } .btn-blutv:after { color: #0272ff !important } .btn-bookmyshow { color: #d7191f !important; background-color: #d7191f !important; fill: #d7191f !important; border-color: #d7191f !important } .btn-bookmyshow:hover { color: #b2151a !important; background-color: #b2151a !important; fill: #b2151a !important; border-color: #b2151a !important } .btn-bookmyshow:after { color: #d7191f !important } .btn-boxoffice { color: #39a737 !important; background-color: #39a737 !important; fill: #39a737 !important; border-color: #39a737 !important } .btn-boxoffice:hover { color: #2f882d !important; background-color: #2f882d !important; fill: #2f882d !important; border-color: #2f882d !important } .btn-boxoffice:after { color: #39a737 !important } .btn-bravo { color: #38c6b9 !important; background-color: #38c6b9 !important; fill: #38c6b9 !important; border-color: #38c6b9 !important } .btn-bravo:hover { color: #2fa69b !important; background-color: #2fa69b !important; fill: #2fa69b !important; border-color: #2fa69b !important } .btn-bravo:after { color: #38c6b9 !important } .btn-britbox { color: #127ea4 !important; background-color: #127ea4 !important; fill: #127ea4 !important; border-color: #127ea4 !important } .btn-britbox:hover { color: #0e627f !important; background-color: #0e627f !important; fill: #0e627f !important; border-color: #0e627f !important } .btn-britbox:after { color: #127ea4 !important } .btn-broadwayhd { color: #19a590 !important; background-color: #19a590 !important; fill: #19a590 !important; border-color: #19a590 !important } .btn-broadwayhd:hover { color: #148271 !important; background-color: #148271 !important; fill: #148271 !important; border-color: #148271 !important } .btn-broadwayhd:after { color: #19a590 !important } .btn-brollie { color: #fec946 !important; background-color: #fec946 !important; fill: #fec946 !important; border-color: #fec946 !important } .btn-brollie:hover { color: #febd1d !important; background-color: #febd1d !important; fill: #febd1d !important; border-color: #febd1d !important } .btn-brollie:after { color: #fec946 !important } .btn-bt-sport { color: #7509b7 !important; background-color: #7509b7 !important; fill: #7509b7 !important; border-color: #7509b7 !important } .btn-bt-sport:hover { color: #5c0790 !important; background-color: #5c0790 !important; fill: #5c0790 !important; border-color: #5c0790 !important } .btn-bt-sport:after { color: #7509b7 !important } .btn-btv { color: #de1a22 !important; background-color: #de1a22 !important; fill: #de1a22 !important; border-color: #de1a22 !important } .btn-btv:hover { color: #b9161c !important; background-color: #b9161c !important; fill: #b9161c !important; border-color: #b9161c !important } .btn-btv:after { color: #de1a22 !important } .btn-buy-tickets { color: #f87401 !important; background-color: #f87401 !important; fill: #f87401 !important; border-color: #f87401 !important } .btn-buy-tickets:hover { color: #cf6101 !important; background-color: #cf6101 !important; fill: #cf6101 !important; border-color: #cf6101 !important } .btn-buy-tickets:after { color: #f87401 !important } .btn-c-more { color: #ff3334 !important; background-color: #ff3334 !important; fill: #ff3334 !important; border-color: #ff3334 !important } .btn-c-more:hover { color: #ff0a0b !important; background-color: #ff0a0b !important; fill: #ff0a0b !important; border-color: #ff0a0b !important } .btn-c-more:after { color: #ff3334 !important } .btn-canal-play { color: #029bdc !important; background-color: #029bdc !important; fill: #029bdc !important; border-color: #029bdc !important } .btn-canal-play:hover { color: #027fb4 !important; background-color: #027fb4 !important; fill: #027fb4 !important; border-color: #027fb4 !important } .btn-canal-play:after { color: #029bdc !important } .btn-canal-series { color: #f81816 !important; background-color: #f81816 !important; fill: #f81816 !important; border-color: #f81816 !important } .btn-canal-series:hover { color: #df0907 !important; background-color: #df0907 !important; fill: #df0907 !important; border-color: #df0907 !important } .btn-canal-series:after { color: #f81816 !important } .btn-canal-sport { color: #0ba10c !important; background-color: #0ba10c !important; fill: #0ba10c !important; border-color: #0ba10c !important } .btn-canal-sport:hover { color: #087b09 !important; background-color: #087b09 !important; fill: #087b09 !important; border-color: #087b09 !important } .btn-canal-sport:after { color: #0ba10c !important } .btn-canal-vod { color: #941a80 !important; background-color: #941a80 !important; fill: #941a80 !important; border-color: #941a80 !important } .btn-canal-vod:hover { color: #711462 !important; background-color: #711462 !important; fill: #711462 !important; border-color: #711462 !important } .btn-canal-vod:after { color: #941a80 !important } .btn-carnegie-hall-plus { color: #e90b2a !important; background-color: #e90b2a !important; fill: #e90b2a !important; border-color: #e90b2a !important } .btn-carnegie-hall-plus:hover { color: #c20923 !important; background-color: #c20923 !important; fill: #c20923 !important; border-color: #c20923 !important } .btn-carnegie-hall-plus:after { color: #e90b2a !important } .btn-catchplay { color: #ed6c00 !important; background-color: #ed6c00 !important; fill: #ed6c00 !important; border-color: #ed6c00 !important } .btn-catchplay:hover { color: #c45900 !important; background-color: #c45900 !important; fill: #c45900 !important; border-color: #c45900 !important } .btn-catchplay:after { color: #ed6c00 !important } .btn-cbc { color: #e40e1a !important; background-color: #e40e1a !important; fill: #e40e1a !important; border-color: #e40e1a !important } .btn-cbc:hover { color: #be0c16 !important; background-color: #be0c16 !important; fill: #be0c16 !important; border-color: #be0c16 !important } .btn-cbc:after { color: #e40e1a !important } .btn-cbc-gem { color: #e60405 !important; background-color: #e60405 !important; fill: #e60405 !important; border-color: #e60405 !important } .btn-cbc-gem:hover { color: #be0304 !important; background-color: #be0304 !important; fill: #be0304 !important; border-color: #be0304 !important } .btn-cbc-gem:after { color: #e60405 !important } .btn-cbs, .btn-cbs-all-access { color: #0092f3 !important; background-color: #0092f3 !important; fill: #0092f3 !important; border-color: #0092f3 !important } .btn-cbs:hover, .btn-cbs-all-access:hover { color: #0079ca !important; background-color: #0079ca !important; fill: #0079ca !important; border-color: #0079ca !important } .btn-cbs:after, .btn-cbs-all-access:after { color: #0092f3 !important } .btn-cgood-tv { color: #655685 !important; background-color: #655685 !important; fill: #655685 !important; border-color: #655685 !important } .btn-cgood-tv:hover { color: #52466c !important; background-color: #52466c !important; fill: #52466c !important; border-color: #52466c !important } .btn-cgood-tv:after { color: #655685 !important } .btn-chai-flicks { color: #273a89 !important; background-color: #273a89 !important; fill: #273a89 !important; border-color: #273a89 !important } .btn-chai-flicks:hover { color: #1e2d69 !important; background-color: #1e2d69 !important; fill: #1e2d69 !important; border-color: #1e2d69 !important } .btn-chai-flicks:after { color: #273a89 !important } .btn-channel-4 { color: #333 !important; background-color: #333 !important; fill: #333 !important; border-color: #333 !important } .btn-channel-4:hover { color: #1f1f1f !important; background-color: #1f1f1f !important; fill: #1f1f1f !important; border-color: #1f1f1f !important } .btn-channel-4:after { color: #333 !important } .btn-cindie { color: #cf0027 !important; background-color: #cf0027 !important; fill: #cf0027 !important; border-color: #cf0027 !important } .btn-cindie:hover { color: #a6001f !important; background-color: #a6001f !important; fill: #a6001f !important; border-color: #a6001f !important } .btn-cindie:after { color: #cf0027 !important } .btn-cine { color: #08dee5 !important; background-color: #08dee5 !important; fill: #08dee5 !important; border-color: #08dee5 !important } .btn-cine:hover { color: #07b8be !important; background-color: #07b8be !important; fill: #07b8be !important; border-color: #07b8be !important } .btn-cine:after { color: #08dee5 !important } .btn-cinema-of-hearts { color: #fc46ee !important; background-color: #fc46ee !important; fill: #fc46ee !important; border-color: #fc46ee !important } .btn-cinema-of-hearts:hover { color: #fb1eea !important; background-color: #fb1eea !important; fill: #fb1eea !important; border-color: #fb1eea !important } .btn-cinema-of-hearts:after { color: #fc46ee !important } .btn-cinemanow { color: #252220 !important; background-color: #252220 !important; fill: #252220 !important; border-color: #252220 !important } .btn-cinemanow:hover { color: #0f0e0d !important; background-color: #0f0e0d !important; fill: #0f0e0d !important; border-color: #0f0e0d !important } .btn-cinemanow:after { color: #252220 !important } .btn-cinemax { color: #f2b312 !important; background-color: #f2b312 !important; fill: #f2b312 !important; border-color: #f2b312 !important } .btn-cinemax:hover { color: #d0990b !important; background-color: #d0990b !important; fill: #d0990b !important; border-color: #d0990b !important } .btn-cinemax:after { color: #f2b312 !important } .btn-cineplex { color: #00599d !important; background-color: #00599d !important; fill: #00599d !important; border-color: #00599d !important } .btn-cineplex:hover { color: #004274 !important; background-color: #004274 !important; fill: #004274 !important; border-color: #004274 !important } .btn-cineplex:after { color: #00599d !important } .btn-cineverse { color: #09196c !important; background-color: #09196c !important; fill: #09196c !important; border-color: #09196c !important } .btn-cineverse:hover { color: #061046 !important; background-color: #061046 !important; fill: #061046 !important; border-color: #061046 !important } .btn-cineverse:after { color: #09196c !important } .btn-citytv { color: #f16122 !important; background-color: #f16122 !important; fill: #f16122 !important; border-color: #f16122 !important } .btn-citytv:hover { color: #dc4d0e !important; background-color: #dc4d0e !important; fill: #dc4d0e !important; border-color: #dc4d0e !important } .btn-citytv:after { color: #f16122 !important } .btn-citytvplus { color: #0da7bc !important; background-color: #0da7bc !important; fill: #0da7bc !important; border-color: #0da7bc !important } .btn-citytvplus:hover { color: #0a8596 !important; background-color: #0a8596 !important; fill: #0a8596 !important; border-color: #0a8596 !important } .btn-citytvplus:after { color: #0da7bc !important } .btn-claro-video { color: #e31c1a !important; background-color: #e31c1a !important; fill: #e31c1a !important; border-color: #e31c1a !important } .btn-claro-video:hover { color: #be1716 !important; background-color: #be1716 !important; fill: #be1716 !important; border-color: #be1716 !important } .btn-claro-video:after { color: #e31c1a !important } .btn-cmt { color: #87b6c0 !important; background-color: #87b6c0 !important; fill: #87b6c0 !important; border-color: #87b6c0 !important } .btn-cmt:hover { color: #6ca6b2 !important; background-color: #6ca6b2 !important; fill: #6ca6b2 !important; border-color: #6ca6b2 !important } .btn-cmt:after { color: #87b6c0 !important } .btn-cnn { color: #c00 !important; background-color: #c00 !important; fill: #c00 !important; border-color: #c00 !important } .btn-cnn:hover { color: #a30000 !important; background-color: #a30000 !important; fill: #a30000 !important; border-color: #a30000 !important } .btn-cnn:after { color: #c00 !important } .btn-cohen-media { color: #af1f26 !important; background-color: #af1f26 !important; fill: #af1f26 !important; border-color: #af1f26 !important } .btn-cohen-media:hover { color: #8c191e !important; background-color: #8c191e !important; fill: #8c191e !important; border-color: #8c191e !important } .btn-cohen-media:after { color: #af1f26 !important } .btn-comedy-central { color: #ed4984 !important; background-color: #ed4984 !important; fill: #ed4984 !important; border-color: #ed4984 !important } .btn-comedy-central:hover { color: #e9246b !important; background-color: #e9246b !important; fill: #e9246b !important; border-color: #e9246b !important } .btn-comedy-central:after { color: #ed4984 !important } .btn-comhem-play { color: #1b252a !important; background-color: #1b252a !important; fill: #1b252a !important; border-color: #1b252a !important } .btn-comhem-play:hover { color: #0b0f11 !important; background-color: #0b0f11 !important; fill: #0b0f11 !important; border-color: #0b0f11 !important } .btn-comhem-play:after { color: #1b252a !important } .btn-comic-con-hq { color: #f8d031 !important; background-color: #f8d031 !important; fill: #f8d031 !important; border-color: #f8d031 !important } .btn-comic-con-hq:hover { color: #f7c70a !important; background-color: #f7c70a !important; fill: #f7c70a !important; border-color: #f7c70a !important } .btn-comic-con-hq:after { color: #f8d031 !important } .btn-contar { color: #00daf7 !important; background-color: #00daf7 !important; fill: #00daf7 !important; border-color: #00daf7 !important } .btn-contar:hover { color: #00b6ce !important; background-color: #00b6ce !important; fill: #00b6ce !important; border-color: #00b6ce !important } .btn-contar:after { color: #00daf7 !important } .btn-cooking-channel { color: #94c947 !important; background-color: #94c947 !important; fill: #94c947 !important; border-color: #94c947 !important } .btn-cooking-channel:hover { color: #7fb334 !important; background-color: #7fb334 !important; fill: #7fb334 !important; border-color: #7fb334 !important } .btn-cooking-channel:after { color: #94c947 !important } .btn-coupang-play { color: #00b5ff !important; background-color: #00b5ff !important; fill: #00b5ff !important; border-color: #00b5ff !important } .btn-coupang-play:hover { color: #0098d6 !important; background-color: #0098d6 !important; fill: #0098d6 !important; border-color: #0098d6 !important } .btn-coupang-play:after { color: #00b5ff !important } .btn-courtside-1891 { color: #131837 !important; background-color: #131837 !important; fill: #131837 !important; border-color: #131837 !important } .btn-courtside-1891:hover { color: #090b19 !important; background-color: #090b19 !important; fill: #090b19 !important; border-color: #090b19 !important } .btn-courtside-1891:after { color: #131837 !important } .btn-crackle { color: #f96905 !important; background-color: #f96905 !important; fill: #f96905 !important; border-color: #f96905 !important } .btn-crackle:hover { color: #d15804 !important; background-color: #d15804 !important; fill: #d15804 !important; border-color: #d15804 !important } .btn-crackle:after { color: #f96905 !important } .btn-crave, .btn-crave-plus { color: #29c2f1 !important; background-color: #29c2f1 !important; fill: #29c2f1 !important; border-color: #29c2f1 !important } .btn-crave:hover, .btn-crave-plus:hover { color: #0fb1e2 !important; background-color: #0fb1e2 !important; fill: #0fb1e2 !important; border-color: #0fb1e2 !important } .btn-crave:after, .btn-crave-plus:after { color: #29c2f1 !important } .btn-crime-plus-investigation-play { color: #002c38 !important; background-color: #002c38 !important; fill: #002c38 !important; border-color: #002c38 !important } .btn-crime-plus-investigation-play:hover { color: #000c0f !important; background-color: #000c0f !important; fill: #000c0f !important; border-color: #000c0f !important } .btn-crime-plus-investigation-play:after { color: #002c38 !important } .btn-crunchyroll { color: #f78b24 !important; background-color: #f78b24 !important; fill: #f78b24 !important; border-color: #f78b24 !important } .btn-crunchyroll:hover { color: #ea7609 !important; background-color: #ea7609 !important; fill: #ea7609 !important; border-color: #ea7609 !important } .btn-crunchyroll:after { color: #f78b24 !important } .btn-ctv { color: #0079c1 !important; background-color: #0079c1 !important; fill: #0079c1 !important; border-color: #0079c1 !important } .btn-ctv:hover { color: #005f98 !important; background-color: #005f98 !important; fill: #005f98 !important; border-color: #005f98 !important } .btn-ctv:after { color: #0079c1 !important } .btn-cultpix { color: #fd284e !important; background-color: #fd284e !important; fill: #fd284e !important; border-color: #fd284e !important } .btn-cultpix:hover { color: #fa022e !important; background-color: #fa022e !important; fill: #fa022e !important; border-color: #fa022e !important } .btn-cultpix:after { color: #fd284e !important } .btn-curia { color: #020a48 !important; background-color: #020a48 !important; fill: #020a48 !important; border-color: #020a48 !important } .btn-curia:hover { color: #010420 !important; background-color: #010420 !important; fill: #010420 !important; border-color: #010420 !important } .btn-curia:after { color: #020a48 !important } .btn-curiosity-stream { color: #3871dd !important; background-color: #3871dd !important; fill: #3871dd !important; border-color: #3871dd !important } .btn-curiosity-stream:hover { color: #225cca !important; background-color: #225cca !important; fill: #225cca !important; border-color: #225cca !important } .btn-curiosity-stream:after { color: #3871dd !important } .btn-curzon { color: #ff8200 !important; background-color: #ff8200 !important; fill: #ff8200 !important; border-color: #ff8200 !important } .btn-curzon:hover { color: #d66d00 !important; background-color: #d66d00 !important; fill: #d66d00 !important; border-color: #d66d00 !important } .btn-curzon:after { color: #ff8200 !important } .btn-cw-seed { color: #6cccdb !important; background-color: #6cccdb !important; fill: #6cccdb !important; border-color: #6cccdb !important } .btn-cw-seed:hover { color: #4bc1d3 !important; background-color: #4bc1d3 !important; fill: #4bc1d3 !important; border-color: #4bc1d3 !important } .btn-cw-seed:after { color: #6cccdb !important } .btn-d-smart-go { color: #212121 !important; background-color: #212121 !important; fill: #212121 !important; border-color: #212121 !important } .btn-d-smart-go:hover { color: #0d0d0d !important; background-color: #0d0d0d !important; fill: #0d0d0d !important; border-color: #0d0d0d !important } .btn-d-smart-go:after { color: #212121 !important } .btn-darkmatter-tv { color: #f04f23 !important; background-color: #f04f23 !important; fill: #f04f23 !important; border-color: #f04f23 !important } .btn-darkmatter-tv:hover { color: #db3b0f !important; background-color: #db3b0f !important; fill: #db3b0f !important; border-color: #db3b0f !important } .btn-darkmatter-tv:after { color: #f04f23 !important } .btn-das-erste { color: #001a4b !important; background-color: #001a4b !important; fill: #001a4b !important; border-color: #001a4b !important } .btn-das-erste:hover { color: #000c22 !important; background-color: #000c22 !important; fill: #000c22 !important; border-color: #000c22 !important } .btn-das-erste:after { color: #001a4b !important } .btn-daum { color: #5ea8e0 !important; background-color: #5ea8e0 !important; fill: #5ea8e0 !important; border-color: #5ea8e0 !important } .btn-daum:hover { color: #3c96d9 !important; background-color: #3c96d9 !important; fill: #3c96d9 !important; border-color: #3c96d9 !important } .btn-daum:after { color: #5ea8e0 !important } .btn-dc-universe { color: #151922 !important; background-color: #151922 !important; fill: #151922 !important; border-color: #151922 !important } .btn-dc-universe:hover { color: #050609 !important; background-color: #050609 !important; fill: #050609 !important; border-color: #050609 !important } .btn-dc-universe:after { color: #151922 !important } .btn-dekkoo { color: #4dafcb !important; background-color: #4dafcb !important; fill: #4dafcb !important; border-color: #4dafcb !important } .btn-dekkoo:hover { color: #369cb9 !important; background-color: #369cb9 !important; fill: #369cb9 !important; border-color: #369cb9 !important } .btn-dekkoo:after { color: #4dafcb !important } .btn-destination-america { color: #170e25 !important; background-color: #170e25 !important; fill: #170e25 !important; border-color: #170e25 !important } .btn-destination-america:hover { color: #050307 !important; background-color: #050307 !important; fill: #050307 !important; border-color: #050307 !important } .btn-destination-america:after { color: #170e25 !important } .btn-directv, .btn-directv-now { color: #32a4da !important; background-color: #32a4da !important; fill: #32a4da !important; border-color: #32a4da !important } .btn-directv:hover, .btn-directv-now:hover { color: #238ec0 !important; background-color: #238ec0 !important; fill: #238ec0 !important; border-color: #238ec0 !important } .btn-directv:after, .btn-directv-now:after { color: #32a4da !important } .btn-discovery { color: #8eb3da !important; background-color: #8eb3da !important; fill: #8eb3da !important; border-color: #8eb3da !important } .btn-discovery:hover { color: #6f9ed0 !important; background-color: #6f9ed0 !important; fill: #6f9ed0 !important; border-color: #6f9ed0 !important } .btn-discovery:after { color: #8eb3da !important } .btn-discovery-life { color: #261d6e !important; background-color: #261d6e !important; fill: #261d6e !important; border-color: #261d6e !important } .btn-discovery-life:hover { color: #1b144e !important; background-color: #1b144e !important; fill: #1b144e !important; border-color: #1b144e !important } .btn-discovery-life:after { color: #261d6e !important } .btn-discovery-plus { color: #272c35 !important; background-color: #272c35 !important; fill: #272c35 !important; border-color: #272c35 !important } .btn-discovery-plus:hover { color: #16181d !important; background-color: #16181d !important; fill: #16181d !important; border-color: #16181d !important } .btn-discovery-plus:after { color: #272c35 !important } .btn-disney-junior { color: #e73534 !important; background-color: #e73534 !important; fill: #e73534 !important; border-color: #e73534 !important } .btn-disney-junior:hover { color: #d91b1a !important; background-color: #d91b1a !important; fill: #d91b1a !important; border-color: #d91b1a !important } .btn-disney-junior:after { color: #e73534 !important } .btn-disney-plus { color: #063443 !important; background-color: #063443 !important; fill: #063443 !important; border-color: #063443 !important } .btn-disney-plus:hover { color: #03171e !important; background-color: #03171e !important; fill: #03171e !important; border-color: #03171e !important } .btn-disney-plus:after { color: #063443 !important } .btn-disney-xd { color: #b5dc17 !important; background-color: #b5dc17 !important; fill: #b5dc17 !important; border-color: #b5dc17 !important } .btn-disney-xd:hover { color: #97b713 !important; background-color: #97b713 !important; fill: #97b713 !important; border-color: #97b713 !important } .btn-disney-xd:after { color: #b5dc17 !important } .btn-disney, .btn-disney-channel, .btn-disney-life { color: #237abb !important; background-color: #237abb !important; fill: #237abb !important; border-color: #237abb !important } .btn-disney:hover, .btn-disney-channel:hover, .btn-disney-life:hover { color: #1d6499 !important; background-color: #1d6499 !important; fill: #1d6499 !important; border-color: #1d6499 !important } .btn-disney:after, .btn-disney-channel:after, .btn-disney-life:after { color: #237abb !important } .btn-disneynow { color: #07267c !important; background-color: #07267c !important; fill: #07267c !important; border-color: #07267c !important } .btn-disneynow:hover { color: #051a55 !important; background-color: #051a55 !important; fill: #051a55 !important; border-color: #051a55 !important } .btn-disneynow:after { color: #07267c !important } .btn-distrotv { color: #08c2e8 !important; background-color: #08c2e8 !important; fill: #08c2e8 !important; border-color: #08c2e8 !important } .btn-distrotv:hover { color: #07a1c1 !important; background-color: #07a1c1 !important; fill: #07a1c1 !important; border-color: #07a1c1 !important } .btn-distrotv:after { color: #08c2e8 !important } .btn-diy { color: #741036 !important; background-color: #741036 !important; fill: #741036 !important; border-color: #741036 !important } .btn-diy:hover { color: #500b25 !important; background-color: #500b25 !important; fill: #500b25 !important; border-color: #500b25 !important } .btn-diy:after { color: #741036 !important } .btn-dizi { color: #512d85 !important; background-color: #512d85 !important; fill: #512d85 !important; border-color: #512d85 !important } .btn-dizi:hover { color: #3e2367 !important; background-color: #3e2367 !important; fill: #3e2367 !important; border-color: #3e2367 !important } .btn-dizi:after { color: #512d85 !important } .btn-docplay { color: #1e893f !important; background-color: #1e893f !important; fill: #1e893f !important; border-color: #1e893f !important } .btn-docplay:hover { color: #176830 !important; background-color: #176830 !important; fill: #176830 !important; border-color: #176830 !important } .btn-docplay:after { color: #1e893f !important } .btn-docsville { color: #ff4c00 !important; background-color: #ff4c00 !important; fill: #ff4c00 !important; border-color: #ff4c00 !important } .btn-docsville:hover { color: #d64000 !important; background-color: #d64000 !important; fill: #d64000 !important; border-color: #d64000 !important } .btn-docsville:after { color: #ff4c00 !important } .btn-dove { color: #292966 !important; background-color: #292966 !important; fill: #292966 !important; border-color: #292966 !important } .btn-dove:hover { color: #1d1d49 !important; background-color: #1d1d49 !important; fill: #1d1d49 !important; border-color: #1d1d49 !important } .btn-dove:after { color: #292966 !important } .btn-dramafever { color: #d51c29 !important; background-color: #d51c29 !important; fill: #d51c29 !important; border-color: #d51c29 !important } .btn-dramafever:hover { color: #b11722 !important; background-color: #b11722 !important; fill: #b11722 !important; border-color: #b11722 !important } .btn-dramafever:after { color: #d51c29 !important } .btn-dreamworks-tv { color: #45c7f4 !important; background-color: #45c7f4 !important; fill: #45c7f4 !important; border-color: #45c7f4 !important } .btn-dreamworks-tv:hover { color: #1ebbf2 !important; background-color: #1ebbf2 !important; fill: #1ebbf2 !important; border-color: #1ebbf2 !important } .btn-dreamworks-tv:after { color: #45c7f4 !important } .btn-drtv { color: #ff0118 !important; background-color: #ff0118 !important; fill: #ff0118 !important; border-color: #ff0118 !important } .btn-drtv:hover { color: #d70013 !important; background-color: #d70013 !important; fill: #d70013 !important; border-color: #d70013 !important } .btn-drtv:after { color: #ff0118 !important } .btn-dtv { color: #d1102f !important; background-color: #d1102f !important; fill: #d1102f !important; border-color: #d1102f !important } .btn-dtv:hover { color: #ab0d26 !important; background-color: #ab0d26 !important; fill: #ab0d26 !important; border-color: #ab0d26 !important } .btn-dtv:after { color: #d1102f !important } .btn-dvd { color: #1896d2 !important; background-color: #1896d2 !important; fill: #1896d2 !important; border-color: #1896d2 !important } .btn-dvd:hover { color: #147cad !important; background-color: #147cad !important; fill: #147cad !important; border-color: #147cad !important } .btn-dvd:after { color: #1896d2 !important } .btn-edisonline { color: #ffcc4f !important; background-color: #ffcc4f !important; fill: #ffcc4f !important; border-color: #ffcc4f !important } .btn-edisonline:hover { color: #ffc026 !important; background-color: #ffc026 !important; fill: #ffc026 !important; border-color: #ffc026 !important } .btn-edisonline:after { color: #ffcc4f !important } .btn-eleven { color: #10253d !important; background-color: #10253d !important; fill: #10253d !important; border-color: #10253d !important } .btn-eleven:hover { color: #08111d !important; background-color: #08111d !important; fill: #08111d !important; border-color: #08111d !important } .btn-eleven:after { color: #10253d !important } .btn-elisa-viihde { color: #0615af !important; background-color: #0615af !important; fill: #0615af !important; border-color: #0615af !important } .btn-elisa-viihde:hover { color: #051088 !important; background-color: #051088 !important; fill: #051088 !important; border-color: #051088 !important } .btn-elisa-viihde:after { color: #0615af !important } .btn-epic-on { color: #f34e75 !important; background-color: #f34e75 !important; fill: #f34e75 !important; border-color: #f34e75 !important } .btn-epic-on:hover { color: #f02857 !important; background-color: #f02857 !important; fill: #f02857 !important; border-color: #f02857 !important } .btn-epic-on:after { color: #f34e75 !important } .btn-epix { color: #f47936 !important; background-color: #f47936 !important; fill: #f47936 !important; border-color: #f47936 !important } .btn-epix:hover { color: #f25f0f !important; background-color: #f25f0f !important; fill: #f25f0f !important; border-color: #f25f0f !important } .btn-epix:after { color: #f47936 !important } .btn-eros-now { color: #1b75bb !important; background-color: #1b75bb !important; fill: #1b75bb !important; border-color: #1b75bb !important } .btn-eros-now:hover { color: #165f97 !important; background-color: #165f97 !important; fill: #165f97 !important; border-color: #165f97 !important } .btn-eros-now:after { color: #1b75bb !important } .btn-eros-now-select { color: #168dcf !important; background-color: #168dcf !important; fill: #168dcf !important; border-color: #168dcf !important } .btn-eros-now-select:hover { color: #1274aa !important; background-color: #1274aa !important; fill: #1274aa !important; border-color: #1274aa !important } .btn-eros-now-select:after { color: #168dcf !important } .btn-espn-plus { color: #00305e !important; background-color: #00305e !important; fill: #00305e !important; border-color: #00305e !important } .btn-espn-plus:hover { color: #001b35 !important; background-color: #001b35 !important; fill: #001b35 !important; border-color: #001b35 !important } .btn-espn-plus:after { color: #00305e !important } .btn-espn, .btn-espn-2, .btn-espn-3, .btn-espn-4, .btn-espn-deportes, .btn-espn-player { color: #c00 !important; background-color: #c00 !important; fill: #c00 !important; border-color: #c00 !important } .btn-espn:hover, .btn-espn-2:hover, .btn-espn-3:hover, .btn-espn-4:hover, .btn-espn-deportes:hover, .btn-espn-player:hover { color: #a30000 !important; background-color: #a30000 !important; fill: #a30000 !important; border-color: #a30000 !important } .btn-espn:after, .btn-espn-2:after, .btn-espn-3:after, .btn-espn-4:after, .btn-espn-deportes:after, .btn-espn-player:after { color: #c00 !important } .btn-eurosport { color: #141b4d !important; background-color: #141b4d !important; fill: #141b4d !important; border-color: #141b4d !important } .btn-eurosport:hover { color: #0c102d !important; background-color: #0c102d !important; fill: #0c102d !important; border-color: #0c102d !important } .btn-eurosport:after { color: #141b4d !important } .btn-eventive { color: #0685d3 !important; background-color: #0685d3 !important; fill: #0685d3 !important; border-color: #0685d3 !important } .btn-eventive:hover { color: #056cab !important; background-color: #056cab !important; fill: #056cab !important; border-color: #056cab !important } .btn-eventive:after { color: #0685d3 !important } .btn-exlibris { color: #bd1340 !important; background-color: #bd1340 !important; fill: #bd1340 !important; border-color: #bd1340 !important } .btn-exlibris:hover { color: #980f33 !important; background-color: #980f33 !important; fill: #980f33 !important; border-color: #980f33 !important } .btn-exlibris:after { color: #bd1340 !important } .btn-exxen { color: #ffca05 !important; background-color: #ffca05 !important; fill: #ffca05 !important; border-color: #ffca05 !important } .btn-exxen:hover { color: #dbad00 !important; background-color: #dbad00 !important; fill: #dbad00 !important; border-color: #dbad00 !important } .btn-exxen:after { color: #ffca05 !important } .btn-f1tv { color: #ff1e00 !important; background-color: #ff1e00 !important; fill: #ff1e00 !important; border-color: #ff1e00 !important } .btn-f1tv:hover { color: #d61900 !important; background-color: #d61900 !important; fill: #d61900 !important; border-color: #d61900 !important } .btn-f1tv:after { color: #ff1e00 !important } .btn-f1tv-pro { color: #d92e11 !important; background-color: #d92e11 !important; fill: #d92e11 !important; border-color: #d92e11 !important } .btn-f1tv-pro:hover { color: #b3260e !important; background-color: #b3260e !important; fill: #b3260e !important; border-color: #b3260e !important } .btn-f1tv-pro:after { color: #d92e11 !important } .btn-fancode { color: #ff5001 !important; background-color: #ff5001 !important; fill: #ff5001 !important; border-color: #ff5001 !important } .btn-fancode:hover { color: #d74300 !important; background-color: #d74300 !important; fill: #d74300 !important; border-color: #d74300 !important } .btn-fancode:after { color: #ff5001 !important } .btn-fandango { color: #f87401 !important; background-color: #f87401 !important; fill: #f87401 !important; border-color: #f87401 !important } .btn-fandango:hover { color: #cf6101 !important; background-color: #cf6101 !important; fill: #cf6101 !important; border-color: #cf6101 !important } .btn-fandango:after { color: #f87401 !important } .btn-fandango-at-home { color: #3089db !important; background-color: #3089db !important; fill: #3089db !important; border-color: #3089db !important } .btn-fandango-at-home:hover { color: #2274c1 !important; background-color: #2274c1 !important; fill: #2274c1 !important; border-color: #2274c1 !important } .btn-fandango-at-home:after { color: #3089db !important } .btn-fetch-tv { color: #009be4 !important; background-color: #009be4 !important; fill: #009be4 !important; border-color: #009be4 !important } .btn-fetch-tv:hover { color: #007fbb !important; background-color: #007fbb !important; fill: #007fbb !important; border-color: #007fbb !important } .btn-fetch-tv:after { color: #009be4 !important } .btn-film-struck { color: #eb0045 !important; background-color: #eb0045 !important; fill: #eb0045 !important; border-color: #eb0045 !important } .btn-film-struck:hover { color: #c20039 !important; background-color: #c20039 !important; fill: #c20039 !important; border-color: #c20039 !important } .btn-film-struck:after { color: #eb0045 !important } .btn-film1 { color: #002845 !important; background-color: #002845 !important; fill: #002845 !important; border-color: #002845 !important } .btn-film1:hover { color: #00101c !important; background-color: #00101c !important; fill: #00101c !important; border-color: #00101c !important } .btn-film1:after { color: #002845 !important } .btn-filmbox { color: #e30b13 !important; background-color: #e30b13 !important; fill: #e30b13 !important; border-color: #e30b13 !important } .btn-filmbox:hover { color: #bc0910 !important; background-color: #bc0910 !important; fill: #bc0910 !important; border-color: #bc0910 !important } .btn-filmbox:after { color: #e30b13 !important } .btn-filme-filme { color: #f2ab1d !important; background-color: #f2ab1d !important; fill: #f2ab1d !important; border-color: #f2ab1d !important } .btn-filme-filme:hover { color: #da950d !important; background-color: #da950d !important; fill: #da950d !important; border-color: #da950d !important } .btn-filme-filme:after { color: #f2ab1d !important } .btn-filmlegenden { color: #ce901d !important; background-color: #ce901d !important; fill: #ce901d !important; border-color: #ce901d !important } .btn-filmlegenden:hover { color: #aa7718 !important; background-color: #aa7718 !important; fill: #aa7718 !important; border-color: #aa7718 !important } .btn-filmlegenden:after { color: #ce901d !important } .btn-filmo-tv { color: #0086b0 !important; background-color: #0086b0 !important; fill: #0086b0 !important; border-color: #0086b0 !important } .btn-filmo-tv:hover { color: #006787 !important; background-color: #006787 !important; fill: #006787 !important; border-color: #006787 !important } .btn-filmo-tv:after { color: #0086b0 !important } .btn-filmoteket { color: #fe800c !important; background-color: #fe800c !important; fill: #fe800c !important; border-color: #fe800c !important } .btn-filmoteket:hover { color: #e06c01 !important; background-color: #e06c01 !important; fill: #e06c01 !important; border-color: #e06c01 !important } .btn-filmoteket:after { color: #fe800c !important } .btn-filmow { color: #14a1d6 !important; background-color: #14a1d6 !important; fill: #14a1d6 !important; border-color: #14a1d6 !important } .btn-filmow:hover { color: #1185b1 !important; background-color: #1185b1 !important; fill: #1185b1 !important; border-color: #1185b1 !important } .btn-filmow:after { color: #14a1d6 !important } .btn-filmrise { color: #e41d32 !important; background-color: #e41d32 !important; fill: #e41d32 !important; border-color: #e41d32 !important } .btn-filmrise:hover { color: #c11729 !important; background-color: #c11729 !important; fill: #c11729 !important; border-color: #c11729 !important } .btn-filmrise:after { color: #e41d32 !important } .btn-filmtastic { color: #e6002d !important; background-color: #e6002d !important; fill: #e6002d !important; border-color: #e6002d !important } .btn-filmtastic:hover { color: #bd0025 !important; background-color: #bd0025 !important; fill: #bd0025 !important; border-color: #bd0025 !important } .btn-filmtastic:after { color: #e6002d !important } .btn-filmzie { color: #243c44 !important; background-color: #243c44 !important; fill: #243c44 !important; border-color: #243c44 !important } .btn-filmzie:hover { color: #162429 !important; background-color: #162429 !important; fill: #162429 !important; border-color: #162429 !important } .btn-filmzie:after { color: #243c44 !important } .btn-flimmit { color: #a5c400 !important; background-color: #a5c400 !important; fill: #a5c400 !important; border-color: #a5c400 !important } .btn-flimmit:hover { color: #839b00 !important; background-color: #839b00 !important; fill: #839b00 !important; border-color: #839b00 !important } .btn-flimmit:after { color: #a5c400 !important } .btn-flixfling { color: #fab216 !important; background-color: #fab216 !important; fill: #fab216 !important; border-color: #fab216 !important } .btn-flixfling:hover { color: #e29c05 !important; background-color: #e29c05 !important; fill: #e29c05 !important; border-color: #e29c05 !important } .btn-flixfling:after { color: #fab216 !important } .btn-flixole { color: #e6134b !important; background-color: #e6134b !important; fill: #e6134b !important; border-color: #e6134b !important } .btn-flixole:hover { color: #c0103f !important; background-color: #c0103f !important; fill: #c0103f !important; border-color: #c0103f !important } .btn-flixole:after { color: #e6134b !important } .btn-flo-rugby { color: #f2130f !important; background-color: #f2130f !important; fill: #f2130f !important; border-color: #f2130f !important } .btn-flo-rugby:hover { color: #cd0f0b !important; background-color: #cd0f0b !important; fill: #cd0f0b !important; border-color: #cd0f0b !important } .btn-flo-rugby:after { color: #f2130f !important } .btn-food-network { color: #ee3424 !important; background-color: #ee3424 !important; fill: #ee3424 !important; border-color: #ee3424 !important } .btn-food-network:hover { color: #d82111 !important; background-color: #d82111 !important; fill: #d82111 !important; border-color: #d82111 !important } .btn-food-network:after { color: #ee3424 !important } .btn-fox-now, .btn-fox { color: #009bff !important; background-color: #009bff !important; fill: #009bff !important; border-color: #009bff !important } .btn-fox-now:hover, .btn-fox:hover { color: #0082d6 !important; background-color: #0082d6 !important; fill: #0082d6 !important; border-color: #0082d6 !important } .btn-fox-now:after, .btn-fox:after { color: #009bff !important } .btn-fox-play { color: #ff5c34 !important; background-color: #ff5c34 !important; fill: #ff5c34 !important; border-color: #ff5c34 !important } .btn-fox-play:hover { color: #ff3b0b !important; background-color: #ff3b0b !important; fill: #ff3b0b !important; border-color: #ff3b0b !important } .btn-fox-play:after { color: #ff5c34 !important } .btn-fox-premium { color: #ef6f25 !important; background-color: #ef6f25 !important; fill: #ef6f25 !important; border-color: #ef6f25 !important } .btn-fox-premium:hover { color: #db5a10 !important; background-color: #db5a10 !important; fill: #db5a10 !important; border-color: #db5a10 !important } .btn-fox-premium:after { color: #ef6f25 !important } .btn-fox-sports, .btn-fox-sports-1, .btn-fox-sports-2 { color: #19315a !important; background-color: #19315a !important; fill: #19315a !important; border-color: #19315a !important } .btn-fox-sports:hover, .btn-fox-sports-1:hover, .btn-fox-sports-2:hover { color: #10203a !important; background-color: #10203a !important; fill: #10203a !important; border-color: #10203a !important } .btn-fox-sports:after, .btn-fox-sports-1:after, .btn-fox-sports-2:after { color: #19315a !important } .btn-foxtel-now { color: #ff4f51 !important; background-color: #ff4f51 !important; fill: #ff4f51 !important; border-color: #ff4f51 !important } .btn-foxtel-now:hover { color: #ff2629 !important; background-color: #ff2629 !important; fill: #ff2629 !important; border-color: #ff2629 !important } .btn-foxtel-now:after { color: #ff4f51 !important } .btn-free { color: #1952a7 !important; background-color: #1952a7 !important; fill: #1952a7 !important; border-color: #1952a7 !important } .btn-free:hover { color: #144184 !important; background-color: #144184 !important; fill: #144184 !important; border-color: #144184 !important } .btn-free:after { color: #1952a7 !important } .btn-freeform { color: #009483 !important; background-color: #009483 !important; fill: #009483 !important; border-color: #009483 !important } .btn-freeform:hover { color: #006b5f !important; background-color: #006b5f !important; fill: #006b5f !important; border-color: #006b5f !important } .btn-freeform:after { color: #009483 !important } .btn-freevee { color: #311556 !important; background-color: #311556 !important; fill: #311556 !important; border-color: #311556 !important } .btn-freevee:hover { color: #1e0d35 !important; background-color: #1e0d35 !important; fill: #1e0d35 !important; border-color: #1e0d35 !important } .btn-freevee:after { color: #311556 !important } .btn-fubotv { color: #f6891f !important; background-color: #f6891f !important; fill: #f6891f !important; border-color: #f6891f !important } .btn-fubotv:hover { color: #e37509 !important; background-color: #e37509 !important; fill: #e37509 !important; border-color: #e37509 !important } .btn-fubotv:after { color: #f6891f !important } .btn-funimation-now { color: #400099 !important; background-color: #400099 !important; fill: #400099 !important; border-color: #400099 !important } .btn-funimation-now:hover { color: #2f0070 !important; background-color: #2f0070 !important; fill: #2f0070 !important; border-color: #2f0070 !important } .btn-funimation-now:after { color: #400099 !important } .btn-fyi { color: #106755 !important; background-color: #106755 !important; fill: #106755 !important; border-color: #106755 !important } .btn-fyi:hover { color: #0b4438 !important; background-color: #0b4438 !important; fill: #0b4438 !important; border-color: #0b4438 !important } .btn-fyi:after { color: #106755 !important } .btn-gameflow-tv { color: #ffbf00 !important; background-color: #ffbf00 !important; fill: #ffbf00 !important; border-color: #ffbf00 !important } .btn-gameflow-tv:hover { color: #d6a000 !important; background-color: #d6a000 !important; fill: #d6a000 !important; border-color: #d6a000 !important } .btn-gameflow-tv:after { color: #ffbf00 !important } .btn-genflix { color: #f49813 !important; background-color: #f49813 !important; fill: #f49813 !important; border-color: #f49813 !important } .btn-genflix:hover { color: #d4820a !important; background-color: #d4820a !important; fill: #d4820a !important; border-color: #d4820a !important } .btn-genflix:after { color: #f49813 !important } .btn-glewedtv { color: #ef6623 !important; background-color: #ef6623 !important; fill: #ef6623 !important; border-color: #ef6623 !important } .btn-glewedtv:hover { color: #d95210 !important; background-color: #d95210 !important; fill: #d95210 !important; border-color: #d95210 !important } .btn-glewedtv:after { color: #ef6623 !important } .btn-globoplay { color: #fb201f !important; background-color: #fb201f !important; fill: #fb201f !important; border-color: #fb201f !important } .btn-globoplay:hover { color: #ed0504 !important; background-color: #ed0504 !important; fill: #ed0504 !important; border-color: #ed0504 !important } .btn-globoplay:after { color: #fb201f !important } .btn-go3 { color: red !important; background-color: red !important; fill: red !important; border-color: red !important } .btn-go3:hover { color: #d60000 !important; background-color: #d60000 !important; fill: #d60000 !important; border-color: #d60000 !important } .btn-go3:after { color: red !important } .btn-gol-mundial { color: #970a31 !important; background-color: #970a31 !important; fill: #970a31 !important; border-color: #970a31 !important } .btn-gol-mundial:hover { color: #710725 !important; background-color: #710725 !important; fill: #710725 !important; border-color: #710725 !important } .btn-gol-mundial:after { color: #970a31 !important } .btn-google-play { color: #607d8b !important; background-color: #607d8b !important; fill: #607d8b !important; border-color: #607d8b !important } .btn-google-play:hover { color: #4f6773 !important; background-color: #4f6773 !important; fill: #4f6773 !important; border-color: #4f6773 !important } .btn-google-play:after { color: #607d8b !important } .btn-gospel-play { color: #ff9700 !important; background-color: #ff9700 !important; fill: #ff9700 !important; border-color: #ff9700 !important } .btn-gospel-play:hover { color: #d67f00 !important; background-color: #d67f00 !important; fill: #d67f00 !important; border-color: #d67f00 !important } .btn-gospel-play:after { color: #ff9700 !important } .btn-grjngo { color: #431b07 !important; background-color: #431b07 !important; fill: #431b07 !important; border-color: #431b07 !important } .btn-grjngo:hover { color: #1e0c03 !important; background-color: #1e0c03 !important; fill: #1e0c03 !important; border-color: #1e0c03 !important } .btn-grjngo:after { color: #431b07 !important } .btn-guidedoc { color: #0098db !important; background-color: #0098db !important; fill: #0098db !important; border-color: #0098db !important } .btn-guidedoc:hover { color: #007cb2 !important; background-color: #007cb2 !important; fill: #007cb2 !important; border-color: #007cb2 !important } .btn-guidedoc:after { color: #0098db !important } .btn-gyao { color: #e20066 !important; background-color: #e20066 !important; fill: #e20066 !important; border-color: #e20066 !important } .btn-gyao:hover { color: #b90054 !important; background-color: #b90054 !important; fill: #b90054 !important; border-color: #b90054 !important } .btn-gyao:after { color: #e20066 !important } .btn-hallmark { color: #e72330 !important; background-color: #e72330 !important; fill: #e72330 !important; border-color: #e72330 !important } .btn-hallmark:hover { color: #cb1622 !important; background-color: #cb1622 !important; fill: #cb1622 !important; border-color: #cb1622 !important } .btn-hallmark:after { color: #e72330 !important } .btn-hallmark-movies { color: #52337f !important; background-color: #52337f !important; fill: #52337f !important; border-color: #52337f !important } .btn-hallmark-movies:hover { color: #3f2762 !important; background-color: #3f2762 !important; fill: #3f2762 !important; border-color: #3f2762 !important } .btn-hallmark-movies:after { color: #52337f !important } .btn-hallmark-tv { color: #37a2c6 !important; background-color: #37a2c6 !important; fill: #37a2c6 !important; border-color: #37a2c6 !important } .btn-hallmark-tv:hover { color: #2e88a6 !important; background-color: #2e88a6 !important; fill: #2e88a6 !important; border-color: #2e88a6 !important } .btn-hallmark-tv:after { color: #37a2c6 !important } .btn-hayu { color: #f40072 !important; background-color: #f40072 !important; fill: #f40072 !important; border-color: #f40072 !important } .btn-hayu:hover { color: #cb005f !important; background-color: #cb005f !important; fill: #cb005f !important; border-color: #cb005f !important } .btn-hayu:after { color: #f40072 !important } .btn-hbo-max { color: #321491 !important; background-color: #321491 !important; fill: #321491 !important; border-color: #321491 !important } .btn-hbo-max:hover { color: #260f6d !important; background-color: #260f6d !important; fill: #260f6d !important; border-color: #260f6d !important } .btn-hbo-max:after { color: #321491 !important } .btn-here-tv { color: #932790 !important; background-color: #932790 !important; fill: #932790 !important; border-color: #932790 !important } .btn-here-tv:hover { color: #731e70 !important; background-color: #731e70 !important; fill: #731e70 !important; border-color: #731e70 !important } .btn-here-tv:after { color: #932790 !important } .btn-herzkino { color: #f57e20 !important; background-color: #f57e20 !important; fill: #f57e20 !important; border-color: #f57e20 !important } .btn-herzkino:hover { color: #e2690a !important; background-color: #e2690a !important; fill: #e2690a !important; border-color: #e2690a !important } .btn-herzkino:after { color: #f57e20 !important } .btn-hgtv { color: #00aad4 !important; background-color: #00aad4 !important; fill: #00aad4 !important; border-color: #00aad4 !important } .btn-hgtv:hover { color: #0089ab !important; background-color: #0089ab !important; fill: #0089ab !important; border-color: #0089ab !important } .btn-hgtv:after { color: #00aad4 !important } .btn-hi-yah { color: red !important; background-color: red !important; fill: red !important; border-color: red !important } .btn-hi-yah:hover { color: #d60000 !important; background-color: #d60000 !important; fill: #d60000 !important; border-color: #d60000 !important } .btn-hi-yah:after { color: red !important } .btn-hidive { color: #00aeee !important; background-color: #00aeee !important; fill: #00aeee !important; border-color: #00aeee !important } .btn-hidive:hover { color: #0090c5 !important; background-color: #0090c5 !important; fill: #0090c5 !important; border-color: #0090c5 !important } .btn-hidive:after { color: #00aeee !important } .btn-history-vault { color: #222a34 !important; background-color: #222a34 !important; fill: #222a34 !important; border-color: #222a34 !important } .btn-history-vault:hover { color: #12161b !important; background-color: #12161b !important; fill: #12161b !important; border-color: #12161b !important } .btn-history-vault:after { color: #222a34 !important } .btn-hoichoi { color: #f81103 !important; background-color: #f81103 !important; fill: #f81103 !important; border-color: #f81103 !important } .btn-hoichoi:hover { color: #d00e03 !important; background-color: #d00e03 !important; fill: #d00e03 !important; border-color: #d00e03 !important } .btn-hoichoi:after { color: #f81103 !important } .btn-hollystar { color: #ed027e !important; background-color: #ed027e !important; fill: #ed027e !important; border-color: #ed027e !important } .btn-hollystar:hover { color: #c50268 !important; background-color: #c50268 !important; fill: #c50268 !important; border-color: #c50268 !important } .btn-hollystar:after { color: #ed027e !important } .btn-hoopla { color: #00aeef !important; background-color: #00aeef !important; fill: #00aeef !important; border-color: #00aeef !important } .btn-hoopla:hover { color: #0090c6 !important; background-color: #0090c6 !important; fill: #0090c6 !important; border-color: #0090c6 !important } .btn-hoopla:after { color: #00aeef !important } .btn-hooq { color: #fcb735 !important; background-color: #fcb735 !important; fill: #fcb735 !important; border-color: #fcb735 !important } .btn-hooq:hover { color: #fba90d !important; background-color: #fba90d !important; fill: #fba90d !important; border-color: #fba90d !important } .btn-hooq:after { color: #fcb735 !important } .btn-hopster { color: #eb2d77 !important; background-color: #eb2d77 !important; fill: #eb2d77 !important; border-color: #eb2d77 !important } .btn-hopster:hover { color: #da1562 !important; background-color: #da1562 !important; fill: #da1562 !important; border-color: #da1562 !important } .btn-hopster:after { color: #eb2d77 !important } .btn-horrify { color: #df1021 !important; background-color: #df1021 !important; fill: #df1021 !important; border-color: #df1021 !important } .btn-horrify:hover { color: #b90d1b !important; background-color: #b90d1b !important; fill: #b90d1b !important; border-color: #b90d1b !important } .btn-horrify:after { color: #df1021 !important } .btn-hotstar { color: #1c2028 !important; background-color: #1c2028 !important; fill: #1c2028 !important; border-color: #1c2028 !important } .btn-hotstar:hover { color: #0b0d10 !important; background-color: #0b0d10 !important; fill: #0b0d10 !important; border-color: #0b0d10 !important } .btn-hotstar:after { color: #1c2028 !important } .btn-hotstar-disney { color: #163270 !important; background-color: #163270 !important; fill: #163270 !important; border-color: #163270 !important } .btn-hotstar-disney:hover { color: #0f234e !important; background-color: #0f234e !important; fill: #0f234e !important; border-color: #0f234e !important } .btn-hotstar-disney:after { color: #163270 !important } .btn-hrti { color: #727272 !important; background-color: #727272 !important; fill: #727272 !important; border-color: #727272 !important } .btn-hrti:hover { color: #5e5e5e !important; background-color: #5e5e5e !important; fill: #5e5e5e !important; border-color: #5e5e5e !important } .btn-hrti:after { color: #727272 !important } .btn-hulu { color: #6a3 !important; background-color: #6a3 !important; fill: #6a3 !important; border-color: #6a3 !important } .btn-hulu:hover { color: #538b2a !important; background-color: #538b2a !important; fill: #538b2a !important; border-color: #538b2a !important } .btn-hulu:after { color: #6a3 !important } .btn-hungama-play { color: #0873ba !important; background-color: #0873ba !important; fill: #0873ba !important; border-color: #0873ba !important } .btn-hungama-play:hover { color: #065b93 !important; background-color: #065b93 !important; fill: #065b93 !important; border-color: #065b93 !important } .btn-hungama-play:after { color: #0873ba !important } .btn-ibakatv { color: #52892b !important; background-color: #52892b !important; fill: #52892b !important; border-color: #52892b !important } .btn-ibakatv:hover { color: #3f6a21 !important; background-color: #3f6a21 !important; fill: #3f6a21 !important; border-color: #3f6a21 !important } .btn-ibakatv:after { color: #52892b !important } .btn-icc-tv { color: #017fc1 !important; background-color: #017fc1 !important; fill: #017fc1 !important; border-color: #017fc1 !important } .btn-icc-tv:hover { color: #016498 !important; background-color: #016498 !important; fill: #016498 !important; border-color: #016498 !important } .btn-icc-tv:after { color: #017fc1 !important } .btn-icitoutv { color: #50858b !important; background-color: #50858b !important; fill: #50858b !important; border-color: #50858b !important } .btn-icitoutv:hover { color: #416c71 !important; background-color: #416c71 !important; fill: #416c71 !important; border-color: #416c71 !important } .btn-icitoutv:after { color: #50858b !important } .btn-iffr { color: #45e58a !important; background-color: #45e58a !important; fill: #45e58a !important; border-color: #45e58a !important } .btn-iffr:hover { color: #21e073 !important; background-color: #21e073 !important; fill: #21e073 !important; border-color: #21e073 !important } .btn-iffr:after { color: #45e58a !important } .btn-iflix { color: #ed1c24 !important; background-color: #ed1c24 !important; fill: #ed1c24 !important; border-color: #ed1c24 !important } .btn-iflix:hover { color: #d01018 !important; background-color: #d01018 !important; fill: #d01018 !important; border-color: #d01018 !important } .btn-iflix:after { color: #ed1c24 !important } .btn-illico { color: #f7cc00 !important; background-color: #f7cc00 !important; fill: #f7cc00 !important; border-color: #f7cc00 !important } .btn-illico:hover { color: #ceaa00 !important; background-color: #ceaa00 !important; fill: #ceaa00 !important; border-color: #ceaa00 !important } .btn-illico:after { color: #f7cc00 !important } .btn-imdb-tv { color: #e8b706 !important; background-color: #e8b706 !important; fill: #e8b706 !important; border-color: #e8b706 !important } .btn-imdb-tv:hover { color: #c09805 !important; background-color: #c09805 !important; fill: #c09805 !important; border-color: #c09805 !important } .btn-imdb-tv:after { color: #e8b706 !important } .btn-ina-madelen { color: #0087b2 !important; background-color: #0087b2 !important; fill: #0087b2 !important; border-color: #0087b2 !important } .btn-ina-madelen:hover { color: #006889 !important; background-color: #006889 !important; fill: #006889 !important; border-color: #006889 !important } .btn-ina-madelen:after { color: #0087b2 !important } .btn-indieflix { color: #000e1d !important; background-color: #000e1d !important; fill: #000e1d !important; border-color: #000e1d !important } .btn-indieflix:hover { color: #000 !important; background-color: #000 !important; fill: #000 !important; border-color: #000 !important } .btn-indieflix:after { color: #000e1d !important } .btn-infinity, .btn-infinity-selection { color: #9757b9 !important; background-color: #9757b9 !important; fill: #9757b9 !important; border-color: #9757b9 !important } .btn-infinity:hover, .btn-infinity-selection:hover { color: #8244a3 !important; background-color: #8244a3 !important; fill: #8244a3 !important; border-color: #8244a3 !important } .btn-infinity:after, .btn-infinity-selection:after { color: #9757b9 !important } .btn-ipla { color: #95bf37 !important; background-color: #95bf37 !important; fill: #95bf37 !important; border-color: #95bf37 !important } .btn-ipla:hover { color: #7c9f2e !important; background-color: #7c9f2e !important; fill: #7c9f2e !important; border-color: #7c9f2e !important } .btn-ipla:after { color: #95bf37 !important } .btn-iqiyi { color: #6c9d33 !important; background-color: #6c9d33 !important; fill: #6c9d33 !important; border-color: #6c9d33 !important } .btn-iqiyi:hover { color: #577e29 !important; background-color: #577e29 !important; fill: #577e29 !important; border-color: #577e29 !important } .btn-iqiyi:after { color: #6c9d33 !important } .btn-irokotv { color: #bf2563 !important; background-color: #bf2563 !important; fill: #bf2563 !important; border-color: #bf2563 !important } .btn-irokotv:hover { color: #9d1e51 !important; background-color: #9d1e51 !important; fill: #9d1e51 !important; border-color: #9d1e51 !important } .btn-irokotv:after { color: #bf2563 !important } .btn-itv, .btn-itv-hub, .btn-itv-player { color: #19bec8 !important; background-color: #19bec8 !important; fill: #19bec8 !important; border-color: #19bec8 !important } .btn-itv:hover, .btn-itv-hub:hover, .btn-itv-player:hover { color: #149ca4 !important; background-color: #149ca4 !important; fill: #149ca4 !important; border-color: #149ca4 !important } .btn-itv:after, .btn-itv-hub:after, .btn-itv-player:after { color: #19bec8 !important } .btn-itvx { color: #deeb52 !important; background-color: #deeb52 !important; fill: #deeb52 !important; border-color: #deeb52 !important } .btn-itvx:hover { color: #d7e72d !important; background-color: #d7e72d !important; fill: #d7e72d !important; border-color: #d7e72d !important } .btn-itvx:after { color: #deeb52 !important } .btn-ivi { color: #e60040 !important; background-color: #e60040 !important; fill: #e60040 !important; border-color: #e60040 !important } .btn-ivi:hover { color: #bd0035 !important; background-color: #bd0035 !important; fill: #bd0035 !important; border-color: #bd0035 !important } .btn-ivi:after { color: #e60040 !important } .btn-iwanttfc { color: #1c2561 !important; background-color: #1c2561 !important; fill: #1c2561 !important; border-color: #1c2561 !important } .btn-iwanttfc:hover { color: #131941 !important; background-color: #131941 !important; fill: #131941 !important; border-color: #131941 !important } .btn-iwanttfc:after { color: #1c2561 !important } .btn-iwonder-full { color: #297baa !important; background-color: #297baa !important; fill: #297baa !important; border-color: #297baa !important } .btn-iwonder-full:hover { color: #216389 !important; background-color: #216389 !important; fill: #216389 !important; border-color: #216389 !important } .btn-iwonder-full:after { color: #297baa !important } .btn-jio-cinema { color: #8e0437 !important; background-color: #8e0437 !important; fill: #8e0437 !important; border-color: #8e0437 !important } .btn-jio-cinema:hover { color: #660328 !important; background-color: #660328 !important; fill: #660328 !important; border-color: #660328 !important } .btn-jio-cinema:after { color: #8e0437 !important } .btn-kanal-d-drama { color: #18191e !important; background-color: #18191e !important; fill: #18191e !important; border-color: #18191e !important } .btn-kanal-d-drama:hover { color: #060607 !important; background-color: #060607 !important; fill: #060607 !important; border-color: #060607 !important } .btn-kanal-d-drama:after { color: #18191e !important } .btn-kanopy { color: #cf1426 !important; background-color: #cf1426 !important; fill: #cf1426 !important; border-color: #cf1426 !important } .btn-kanopy:hover { color: #aa101f !important; background-color: #aa101f !important; fill: #aa101f !important; border-color: #aa101f !important } .btn-kanopy:after { color: #cf1426 !important } .btn-kika { color: #015b63 !important; background-color: #015b63 !important; fill: #015b63 !important; border-color: #015b63 !important } .btn-kika:hover { color: #01363b !important; background-color: #01363b !important; fill: #01363b !important; border-color: #01363b !important } .btn-kika:after { color: #015b63 !important } .btn-kino-film-collection { color: #08253a !important; background-color: #08253a !important; fill: #08253a !important; border-color: #08253a !important } .btn-kino-film-collection:hover { color: #030e16 !important; background-color: #030e16 !important; fill: #030e16 !important; border-color: #030e16 !important } .btn-kino-film-collection:after { color: #08253a !important } .btn-kino-now { color: #61cce1 !important; background-color: #61cce1 !important; fill: #61cce1 !important; border-color: #61cce1 !important } .btn-kino-now:hover { color: #3fc1da !important; background-color: #3fc1da !important; fill: #3fc1da !important; border-color: #3fc1da !important } .btn-kino-now:after { color: #61cce1 !important } .btn-kino-on-demand { color: #f6bc25 !important; background-color: #f6bc25 !important; fill: #f6bc25 !important; border-color: #f6bc25 !important } .btn-kino-on-demand:hover { color: #e9ab0a !important; background-color: #e9ab0a !important; fill: #e9ab0a !important; border-color: #e9ab0a !important } .btn-kino-on-demand:after { color: #f6bc25 !important } .btn-kinobox { color: #1412c5 !important; background-color: #1412c5 !important; fill: #1412c5 !important; border-color: #1412c5 !important } .btn-kinobox:hover { color: #100fa0 !important; background-color: #100fa0 !important; fill: #100fa0 !important; border-color: #100fa0 !important } .btn-kinobox:after { color: #1412c5 !important } .btn-kinopoisk { color: #f60 !important; background-color: #f60 !important; fill: #f60 !important; border-color: #f60 !important } .btn-kinopoisk:hover { color: #d65600 !important; background-color: #d65600 !important; fill: #d65600 !important; border-color: #d65600 !important } .btn-kinopoisk:after { color: #f60 !important } .btn-kinopop { color: #c3282e !important; background-color: #c3282e !important; fill: #c3282e !important; border-color: #c3282e !important } .btn-kinopop:hover { color: #a12126 !important; background-color: #a12126 !important; fill: #a12126 !important; border-color: #a12126 !important } .btn-kinopop:after { color: #c3282e !important } .btn-kividoo { color: #1cb8c9 !important; background-color: #1cb8c9 !important; fill: #1cb8c9 !important; border-color: #1cb8c9 !important } .btn-kividoo:hover { color: #1797a5 !important; background-color: #1797a5 !important; fill: #1797a5 !important; border-color: #1797a5 !important } .btn-kividoo:after { color: #1cb8c9 !important } .btn-kktv { color: #901c3b !important; background-color: #901c3b !important; fill: #901c3b !important; border-color: #901c3b !important } .btn-kktv:hover { color: #6e152d !important; background-color: #6e152d !important; fill: #6e152d !important; border-color: #6e152d !important } .btn-kktv:after { color: #901c3b !important } .btn-klassiki { color: #cd9630 !important; background-color: #cd9630 !important; fill: #cd9630 !important; border-color: #cd9630 !important } .btn-klassiki:hover { color: #ac7e28 !important; background-color: #ac7e28 !important; fill: #ac7e28 !important; border-color: #ac7e28 !important } .btn-klassiki:after { color: #cd9630 !important } .btn-klik-film { color: #ad0002 !important; background-color: #ad0002 !important; fill: #ad0002 !important; border-color: #ad0002 !important } .btn-klik-film:hover { color: #840002 !important; background-color: #840002 !important; fill: #840002 !important; border-color: #840002 !important } .btn-klik-film:after { color: #ad0002 !important } .btn-knowledge-network { color: #04aded !important; background-color: #04aded !important; fill: #04aded !important; border-color: #04aded !important } .btn-knowledge-network:hover { color: #0390c5 !important; background-color: #0390c5 !important; fill: #0390c5 !important; border-color: #0390c5 !important } .btn-knowledge-network:after { color: #04aded !important } .btn-koreaondemand { color: #119214 !important; background-color: #119214 !important; fill: #119214 !important; border-color: #119214 !important } .btn-koreaondemand:hover { color: #0d6d0f !important; background-color: #0d6d0f !important; fill: #0d6d0f !important; border-color: #0d6d0f !important } .btn-koreaondemand:after { color: #119214 !important } .btn-l-equipe { color: #e42829 !important; background-color: #e42829 !important; fill: #e42829 !important; border-color: #e42829 !important } .btn-l-equipe:hover { color: #ca191a !important; background-color: #ca191a !important; fill: #ca191a !important; border-color: #ca191a !important } .btn-l-equipe:after { color: #e42829 !important } .btn-la-cinetek { color: #15151c !important; background-color: #15151c !important; fill: #15151c !important; border-color: #15151c !important } .btn-la-cinetek:hover { color: #040405 !important; background-color: #040405 !important; fill: #040405 !important; border-color: #040405 !important } .btn-la-cinetek:after { color: #15151c !important } .btn-la-toile { color: #eab339 !important; background-color: #eab339 !important; fill: #eab339 !important; border-color: #eab339 !important } .btn-la-toile:hover { color: #e2a318 !important; background-color: #e2a318 !important; fill: #e2a318 !important; border-color: #e2a318 !important } .btn-la-toile:after { color: #eab339 !important } .btn-lepsi-tv { color: #f26f21 !important; background-color: #f26f21 !important; fill: #f26f21 !important; border-color: #f26f21 !important } .btn-lepsi-tv:hover { color: #dd5b0d !important; background-color: #dd5b0d !important; fill: #dd5b0d !important; border-color: #dd5b0d !important } .btn-lepsi-tv:after { color: #f26f21 !important } .btn-libreflix { color: #37abc8 !important; background-color: #37abc8 !important; fill: #37abc8 !important; border-color: #37abc8 !important } .btn-libreflix:hover { color: #2e90a8 !important; background-color: #2e90a8 !important; fill: #2e90a8 !important; border-color: #2e90a8 !important } .btn-libreflix:after { color: #37abc8 !important } .btn-lifetime { color: #ef3749 !important; background-color: #ef3749 !important; fill: #ef3749 !important; border-color: #ef3749 !important } .btn-lifetime:hover { color: #ea1328 !important; background-color: #ea1328 !important; fill: #ea1328 !important; border-color: #ea1328 !important } .btn-lifetime:after { color: #ef3749 !important } .btn-lifetime-movie-club { color: #ff114d !important; background-color: #ff114d !important; fill: #ff114d !important; border-color: #ff114d !important } .btn-lifetime-movie-club:hover { color: #e7003a !important; background-color: #e7003a !important; fill: #e7003a !important; border-color: #e7003a !important } .btn-lifetime-movie-club:after { color: #ff114d !important } .btn-ligue-1 { color: #081b3d !important; background-color: #081b3d !important; fill: #081b3d !important; border-color: #081b3d !important } .btn-ligue-1:hover { color: #030b19 !important; background-color: #030b19 !important; fill: #030b19 !important; border-color: #030b19 !important } .btn-ligue-1:after { color: #081b3d !important } .btn-line-tv { color: #00d145 !important; background-color: #00d145 !important; fill: #00d145 !important; border-color: #00d145 !important } .btn-line-tv:hover { color: #00a838 !important; background-color: #00a838 !important; fill: #00a838 !important; border-color: #00a838 !important } .btn-line-tv:after { color: #00d145 !important } .btn-lionsgate-plus { color: #006577 !important; background-color: #006577 !important; fill: #006577 !important; border-color: #006577 !important } .btn-lionsgate-plus:hover { color: #00424e !important; background-color: #00424e !important; fill: #00424e !important; border-color: #00424e !important } .btn-lionsgate-plus:after { color: #006577 !important } .btn-logo-tv { color: #0b2329 !important; background-color: #0b2329 !important; fill: #0b2329 !important; border-color: #0b2329 !important } .btn-logo-tv:hover { color: #020809 !important; background-color: #020809 !important; fill: #020809 !important; border-color: #020809 !important } .btn-logo-tv:after { color: #0b2329 !important } .btn-looke { color: #0065cf !important; background-color: #0065cf !important; fill: #0065cf !important; border-color: #0065cf !important } .btn-looke:hover { color: #0051a6 !important; background-color: #0051a6 !important; fill: #0051a6 !important; border-color: #0051a6 !important } .btn-looke:after { color: #0065cf !important } .btn-love-and-passion { color: #008b8f !important; background-color: #008b8f !important; fill: #008b8f !important; border-color: #008b8f !important } .btn-love-and-passion:hover { color: #006366 !important; background-color: #006366 !important; fill: #006366 !important; border-color: #006366 !important } .btn-love-and-passion:after { color: #008b8f !important } .btn-love-nature { color: #01b14c !important; background-color: #01b14c !important; fill: #01b14c !important; border-color: #01b14c !important } .btn-love-nature:hover { color: #01883b !important; background-color: #01883b !important; fill: #01883b !important; border-color: #01883b !important } .btn-love-nature:after { color: #01b14c !important } .btn-magellan-tv { color: #48c8f5 !important; background-color: #48c8f5 !important; fill: #48c8f5 !important; border-color: #48c8f5 !important } .btn-magellan-tv:hover { color: #21bcf3 !important; background-color: #21bcf3 !important; fill: #21bcf3 !important; border-color: #21bcf3 !important } .btn-magellan-tv:after { color: #48c8f5 !important } .btn-magenta-tv { color: #e20073 !important; background-color: #e20073 !important; fill: #e20073 !important; border-color: #e20073 !important } .btn-magenta-tv:hover { color: #b9005e !important; background-color: #b9005e !important; fill: #b9005e !important; border-color: #b9005e !important } .btn-magenta-tv:after { color: #e20073 !important } .btn-magnolia-selects { color: #018598 !important; background-color: #018598 !important; fill: #018598 !important; border-color: #018598 !important } .btn-magnolia-selects:hover { color: #01626f !important; background-color: #01626f !important; fill: #01626f !important; border-color: #01626f !important } .btn-magnolia-selects:after { color: #018598 !important } .btn-manoramamax { color: #281a59 !important; background-color: #281a59 !important; fill: #281a59 !important; border-color: #281a59 !important } .btn-manoramamax:hover { color: #1a1139 !important; background-color: #1a1139 !important; fill: #1a1139 !important; border-color: #1a1139 !important } .btn-manoramamax:after { color: #281a59 !important } .btn-marca-claro { color: #cb1617 !important; background-color: #cb1617 !important; fill: #cb1617 !important; border-color: #cb1617 !important } .btn-marca-claro:hover { color: #a61213 !important; background-color: #a61213 !important; fill: #a61213 !important; border-color: #a61213 !important } .btn-marca-claro:after { color: #cb1617 !important } .btn-martha-stewart-tv { color: #85cad1 !important; background-color: #85cad1 !important; fill: #85cad1 !important; border-color: #85cad1 !important } .btn-martha-stewart-tv:hover { color: #67bdc6 !important; background-color: #67bdc6 !important; fill: #67bdc6 !important; border-color: #67bdc6 !important } .btn-martha-stewart-tv:after { color: #85cad1 !important } .btn-max { color: #0f2ef2 !important; background-color: #0f2ef2 !important; fill: #0f2ef2 !important; border-color: #0f2ef2 !important } .btn-max:hover { color: #0b26cd !important; background-color: #0b26cd !important; fill: #0b26cd !important; border-color: #0b26cd !important } .btn-max:after { color: #0f2ef2 !important } .btn-max-stream { color: #1d3340 !important; background-color: #1d3340 !important; fill: #1d3340 !important; border-color: #1d3340 !important } .btn-max-stream:hover { color: #101d24 !important; background-color: #101d24 !important; fill: #101d24 !important; border-color: #101d24 !important } .btn-max-stream:after { color: #1d3340 !important } .btn-maxdome { color: #00a3ad !important; background-color: #00a3ad !important; fill: #00a3ad !important; border-color: #00a3ad !important } .btn-maxdome:hover { color: #007d84 !important; background-color: #007d84 !important; fill: #007d84 !important; border-color: #007d84 !important } .btn-maxdome:after { color: #00a3ad !important } .btn-maxdome-store { color: #ea9125 !important; background-color: #ea9125 !important; fill: #ea9125 !important; border-color: #ea9125 !important } .btn-maxdome-store:hover { color: #d27c14 !important; background-color: #d27c14 !important; fill: #d27c14 !important; border-color: #d27c14 !important } .btn-maxdome-store:after { color: #ea9125 !important } .btn-maxgo { color: #f2b312 !important; background-color: #f2b312 !important; fill: #f2b312 !important; border-color: #f2b312 !important } .btn-maxgo:hover { color: #d0990b !important; background-color: #d0990b !important; fill: #d0990b !important; border-color: #d0990b !important } .btn-maxgo:after { color: #f2b312 !important } .btn-mediaset-play { color: #8e31dc !important; background-color: #8e31dc !important; fill: #8e31dc !important; border-color: #8e31dc !important } .btn-mediaset-play:hover { color: #7921c3 !important; background-color: #7921c3 !important; fill: #7921c3 !important; border-color: #7921c3 !important } .btn-mediaset-play:after { color: #8e31dc !important } .btn-megabox { color: #662d91 !important; background-color: #662d91 !important; fill: #662d91 !important; border-color: #662d91 !important } .btn-megabox:hover { color: #502372 !important; background-color: #502372 !important; fill: #502372 !important; border-color: #502372 !important } .btn-megabox:after { color: #662d91 !important } .btn-mejane { color: #ef4722 !important; background-color: #ef4722 !important; fill: #ef4722 !important; border-color: #ef4722 !important } .btn-mejane:hover { color: #d93410 !important; background-color: #d93410 !important; fill: #d93410 !important; border-color: #d93410 !important } .btn-mejane:after { color: #ef4722 !important } .btn-meo { color: #0a99ab !important; background-color: #0a99ab !important; fill: #0a99ab !important; border-color: #0a99ab !important } .btn-meo:hover { color: #087784 !important; background-color: #087784 !important; fill: #087784 !important; border-color: #087784 !important } .btn-meo:after { color: #0a99ab !important } .btn-metrograph { color: #011788 !important; background-color: #011788 !important; fill: #011788 !important; border-color: #011788 !important } .btn-metrograph:hover { color: #01105f !important; background-color: #01105f !important; fill: #01105f !important; border-color: #01105f !important } .btn-metrograph:after { color: #011788 !important } .btn-mgo { color: #f87401 !important; background-color: #f87401 !important; fill: #f87401 !important; border-color: #f87401 !important } .btn-mgo:hover { color: #cf6101 !important; background-color: #cf6101 !important; fill: #cf6101 !important; border-color: #cf6101 !important } .btn-mgo:after { color: #f87401 !important } .btn-mhz-choice { color: #ac1e2d !important; background-color: #ac1e2d !important; fill: #ac1e2d !important; border-color: #ac1e2d !important } .btn-mhz-choice:hover { color: #891824 !important; background-color: #891824 !important; fill: #891824 !important; border-color: #891824 !important } .btn-mhz-choice:after { color: #ac1e2d !important } .btn-microsoft { color: #0c447f !important; background-color: #0c447f !important; fill: #0c447f !important; border-color: #0c447f !important } .btn-microsoft:hover { color: #08305a !important; background-color: #08305a !important; fill: #08305a !important; border-color: #08305a !important } .btn-microsoft:after { color: #0c447f !important } .btn-mlb-tv, .btn-mlb-network { color: #041e42 !important; background-color: #041e42 !important; fill: #041e42 !important; border-color: #041e42 !important } .btn-mlb-tv:hover, .btn-mlb-network:hover { color: #020d1c !important; background-color: #020d1c !important; fill: #020d1c !important; border-color: #020d1c !important } .btn-mlb-tv:after, .btn-mlb-network:after { color: #041e42 !important } .btn-mola-tv { color: #084c7e !important; background-color: #084c7e !important; fill: #084c7e !important; border-color: #084c7e !important } .btn-mola-tv:hover { color: #063558 !important; background-color: #063558 !important; fill: #063558 !important; border-color: #063558 !important } .btn-mola-tv:after { color: #084c7e !important } .btn-molotov-tv { color: #fec31f !important; background-color: #fec31f !important; fill: #fec31f !important; border-color: #fec31f !important } .btn-molotov-tv:hover { color: #f3b301 !important; background-color: #f3b301 !important; fill: #f3b301 !important; border-color: #f3b301 !important } .btn-molotov-tv:after { color: #fec31f !important } .btn-motor-trend { color: #ff0303 !important; background-color: #ff0303 !important; fill: #ff0303 !important; border-color: #ff0303 !important } .btn-motor-trend:hover { color: #d90000 !important; background-color: #d90000 !important; fill: #d90000 !important; border-color: #d90000 !important } .btn-motor-trend:after { color: #ff0303 !important } .btn-moviesaints { color: #0089d1 !important; background-color: #0089d1 !important; fill: #0089d1 !important; border-color: #0089d1 !important } .btn-moviesaints:hover { color: #006ea8 !important; background-color: #006ea8 !important; fill: #006ea8 !important; border-color: #006ea8 !important } .btn-moviesaints:after { color: #0089d1 !important } .btn-movistar-play { color: #0da3da !important; background-color: #0da3da !important; fill: #0da3da !important; border-color: #0da3da !important } .btn-movistar-play:hover { color: #0b86b3 !important; background-color: #0b86b3 !important; fill: #0b86b3 !important; border-color: #0b86b3 !important } .btn-movistar-play:after { color: #0da3da !important } .btn-movistar-plus { color: #004f7c !important; background-color: #004f7c !important; fill: #004f7c !important; border-color: #004f7c !important } .btn-movistar-plus:hover { color: #003553 !important; background-color: #003553 !important; fill: #003553 !important; border-color: #003553 !important } .btn-movistar-plus:after { color: #004f7c !important } .btn-movistartv { color: #019df4 !important; background-color: #019df4 !important; fill: #019df4 !important; border-color: #019df4 !important } .btn-movistartv:hover { color: #0183cb !important; background-color: #0183cb !important; fill: #0183cb !important; border-color: #0183cb !important } .btn-movistartv:after { color: #019df4 !important } .btn-msnbc { color: #3062ff !important; background-color: #3062ff !important; fill: #3062ff !important; border-color: #3062ff !important } .btn-msnbc:hover { color: #0743ff !important; background-color: #0743ff !important; fill: #0743ff !important; border-color: #0743ff !important } .btn-msnbc:after { color: #3062ff !important } .btn-mubi { color: #009c7c !important; background-color: #009c7c !important; fill: #009c7c !important; border-color: #009c7c !important } .btn-mubi:hover { color: #00735c !important; background-color: #00735c !important; fill: #00735c !important; border-color: #00735c !important } .btn-mubi:after { color: #009c7c !important } .btn-mx-player { color: #3b8bef !important; background-color: #3b8bef !important; fill: #3b8bef !important; border-color: #3b8bef !important } .btn-mx-player:hover { color: #1575ec !important; background-color: #1575ec !important; fill: #1575ec !important; border-color: #1575ec !important } .btn-mx-player:after { color: #3b8bef !important } .btn-myfilmfriend { color: #10a7e8 !important; background-color: #10a7e8 !important; fill: #10a7e8 !important; border-color: #10a7e8 !important } .btn-myfilmfriend:hover { color: #0d8cc2 !important; background-color: #0d8cc2 !important; fill: #0d8cc2 !important; border-color: #0d8cc2 !important } .btn-myfilmfriend:after { color: #10a7e8 !important } .btn-myoutdoortv { color: #d05132 !important; background-color: #d05132 !important; fill: #d05132 !important; border-color: #d05132 !important } .btn-myoutdoortv:hover { color: #b14329 !important; background-color: #b14329 !important; fill: #b14329 !important; border-color: #b14329 !important } .btn-myoutdoortv:after { color: #d05132 !important } .btn-mytf1vod { color: #c90000 !important; background-color: #c90000 !important; fill: #c90000 !important; border-color: #c90000 !important } .btn-mytf1vod:hover { color: #a00000 !important; background-color: #a00000 !important; fill: #a00000 !important; border-color: #a00000 !important } .btn-mytf1vod:after { color: #c90000 !important } .btn-naver-store { color: #57b04b !important; background-color: #57b04b !important; fill: #57b04b !important; border-color: #57b04b !important } .btn-naver-store:hover { color: #49933f !important; background-color: #49933f !important; fill: #49933f !important; border-color: #49933f !important } .btn-naver-store:after { color: #57b04b !important } .btn-nba-league-pass, .btn-nba-tv { color: #1a4190 !important; background-color: #1a4190 !important; fill: #1a4190 !important; border-color: #1a4190 !important } .btn-nba-league-pass:hover, .btn-nba-tv:hover { color: #14316d !important; background-color: #14316d !important; fill: #14316d !important; border-color: #14316d !important } .btn-nba-league-pass:after, .btn-nba-tv:after { color: #1a4190 !important } .btn-netflix, .btn-netflix-kids, .btn-netflix-free, .btn-netflix-basic-with-ads { color: #e50914 !important; background-color: #e50914 !important; fill: #e50914 !important; border-color: #e50914 !important } .btn-netflix:hover, .btn-netflix-kids:hover, .btn-netflix-free:hover, .btn-netflix-basic-with-ads:hover { color: #be0711 !important; background-color: #be0711 !important; fill: #be0711 !important; border-color: #be0711 !important } .btn-netflix:after, .btn-netflix-kids:after, .btn-netflix-free:after, .btn-netflix-basic-with-ads:after { color: #e50914 !important } .btn-netmovies { color: #832182 !important; background-color: #832182 !important; fill: #832182 !important; border-color: #832182 !important } .btn-netmovies:hover { color: #621962 !important; background-color: #621962 !important; fill: #621962 !important; border-color: #621962 !important } .btn-netmovies:after { color: #832182 !important } .btn-netzkino { color: #6aace8 !important; background-color: #6aace8 !important; fill: #6aace8 !important; border-color: #6aace8 !important } .btn-netzkino:hover { color: #4798e3 !important; background-color: #4798e3 !important; fill: #4798e3 !important; border-color: #4798e3 !important } .btn-netzkino:after { color: #6aace8 !important } .btn-nexo-plus { color: #141b8f !important; background-color: #141b8f !important; fill: #141b8f !important; border-color: #141b8f !important } .btn-nexo-plus:hover { color: #0f146b !important; background-color: #0f146b !important; fill: #0f146b !important; border-color: #0f146b !important } .btn-nexo-plus:after { color: #141b8f !important } .btn-nfb { color: #729a4d !important; background-color: #729a4d !important; fill: #729a4d !important; border-color: #729a4d !important } .btn-nfb:hover { color: #5e7f3f !important; background-color: #5e7f3f !important; fill: #5e7f3f !important; border-color: #5e7f3f !important } .btn-nfb:after { color: #729a4d !important } .btn-nfl-plus, .btn-nfl-game-pass { color: #013369 !important; background-color: #013369 !important; fill: #013369 !important; border-color: #013369 !important } .btn-nfl-plus:hover, .btn-nfl-game-pass:hover { color: #011f41 !important; background-color: #011f41 !important; fill: #011f41 !important; border-color: #011f41 !important } .btn-nfl-plus:after, .btn-nfl-game-pass:after { color: #013369 !important } .btn-nick, .btn-nickelodeon, .btn-nickhits { color: #f57c14 !important; background-color: #f57c14 !important; fill: #f57c14 !important; border-color: #f57c14 !important } .btn-nick:hover, .btn-nickelodeon:hover, .btn-nickhits:hover { color: #d76809 !important; background-color: #d76809 !important; fill: #d76809 !important; border-color: #d76809 !important } .btn-nick:after, .btn-nickelodeon:after, .btn-nickhits:after { color: #f57c14 !important } .btn-nickjr { color: #f57c14 !important; background-color: #f57c14 !important; fill: #f57c14 !important; border-color: #f57c14 !important } .btn-nickjr:hover { color: #d76809 !important; background-color: #d76809 !important; fill: #d76809 !important; border-color: #d76809 !important } .btn-nickjr:after { color: #f57c14 !important } .btn-night-flight-plus { color: #03549f !important; background-color: #03549f !important; fill: #03549f !important; border-color: #03549f !important } .btn-night-flight-plus:hover { color: #023f77 !important; background-color: #023f77 !important; fill: #023f77 !important; border-color: #023f77 !important } .btn-night-flight-plus:after { color: #03549f !important } .btn-nlziet { color: #ff145a !important; background-color: #ff145a !important; fill: #ff145a !important; border-color: #ff145a !important } .btn-nlziet:hover { color: #ea0046 !important; background-color: #ea0046 !important; fill: #ea0046 !important; border-color: #ea0046 !important } .btn-nlziet:after { color: #ff145a !important } .btn-noggin { color: #1b4995 !important; background-color: #1b4995 !important; fill: #1b4995 !important; border-color: #1b4995 !important } .btn-noggin:hover { color: #153872 !important; background-color: #153872 !important; fill: #153872 !important; border-color: #153872 !important } .btn-noggin:after { color: #1b4995 !important } .btn-noovo { color: #303af4 !important; background-color: #303af4 !important; fill: #303af4 !important; border-color: #303af4 !important } .btn-noovo:hover { color: #0d18ef !important; background-color: #0d18ef !important; fill: #0d18ef !important; border-color: #0d18ef !important } .btn-noovo:after { color: #303af4 !important } .btn-nova-play { color: #02b3dd !important; background-color: #02b3dd !important; fill: #02b3dd !important; border-color: #02b3dd !important } .btn-nova-play:hover { color: #0292b5 !important; background-color: #0292b5 !important; fill: #0292b5 !important; border-color: #0292b5 !important } .btn-nova-play:after { color: #02b3dd !important } .btn-now-tv { color: #223153 !important; background-color: #223153 !important; fill: #223153 !important; border-color: #223153 !important } .btn-now-tv:hover { color: #162036 !important; background-color: #162036 !important; fill: #162036 !important; border-color: #162036 !important } .btn-now-tv:after { color: #223153 !important } .btn-now-tv-cinema { color: #025b61 !important; background-color: #025b61 !important; fill: #025b61 !important; border-color: #025b61 !important } .btn-now-tv-cinema:hover { color: #013539 !important; background-color: #013539 !important; fill: #013539 !important; border-color: #013539 !important } .btn-now-tv-cinema:after { color: #025b61 !important } .btn-npo-1 { color: #d9151b !important; background-color: #d9151b !important; fill: #d9151b !important; border-color: #d9151b !important } .btn-npo-1:hover { color: #b41116 !important; background-color: #b41116 !important; fill: #b41116 !important; border-color: #b41116 !important } .btn-npo-1:after { color: #d9151b !important } .btn-npo-2 { color: #079cdd !important; background-color: #079cdd !important; fill: #079cdd !important; border-color: #079cdd !important } .btn-npo-2:hover { color: #0680b5 !important; background-color: #0680b5 !important; fill: #0680b5 !important; border-color: #0680b5 !important } .btn-npo-2:after { color: #079cdd !important } .btn-npo-plus { color: #fd6b00 !important; background-color: #fd6b00 !important; fill: #fd6b00 !important; border-color: #fd6b00 !important } .btn-npo-plus:hover { color: #d45a00 !important; background-color: #d45a00 !important; fill: #d45a00 !important; border-color: #d45a00 !important } .btn-npo-plus:after { color: #fd6b00 !important } .btn-npo-start { color: #fe6b00 !important; background-color: #fe6b00 !important; fill: #fe6b00 !important; border-color: #fe6b00 !important } .btn-npo-start:hover { color: #d55a00 !important; background-color: #d55a00 !important; fill: #d55a00 !important; border-color: #d55a00 !important } .btn-npo-start:after { color: #fe6b00 !important } .btn-npo-zapp { color: #20ea02 !important; background-color: #20ea02 !important; fill: #20ea02 !important; border-color: #20ea02 !important } .btn-npo-zapp:hover { color: #1ac202 !important; background-color: #1ac202 !important; fill: #1ac202 !important; border-color: #1ac202 !important } .btn-npo-zapp:after { color: #20ea02 !important } .btn-nrk1 { color: #00b8f0 !important; background-color: #00b8f0 !important; fill: #00b8f0 !important; border-color: #00b8f0 !important } .btn-nrk1:hover { color: #0099c7 !important; background-color: #0099c7 !important; fill: #0099c7 !important; border-color: #0099c7 !important } .btn-nrk1:after { color: #00b8f0 !important } .btn-nrk2 { color: #dc1351 !important; background-color: #dc1351 !important; fill: #dc1351 !important; border-color: #dc1351 !important } .btn-nrk2:hover { color: #b61043 !important; background-color: #b61043 !important; fill: #b61043 !important; border-color: #b61043 !important } .btn-nrk2:after { color: #dc1351 !important } .btn-nrk3 { color: #91c63d !important; background-color: #91c63d !important; fill: #91c63d !important; border-color: #91c63d !important } .btn-nrk3:hover { color: #7ba932 !important; background-color: #7ba932 !important; fill: #7ba932 !important; border-color: #7ba932 !important } .btn-nrk3:after { color: #91c63d !important } .btn-nwsl { color: #1f2b5e !important; background-color: #1f2b5e !important; fill: #1f2b5e !important; border-color: #1f2b5e !important } .btn-nwsl:hover { color: #151d3f !important; background-color: #151d3f !important; fill: #151d3f !important; border-color: #151d3f !important } .btn-nwsl:after { color: #1f2b5e !important } .btn-o2-tv { color: #05052c !important; background-color: #05052c !important; fill: #05052c !important; border-color: #05052c !important } .btn-o2-tv:hover { color: #010107 !important; background-color: #010107 !important; fill: #010107 !important; border-color: #010107 !important } .btn-o2-tv:after { color: #05052c !important } .btn-ocs { color: #ed7f00 !important; background-color: #ed7f00 !important; fill: #ed7f00 !important; border-color: #ed7f00 !important } .btn-ocs:hover { color: #c46900 !important; background-color: #c46900 !important; fill: #c46900 !important; border-color: #c46900 !important } .btn-ocs:after { color: #ed7f00 !important } .btn-oi-play { color: #00c821 !important; background-color: #00c821 !important; fill: #00c821 !important; border-color: #00c821 !important } .btn-oi-play:hover { color: #009f1a !important; background-color: #009f1a !important; fill: #009f1a !important; border-color: #009f1a !important } .btn-oi-play:after { color: #00c821 !important } .btn-oldflix { color: #085399 !important; background-color: #085399 !important; fill: #085399 !important; border-color: #085399 !important } .btn-oldflix:hover { color: #063e72 !important; background-color: #063e72 !important; fill: #063e72 !important; border-color: #063e72 !important } .btn-oldflix:after { color: #085399 !important } .btn-orange-vod { color: #f60 !important; background-color: #f60 !important; fill: #f60 !important; border-color: #f60 !important } .btn-orange-vod:hover { color: #d65600 !important; background-color: #d65600 !important; fill: #d65600 !important; border-color: #d65600 !important } .btn-orange-vod:after { color: #f60 !important } .btn-osn { color: red !important; background-color: red !important; fill: red !important; border-color: red !important } .btn-osn:hover { color: #d60000 !important; background-color: #d60000 !important; fill: #d60000 !important; border-color: #d60000 !important } .btn-osn:after { color: red !important } .btn-otta { color: #86255a !important; background-color: #86255a !important; fill: #86255a !important; border-color: #86255a !important } .btn-otta:hover { color: #661c45 !important; background-color: #661c45 !important; fill: #661c45 !important; border-color: #661c45 !important } .btn-otta:after { color: #86255a !important } .btn-outtv { color: #da92bc !important; background-color: #da92bc !important; fill: #da92bc !important; border-color: #da92bc !important } .btn-outtv:hover { color: #d074a9 !important; background-color: #d074a9 !important; fill: #d074a9 !important; border-color: #d074a9 !important } .btn-outtv:after { color: #da92bc !important } .btn-ovid { color: #517f8e !important; background-color: #517f8e !important; fill: #517f8e !important; border-color: #517f8e !important } .btn-ovid:hover { color: #426874 !important; background-color: #426874 !important; fill: #426874 !important; border-color: #426874 !important } .btn-ovid:after { color: #517f8e !important } .btn-oxygen { color: #e2d505 !important; background-color: #e2d505 !important; fill: #e2d505 !important; border-color: #e2d505 !important } .btn-oxygen:hover { color: #baaf04 !important; background-color: #baaf04 !important; fill: #baaf04 !important; border-color: #baaf04 !important } .btn-oxygen:after { color: #e2d505 !important } .btn-ozflix { color: #139348 !important; background-color: #139348 !important; fill: #139348 !important; border-color: #139348 !important } .btn-ozflix:hover { color: #0e6f36 !important; background-color: #0e6f36 !important; fill: #0e6f36 !important; border-color: #0e6f36 !important } .btn-ozflix:after { color: #139348 !important } .btn-pantaya { color: #336768 !important; background-color: #336768 !important; fill: #336768 !important; border-color: #336768 !important } .btn-pantaya:hover { color: #264c4d !important; background-color: #264c4d !important; fill: #264c4d !important; border-color: #264c4d !important } .btn-pantaya:after { color: #336768 !important } .btn-paramount-network, .btn-paramount-movies { color: #16588f !important; background-color: #16588f !important; fill: #16588f !important; border-color: #16588f !important } .btn-paramount-network:hover, .btn-paramount-movies:hover { color: #11426c !important; background-color: #11426c !important; fill: #11426c !important; border-color: #11426c !important } .btn-paramount-network:after, .btn-paramount-movies:after { color: #16588f !important } .btn-paramount-plus { color: #0765f4 !important; background-color: #0765f4 !important; fill: #0765f4 !important; border-color: #0765f4 !important } .btn-paramount-plus:hover { color: #0655cc !important; background-color: #0655cc !important; fill: #0655cc !important; border-color: #0655cc !important } .btn-paramount-plus:after { color: #0765f4 !important } .btn-pash { color: #12af37 !important; background-color: #12af37 !important; fill: #12af37 !important; border-color: #12af37 !important } .btn-pash:hover { color: #0e8a2b !important; background-color: #0e8a2b !important; fill: #0e8a2b !important; border-color: #0e8a2b !important } .btn-pash:after { color: #12af37 !important } .btn-pass-warner { color: #111848 !important; background-color: #111848 !important; fill: #111848 !important; border-color: #111848 !important } .btn-pass-warner:hover { color: #090d27 !important; background-color: #090d27 !important; fill: #090d27 !important; border-color: #090d27 !important } .btn-pass-warner:after { color: #111848 !important } .btn-pathe-thuis { color: #fec139 !important; background-color: #fec139 !important; fill: #fec139 !important; border-color: #fec139 !important } .btn-pathe-thuis:hover { color: #feb410 !important; background-color: #feb410 !important; fill: #feb410 !important; border-color: #feb410 !important } .btn-pathe-thuis:after { color: #fec139 !important } .btn-pbs-kids { color: #b1cd49 !important; background-color: #b1cd49 !important; fill: #b1cd49 !important; border-color: #b1cd49 !important } .btn-pbs-kids:hover { color: #9dba33 !important; background-color: #9dba33 !important; fill: #9dba33 !important; border-color: #9dba33 !important } .btn-pbs-kids:after { color: #b1cd49 !important } .btn-pbs-masterpiece { color: #d22930 !important; background-color: #d22930 !important; fill: #d22930 !important; border-color: #d22930 !important } .btn-pbs-masterpiece:hover { color: #b02228 !important; background-color: #b02228 !important; fill: #b02228 !important; border-color: #b02228 !important } .btn-pbs-masterpiece:after { color: #d22930 !important } .btn-peacock-premium { color: #643ddf !important; background-color: #643ddf !important; fill: #643ddf !important; border-color: #643ddf !important } .btn-peacock-premium:hover { color: #4c22d1 !important; background-color: #4c22d1 !important; fill: #4c22d1 !important; border-color: #4c22d1 !important } .btn-peacock-premium:after { color: #643ddf !important } .btn-pickbox-now { color: #06a7e2 !important; background-color: #06a7e2 !important; fill: #06a7e2 !important; border-color: #06a7e2 !important } .btn-pickbox-now:hover { color: #058aba !important; background-color: #058aba !important; fill: #058aba !important; border-color: #058aba !important } .btn-pickbox-now:after { color: #06a7e2 !important } .btn-picl { color: #f98 !important; background-color: #f98 !important; fill: #f98 !important; border-color: #f98 !important } .btn-picl:hover { color: #ff765f !important; background-color: #ff765f !important; fill: #ff765f !important; border-color: #ff765f !important } .btn-picl:after { color: #f98 !important } .btn-play-sports { color: #43ad5f !important; background-color: #43ad5f !important; fill: #43ad5f !important; border-color: #43ad5f !important } .btn-play-sports:hover { color: #38904f !important; background-color: #38904f !important; fill: #38904f !important; border-color: #38904f !important } .btn-play-sports:after { color: #43ad5f !important } .btn-play-suisse { color: #c00625 !important; background-color: #c00625 !important; fill: #c00625 !important; border-color: #c00625 !important } .btn-play-suisse:hover { color: #98051d !important; background-color: #98051d !important; fill: #98051d !important; border-color: #98051d !important } .btn-play-suisse:after { color: #c00625 !important } .btn-player { color: #00c1e4 !important; background-color: #00c1e4 !important; fill: #00c1e4 !important; border-color: #00c1e4 !important } .btn-player:hover { color: #009ebb !important; background-color: #009ebb !important; fill: #009ebb !important; border-color: #009ebb !important } .btn-player:after { color: #00c1e4 !important } .btn-plejmo { color: #37206d !important; background-color: #37206d !important; fill: #37206d !important; border-color: #37206d !important } .btn-plejmo:hover { color: #27174d !important; background-color: #27174d !important; fill: #27174d !important; border-color: #27174d !important } .btn-plejmo:after { color: #37206d !important } .btn-pokemon { color: #2756f6 !important; background-color: #2756f6 !important; fill: #2756f6 !important; border-color: #2756f6 !important } .btn-pokemon:hover { color: #0a3dea !important; background-color: #0a3dea !important; fill: #0a3dea !important; border-color: #0a3dea !important } .btn-pokemon:after { color: #2756f6 !important } .btn-pongalo { color: #732b8b !important; background-color: #732b8b !important; fill: #732b8b !important; border-color: #732b8b !important } .btn-pongalo:hover { color: #59216c !important; background-color: #59216c !important; fill: #59216c !important; border-color: #59216c !important } .btn-pongalo:after { color: #732b8b !important } .btn-pooq { color: #8627e3 !important; background-color: #8627e3 !important; fill: #8627e3 !important; border-color: #8627e3 !important } .btn-pooq:hover { color: #721ac7 !important; background-color: #721ac7 !important; fill: #721ac7 !important; border-color: #721ac7 !important } .btn-pooq:after { color: #8627e3 !important } .btn-popcorn { color: #c6262a !important; background-color: #c6262a !important; fill: #c6262a !important; border-color: #c6262a !important } .btn-popcorn:hover { color: #a41f23 !important; background-color: #a41f23 !important; fill: #a41f23 !important; border-color: #a41f23 !important } .btn-popcorn:after { color: #c6262a !important } .btn-popcornflix { color: #e4470b !important; background-color: #e4470b !important; fill: #e4470b !important; border-color: #e4470b !important } .btn-popcornflix:hover { color: #bd3b09 !important; background-color: #bd3b09 !important; fill: #bd3b09 !important; border-color: #bd3b09 !important } .btn-popcornflix:after { color: #e4470b !important } .btn-popcorntimes { color: #14cbaf !important; background-color: #14cbaf !important; fill: #14cbaf !important; border-color: #14cbaf !important } .btn-popcorntimes:hover { color: #10a68f !important; background-color: #10a68f !important; fill: #10a68f !important; border-color: #10a68f !important } .btn-popcorntimes:after { color: #14cbaf !important } .btn-popflick { color: #08178c !important; background-color: #08178c !important; fill: #08178c !important; border-color: #08178c !important } .btn-popflick:hover { color: #061165 !important; background-color: #061165 !important; fill: #061165 !important; border-color: #061165 !important } .btn-popflick:after { color: #08178c !important } .btn-premiere { color: #1f4320 !important; background-color: #1f4320 !important; fill: #1f4320 !important; border-color: #1f4320 !important } .btn-premiere:hover { color: #122713 !important; background-color: #122713 !important; fill: #122713 !important; border-color: #122713 !important } .btn-premiere:after { color: #1f4320 !important } .btn-prtv { color: #1c1d53 !important; background-color: #1c1d53 !important; fill: #1c1d53 !important; border-color: #1c1d53 !important } .btn-prtv:hover { color: #121234 !important; background-color: #121234 !important; fill: #121234 !important; border-color: #121234 !important } .btn-prtv:after { color: #1c1d53 !important } .btn-pure-flix { color: #28aae1 !important; background-color: #28aae1 !important; fill: #28aae1 !important; border-color: #28aae1 !important } .btn-pure-flix:hover { color: #1b92c5 !important; background-color: #1b92c5 !important; fill: #1b92c5 !important; border-color: #1b92c5 !important } .btn-pure-flix:after { color: #28aae1 !important } .btn-qft-player { color: #1fb893 !important; background-color: #1fb893 !important; fill: #1fb893 !important; border-color: #1fb893 !important } .btn-qft-player:hover { color: #199577 !important; background-color: #199577 !important; fill: #199577 !important; border-color: #199577 !important } .btn-qft-player:after { color: #1fb893 !important } .btn-qubittv { color: #26c6da !important; background-color: #26c6da !important; fill: #26c6da !important; border-color: #26c6da !important } .btn-qubittv:hover { color: #1fa7b8 !important; background-color: #1fa7b8 !important; fill: #1fa7b8 !important; border-color: #1fa7b8 !important } .btn-qubittv:after { color: #26c6da !important } .btn-quibi { color: #7e26e7 !important; background-color: #7e26e7 !important; fill: #7e26e7 !important; border-color: #7e26e7 !important } .btn-quibi:hover { color: #6a17cd !important; background-color: #6a17cd !important; fill: #6a17cd !important; border-color: #6a17cd !important } .btn-quibi:after { color: #7e26e7 !important } .btn-quickflix, .btn-quickflix-store { color: #ed1b24 !important; background-color: #ed1b24 !important; fill: #ed1b24 !important; border-color: #ed1b24 !important } .btn-quickflix:hover, .btn-quickflix-store:hover { color: #cf1018 !important; background-color: #cf1018 !important; fill: #cf1018 !important; border-color: #cf1018 !important } .btn-quickflix:after, .btn-quickflix-store:after { color: #ed1b24 !important } .btn-rai-news, .btn-rai-sport { color: #009 !important; background-color: #009 !important; fill: #009 !important; border-color: #009 !important } .btn-rai-news:hover, .btn-rai-sport:hover { color: #000070 !important; background-color: #000070 !important; fill: #000070 !important; border-color: #000070 !important } .btn-rai-news:after, .btn-rai-sport:after { color: #009 !important } .btn-rai-play { color: #009ff8 !important; background-color: #009ff8 !important; fill: #009ff8 !important; border-color: #009ff8 !important } .btn-rai-play:hover { color: #0085cf !important; background-color: #0085cf !important; fill: #0085cf !important; border-color: #0085cf !important } .btn-rai-play:after { color: #009ff8 !important } .btn-rakuten-tv { color: #ba0000 !important; background-color: #ba0000 !important; fill: #ba0000 !important; border-color: #ba0000 !important } .btn-rakuten-tv:hover { color: #910000 !important; background-color: #910000 !important; fill: #910000 !important; border-color: #910000 !important } .btn-rakuten-tv:after { color: #ba0000 !important } .btn-rakuten-viki { color: #0d9bff !important; background-color: #0d9bff !important; fill: #0d9bff !important; border-color: #0d9bff !important } .btn-rakuten-viki:hover { color: #0085e3 !important; background-color: #0085e3 !important; fill: #0085e3 !important; border-color: #0085e3 !important } .btn-rakuten-viki:after { color: #0d9bff !important } .btn-rambler { color: #ff4a00 !important; background-color: #ff4a00 !important; fill: #ff4a00 !important; border-color: #ff4a00 !important } .btn-rambler:hover { color: #d63e00 !important; background-color: #d63e00 !important; fill: #d63e00 !important; border-color: #d63e00 !important } .btn-rambler:after { color: #ff4a00 !important } .btn-ran { color: #1757df !important; background-color: #1757df !important; fill: #1757df !important; border-color: #1757df !important } .btn-ran:hover { color: #1349ba !important; background-color: #1349ba !important; fill: #1349ba !important; border-color: #1349ba !important } .btn-ran:after { color: #1757df !important } .btn-raro-video { color: #e61933 !important; background-color: #e61933 !important; fill: #e61933 !important; border-color: #e61933 !important } .btn-raro-video:hover { color: #c1152b !important; background-color: #c1152b !important; fill: #c1152b !important; border-color: #c1152b !important } .btn-raro-video:after { color: #e61933 !important } .btn-rds { color: #ee1c23 !important; background-color: #ee1c23 !important; fill: #ee1c23 !important; border-color: #ee1c23 !important } .btn-rds:hover { color: #d21016 !important; background-color: #d21016 !important; fill: #d21016 !important; border-color: #d21016 !important } .btn-rds:after { color: #ee1c23 !important } .btn-redbox { color: #d8214d !important; background-color: #d8214d !important; fill: #d8214d !important; border-color: #d8214d !important } .btn-redbox:hover { color: #b51c40 !important; background-color: #b51c40 !important; fill: #b51c40 !important; border-color: #b51c40 !important } .btn-redbox:after { color: #d8214d !important } .btn-reserva-imovision { color: #f5333e !important; background-color: #f5333e !important; fill: #f5333e !important; border-color: #f5333e !important } .btn-reserva-imovision:hover { color: #f30c19 !important; background-color: #f30c19 !important; fill: #f30c19 !important; border-color: #f30c19 !important } .btn-reserva-imovision:after { color: #f5333e !important } .btn-reveel { color: #8c0002 !important; background-color: #8c0002 !important; fill: #8c0002 !important; border-color: #8c0002 !important } .btn-reveel:hover { color: #630001 !important; background-color: #630001 !important; fill: #630001 !important; border-color: #630001 !important } .btn-reveel:after { color: #8c0002 !important } .btn-revision3 { color: #8cc63f !important; background-color: #8cc63f !important; fill: #8cc63f !important; border-color: #8cc63f !important } .btn-revision3:hover { color: #77aa32 !important; background-color: #77aa32 !important; fill: #77aa32 !important; border-color: #77aa32 !important } .btn-revision3:after { color: #8cc63f !important } .btn-revry { color: #e46bb7 !important; background-color: #e46bb7 !important; fill: #e46bb7 !important; border-color: #e46bb7 !important } .btn-revry:hover { color: #de48a6 !important; background-color: #de48a6 !important; fill: #de48a6 !important; border-color: #de48a6 !important } .btn-revry:after { color: #e46bb7 !important } .btn-rialto { color: #85704d !important; background-color: #85704d !important; fill: #85704d !important; border-color: #85704d !important } .btn-rialto:hover { color: #6b5a3e !important; background-color: #6b5a3e !important; fill: #6b5a3e !important; border-color: #6b5a3e !important } .btn-rialto:after { color: #85704d !important } .btn-rmc-sport { color: #292884 !important; background-color: #292884 !important; fill: #292884 !important; border-color: #292884 !important } .btn-rmc-sport:hover { color: #1f1f65 !important; background-color: #1f1f65 !important; fill: #1f1f65 !important; border-color: #1f1f65 !important } .btn-rmc-sport:after { color: #292884 !important } .btn-roku { color: #672d91 !important; background-color: #672d91 !important; fill: #672d91 !important; border-color: #672d91 !important } .btn-roku:hover { color: #512372 !important; background-color: #512372 !important; fill: #512372 !important; border-color: #512372 !important } .btn-roku:after { color: #672d91 !important } .btn-rooster-teeth { color: #d0232b !important; background-color: #d0232b !important; fill: #d0232b !important; border-color: #d0232b !important } .btn-rooster-teeth:hover { color: #ad1d24 !important; background-color: #ad1d24 !important; fill: #ad1d24 !important; border-color: #ad1d24 !important } .btn-rooster-teeth:after { color: #d0232b !important } .btn-rtbf { color: #0060a1 !important; background-color: #0060a1 !important; fill: #0060a1 !important; border-color: #0060a1 !important } .btn-rtbf:hover { color: #004878 !important; background-color: #004878 !important; fill: #004878 !important; border-color: #004878 !important } .btn-rtbf:after { color: #0060a1 !important } .btn-rtl-crime { color: #0b36e9 !important; background-color: #0b36e9 !important; fill: #0b36e9 !important; border-color: #0b36e9 !important } .btn-rtl-crime:hover { color: #092dc2 !important; background-color: #092dc2 !important; fill: #092dc2 !important; border-color: #092dc2 !important } .btn-rtl-crime:after { color: #0b36e9 !important } .btn-rtl-passion { color: #c32864 !important; background-color: #c32864 !important; fill: #c32864 !important; border-color: #c32864 !important } .btn-rtl-passion:hover { color: #a12153 !important; background-color: #a12153 !important; fill: #a12153 !important; border-color: #a12153 !important } .btn-rtl-passion:after { color: #c32864 !important } .btn-rtl-play { color: #023188 !important; background-color: #023188 !important; fill: #023188 !important; border-color: #023188 !important } .btn-rtl-play:hover { color: #012360 !important; background-color: #012360 !important; fill: #012360 !important; border-color: #012360 !important } .btn-rtl-play:after { color: #023188 !important } .btn-rtpplay { color: #0074ff !important; background-color: #0074ff !important; fill: #0074ff !important; border-color: #0074ff !important } .btn-rtpplay:hover { color: #0061d6 !important; background-color: #0061d6 !important; fill: #0061d6 !important; border-color: #0061d6 !important } .btn-rtpplay:after { color: #0074ff !important } .btn-rtve { color: #e7551f !important; background-color: #e7551f !important; fill: #e7551f !important; border-color: #e7551f !important } .btn-rtve:hover { color: #c84615 !important; background-color: #c84615 !important; fill: #c84615 !important; border-color: #c84615 !important } .btn-rtve:after { color: #e7551f !important } .btn-ruutu { color: #00cbc7 !important; background-color: #00cbc7 !important; fill: #00cbc7 !important; border-color: #00cbc7 !important } .btn-ruutu:hover { color: #00a29f !important; background-color: #00a29f !important; fill: #00a29f !important; border-color: #00a29f !important } .btn-ruutu:after { color: #00cbc7 !important } .btn-s-sport-plus { color: #0033a0 !important; background-color: #0033a0 !important; fill: #0033a0 !important; border-color: #0033a0 !important } .btn-s-sport-plus:hover { color: #002677 !important; background-color: #002677 !important; fill: #002677 !important; border-color: #002677 !important } .btn-s-sport-plus:after { color: #0033a0 !important } .btn-salto { color: #020437 !important; background-color: #020437 !important; fill: #020437 !important; border-color: #020437 !important } .btn-salto:hover { color: #010110 !important; background-color: #010110 !important; fill: #010110 !important; border-color: #010110 !important } .btn-salto:after { color: #020437 !important } .btn-sat-1 { color: #ab2253 !important; background-color: #ab2253 !important; fill: #ab2253 !important; border-color: #ab2253 !important } .btn-sat-1:hover { color: #891b42 !important; background-color: #891b42 !important; fill: #891b42 !important; border-color: #891b42 !important } .btn-sat-1:after { color: #ab2253 !important } .btn-sbs { color: #ffb700 !important; background-color: #ffb700 !important; fill: #ffb700 !important; border-color: #ffb700 !important } .btn-sbs:hover { color: #d69a00 !important; background-color: #d69a00 !important; fill: #d69a00 !important; border-color: #d69a00 !important } .btn-sbs:after { color: #ffb700 !important } .btn-sbt-sports { color: #348f28 !important; background-color: #348f28 !important; fill: #348f28 !important; border-color: #348f28 !important } .btn-sbt-sports:hover { color: #286f1f !important; background-color: #286f1f !important; fill: #286f1f !important; border-color: #286f1f !important } .btn-sbt-sports:after { color: #348f28 !important } .btn-science, .btn-science-channel { color: #5d9fd3 !important; background-color: #5d9fd3 !important; fill: #5d9fd3 !important; border-color: #5d9fd3 !important } .btn-science:hover, .btn-science-channel:hover { color: #3d8cca !important; background-color: #3d8cca !important; fill: #3d8cca !important; border-color: #3d8cca !important } .btn-science:after, .btn-science-channel:after { color: #5d9fd3 !important } .btn-scifi { color: #7b0096 !important; background-color: #7b0096 !important; fill: #7b0096 !important; border-color: #7b0096 !important } .btn-scifi:hover { color: #5a006d !important; background-color: #5a006d !important; fill: #5a006d !important; border-color: #5a006d !important } .btn-scifi:after { color: #7b0096 !important } .btn-screambox { color: #0b0f11 !important; background-color: #0b0f11 !important; fill: #0b0f11 !important; border-color: #0b0f11 !important } .btn-screambox:hover { color: #000 !important; background-color: #000 !important; fill: #000 !important; border-color: #000 !important } .btn-screambox:after { color: #0b0f11 !important } .btn-screenpix { color: #909495 !important; background-color: #909495 !important; fill: #909495 !important; border-color: #909495 !important } .btn-screenpix:hover { color: #7b8081 !important; background-color: #7b8081 !important; fill: #7b8081 !important; border-color: #7b8081 !important } .btn-screenpix:after { color: #909495 !important } .btn-seeso { color: #1db7c3 !important; background-color: #1db7c3 !important; fill: #1db7c3 !important; border-color: #1db7c3 !important } .btn-seeso:hover { color: #18969f !important; background-color: #18969f !important; fill: #18969f !important; border-color: #18969f !important } .btn-seeso:after { color: #1db7c3 !important } .btn-serially { color: #ea1b48 !important; background-color: #ea1b48 !important; fill: #ea1b48 !important; border-color: #ea1b48 !important } .btn-serially:hover { color: #ca133a !important; background-color: #ca133a !important; fill: #ca133a !important; border-color: #ca133a !important } .btn-serially:after { color: #ea1b48 !important } .btn-seven-network { color: #e50000 !important; background-color: #e50000 !important; fill: #e50000 !important; border-color: #e50000 !important } .btn-seven-network:hover { color: #bc0000 !important; background-color: #bc0000 !important; fill: #bc0000 !important; border-color: #bc0000 !important } .btn-seven-network:after { color: #e50000 !important } .btn-sf-anytime { color: #c6071d !important; background-color: #c6071d !important; fill: #c6071d !important; border-color: #c6071d !important } .btn-sf-anytime:hover { color: #9f0617 !important; background-color: #9f0617 !important; fill: #9f0617 !important; border-color: #9f0617 !important } .btn-sf-anytime:after { color: #c6071d !important } .btn-sfr-play { color: #eb2e28 !important; background-color: #eb2e28 !important; fill: #eb2e28 !important; border-color: #eb2e28 !important } .btn-sfr-play:hover { color: #d61a14 !important; background-color: #d61a14 !important; fill: #d61a14 !important; border-color: #d61a14 !important } .btn-sfr-play:after { color: #eb2e28 !important } .btn-shadowz { color: #c60000 !important; background-color: #c60000 !important; fill: #c60000 !important; border-color: #c60000 !important } .btn-shadowz:hover { color: #9d0000 !important; background-color: #9d0000 !important; fill: #9d0000 !important; border-color: #9d0000 !important } .btn-shadowz:after { color: #c60000 !important } .btn-shahid-vip { color: #00b8c0 !important; background-color: #00b8c0 !important; fill: #00b8c0 !important; border-color: #00b8c0 !important } .btn-shahid-vip:hover { color: #009197 !important; background-color: #009197 !important; fill: #009197 !important; border-color: #009197 !important } .btn-shahid-vip:after { color: #00b8c0 !important } .btn-shemaroome { color: #d51e4f !important; background-color: #d51e4f !important; fill: #d51e4f !important; border-color: #d51e4f !important } .btn-shemaroome:hover { color: #b11942 !important; background-color: #b11942 !important; fill: #b11942 !important; border-color: #b11942 !important } .btn-shemaroome:after { color: #d51e4f !important } .btn-shortstv { color: #e01e26 !important; background-color: #e01e26 !important; fill: #e01e26 !important; border-color: #e01e26 !important } .btn-shortstv:hover { color: #bc1920 !important; background-color: #bc1920 !important; fill: #bc1920 !important; border-color: #bc1920 !important } .btn-shortstv:after { color: #e01e26 !important } .btn-shout-factory-tv { color: #e41936 !important; background-color: #e41936 !important; fill: #e41936 !important; border-color: #e41936 !important } .btn-shout-factory-tv:hover { color: #bf152d !important; background-color: #bf152d !important; fill: #bf152d !important; border-color: #bf152d !important } .btn-shout-factory-tv:after { color: #e41936 !important } .btn-showtime, .btn-showtime-anytime { color: #ed1c24 !important; background-color: #ed1c24 !important; fill: #ed1c24 !important; border-color: #ed1c24 !important } .btn-showtime:hover, .btn-showtime-anytime:hover { color: #d01018 !important; background-color: #d01018 !important; fill: #d01018 !important; border-color: #d01018 !important } .btn-showtime:after, .btn-showtime-anytime:after { color: #ed1c24 !important } .btn-shudder { color: #d52341 !important; background-color: #d52341 !important; fill: #d52341 !important; border-color: #d52341 !important } .btn-shudder:hover { color: #b21d36 !important; background-color: #b21d36 !important; fill: #b21d36 !important; border-color: #b21d36 !important } .btn-shudder:after { color: #d52341 !important } .btn-simpsons { color: #f6c945 !important; background-color: #f6c945 !important; fill: #f6c945 !important; border-color: #f6c945 !important } .btn-simpsons:hover { color: #f4be1e !important; background-color: #f4be1e !important; fill: #f4be1e !important; border-color: #f4be1e !important } .btn-simpsons:after { color: #f6c945 !important } .btn-sixplay { color: #2a2e39 !important; background-color: #2a2e39 !important; fill: #2a2e39 !important; border-color: #2a2e39 !important } .btn-sixplay:hover { color: #191b22 !important; background-color: #191b22 !important; fill: #191b22 !important; border-color: #191b22 !important } .btn-sixplay:after { color: #2a2e39 !important } .btn-sky-atlantic { color: #003166 !important; background-color: #003166 !important; fill: #003166 !important; border-color: #003166 !important } .btn-sky-atlantic:hover { color: #001d3d !important; background-color: #001d3d !important; fill: #001d3d !important; border-color: #001d3d !important } .btn-sky-atlantic:after { color: #003166 !important } .btn-sky-espana { color: #680091 !important; background-color: #680091 !important; fill: #680091 !important; border-color: #680091 !important } .btn-sky-espana:hover { color: #4b0068 !important; background-color: #4b0068 !important; fill: #4b0068 !important; border-color: #4b0068 !important } .btn-sky-espana:after { color: #680091 !important } .btn-sky-go { color: #0094d5 !important; background-color: #0094d5 !important; fill: #0094d5 !important; border-color: #0094d5 !important } .btn-sky-go:hover { color: #0078ac !important; background-color: #0078ac !important; fill: #0078ac !important; border-color: #0078ac !important } .btn-sky-go:after { color: #0094d5 !important } .btn-sky-sports { color: #e81211 !important; background-color: #e81211 !important; fill: #e81211 !important; border-color: #e81211 !important } .btn-sky-sports:hover { color: #c20f0e !important; background-color: #c20f0e !important; fill: #c20f0e !important; border-color: #c20f0e !important } .btn-sky-sports:after { color: #e81211 !important } .btn-sky-store { color: #092554 !important; background-color: #092554 !important; fill: #092554 !important; border-color: #092554 !important } .btn-sky-store:hover { color: #05152f !important; background-color: #05152f !important; fill: #05152f !important; border-color: #05152f !important } .btn-sky-store:after { color: #092554 !important } .btn-sky-ticket { color: #2072c6 !important; background-color: #2072c6 !important; fill: #2072c6 !important; border-color: #2072c6 !important } .btn-sky-ticket:hover { color: #1a5ea3 !important; background-color: #1a5ea3 !important; fill: #1a5ea3 !important; border-color: #1a5ea3 !important } .btn-sky-ticket:after { color: #2072c6 !important } .btn-sky-x { color: #2211c9 !important; background-color: #2211c9 !important; fill: #2211c9 !important; border-color: #2211c9 !important } .btn-sky-x:hover { color: #1c0ea3 !important; background-color: #1c0ea3 !important; fill: #1c0ea3 !important; border-color: #1c0ea3 !important } .btn-sky-x:after { color: #2211c9 !important } .btn-sky, .btn-sky1 { color: #0082dc !important; background-color: #0082dc !important; fill: #0082dc !important; border-color: #0082dc !important } .btn-sky:hover, .btn-sky1:hover { color: #006ab3 !important; background-color: #006ab3 !important; fill: #006ab3 !important; border-color: #006ab3 !important } .btn-sky:after, .btn-sky1:after { color: #0082dc !important } .btn-sling-tv-blue { color: #14abe0 !important; background-color: #14abe0 !important; fill: #14abe0 !important; border-color: #14abe0 !important } .btn-sling-tv-blue:hover { color: #118ebb !important; background-color: #118ebb !important; fill: #118ebb !important; border-color: #118ebb !important } .btn-sling-tv-blue:after { color: #14abe0 !important } .btn-sling-tv-orange { color: #faa71b !important; background-color: #faa71b !important; fill: #faa71b !important; border-color: #faa71b !important } .btn-sling-tv-orange:hover { color: #e79305 !important; background-color: #e79305 !important; fill: #e79305 !important; border-color: #e79305 !important } .btn-sling-tv-orange:after { color: #faa71b !important } .btn-sling-tv-orange-and-blue { color: #161725 !important; background-color: #161725 !important; fill: #161725 !important; border-color: #161725 !important } .btn-sling-tv-orange-and-blue:hover { color: #07070b !important; background-color: #07070b !important; fill: #07070b !important; border-color: #07070b !important } .btn-sling-tv-orange-and-blue:after { color: #161725 !important } .btn-sling-tv-sports-extra { color: #ce4c01 !important; background-color: #ce4c01 !important; fill: #ce4c01 !important; border-color: #ce4c01 !important } .btn-sling-tv-sports-extra:hover { color: #a53d01 !important; background-color: #a53d01 !important; fill: #a53d01 !important; border-color: #a53d01 !important } .btn-sling-tv-sports-extra:after { color: #ce4c01 !important } .btn-smithsonian { color: #c82511 !important; background-color: #c82511 !important; fill: #c82511 !important; border-color: #c82511 !important } .btn-smithsonian:hover { color: #a21e0e !important; background-color: #a21e0e !important; fill: #a21e0e !important; border-color: #a21e0e !important } .btn-smithsonian:after { color: #c82511 !important } .btn-sn-now { color: #013b67 !important; background-color: #013b67 !important; fill: #013b67 !important; border-color: #013b67 !important } .btn-sn-now:hover { color: #01243f !important; background-color: #01243f !important; fill: #01243f !important; border-color: #01243f !important } .btn-sn-now:after { color: #013b67 !important } .btn-snag-films { color: #2f8bcb !important; background-color: #2f8bcb !important; fill: #2f8bcb !important; border-color: #2f8bcb !important } .btn-snag-films:hover { color: #2774aa !important; background-color: #2774aa !important; fill: #2774aa !important; border-color: #2774aa !important } .btn-snag-films:after { color: #2f8bcb !important } .btn-sony { color: #0c172a !important; background-color: #0c172a !important; fill: #0c172a !important; border-color: #0c172a !important } .btn-sony:hover { color: #03060a !important; background-color: #03060a !important; fill: #03060a !important; border-color: #03060a !important } .btn-sony:after { color: #0c172a !important } .btn-sooner { color: #153957 !important; background-color: #153957 !important; fill: #153957 !important; border-color: #153957 !important } .btn-sooner:hover { color: #0d2336 !important; background-color: #0d2336 !important; fill: #0d2336 !important; border-color: #0d2336 !important } .btn-sooner:after { color: #153957 !important } .btn-space { color: #00afdc !important; background-color: #00afdc !important; fill: #00afdc !important; border-color: #00afdc !important } .btn-space:hover { color: #008fb3 !important; background-color: #008fb3 !important; fill: #008fb3 !important; border-color: #008fb3 !important } .btn-space:after { color: #00afdc !important } .btn-spamflix { color: #3558f2 !important; background-color: #3558f2 !important; fill: #3558f2 !important; border-color: #3558f2 !important } .btn-spamflix:hover { color: #0f39ef !important; background-color: #0f39ef !important; fill: #0f39ef !important; border-color: #0f39ef !important } .btn-spamflix:after { color: #3558f2 !important } .btn-spectrum-on-demand { color: #17639d !important; background-color: #17639d !important; fill: #17639d !important; border-color: #17639d !important } .btn-spectrum-on-demand:hover { color: #124d79 !important; background-color: #124d79 !important; fill: #124d79 !important; border-color: #124d79 !important } .btn-spectrum-on-demand:after { color: #17639d !important } .btn-spike-tv { color: #555 !important; background-color: #555 !important; fill: #555 !important; border-color: #555 !important } .btn-spike-tv:hover { color: #414141 !important; background-color: #414141 !important; fill: #414141 !important; border-color: #414141 !important } .btn-spike-tv:after { color: #555 !important } .btn-sportall { color: #336191 !important; background-color: #336191 !important; fill: #336191 !important; border-color: #336191 !important } .btn-sportall:hover { color: #284d73 !important; background-color: #284d73 !important; fill: #284d73 !important; border-color: #284d73 !important } .btn-sportall:after { color: #336191 !important } .btn-sportbild { color: #e60515 !important; background-color: #e60515 !important; fill: #e60515 !important; border-color: #e60515 !important } .btn-sportbild:hover { color: #be0411 !important; background-color: #be0411 !important; fill: #be0411 !important; border-color: #be0411 !important } .btn-sportbild:after { color: #e60515 !important } .btn-sportdigital { color: #00386b !important; background-color: #00386b !important; fill: #00386b !important; border-color: #00386b !important } .btn-sportdigital:hover { color: #002342 !important; background-color: #002342 !important; fill: #002342 !important; border-color: #002342 !important } .btn-sportdigital:after { color: #00386b !important } .btn-sportitalia { color: #152769 !important; background-color: #152769 !important; fill: #152769 !important; border-color: #152769 !important } .btn-sportitalia:hover { color: #0e1a47 !important; background-color: #0e1a47 !important; fill: #0e1a47 !important; border-color: #0e1a47 !important } .btn-sportitalia:after { color: #152769 !important } .btn-sports-illustrated { color: #dd1634 !important; background-color: #dd1634 !important; fill: #dd1634 !important; border-color: #dd1634 !important } .btn-sports-illustrated:hover { color: #b8122b !important; background-color: #b8122b !important; fill: #b8122b !important; border-color: #b8122b !important } .btn-sports-illustrated:after { color: #dd1634 !important } .btn-sportschau { color: #003060 !important; background-color: #003060 !important; fill: #003060 !important; border-color: #003060 !important } .btn-sportschau:hover { color: #001c37 !important; background-color: #001c37 !important; fill: #001c37 !important; border-color: #001c37 !important } .btn-sportschau:after { color: #003060 !important } .btn-sportv { color: #110c44 !important; background-color: #110c44 !important; fill: #110c44 !important; border-color: #110c44 !important } .btn-sportv:hover { color: #080621 !important; background-color: #080621 !important; fill: #080621 !important; border-color: #080621 !important } .btn-sportv:after { color: #110c44 !important } .btn-stan { color: #0072ff !important; background-color: #0072ff !important; fill: #0072ff !important; border-color: #0072ff !important } .btn-stan:hover { color: #0060d6 !important; background-color: #0060d6 !important; fill: #0060d6 !important; border-color: #0060d6 !important } .btn-stan:after { color: #0072ff !important } .btn-star-plus { color: #212b6c !important; background-color: #212b6c !important; fill: #212b6c !important; border-color: #212b6c !important } .btn-star-plus:hover { color: #171f4d !important; background-color: #171f4d !important; fill: #171f4d !important; border-color: #171f4d !important } .btn-star-plus:after { color: #212b6c !important } .btn-stingray { color: #0673dc !important; background-color: #0673dc !important; fill: #0673dc !important; border-color: #0673dc !important } .btn-stingray:hover { color: #055eb4 !important; background-color: #055eb4 !important; fill: #055eb4 !important; border-color: #055eb4 !important } .btn-stingray:after { color: #0673dc !important } .btn-strim { color: #012a2a !important; background-color: #012a2a !important; fill: #012a2a !important; border-color: #012a2a !important } .btn-strim:hover { color: #000202 !important; background-color: #000202 !important; fill: #000202 !important; border-color: #000202 !important } .btn-strim:after { color: #012a2a !important } .btn-sumotv { color: #f17c20 !important; background-color: #f17c20 !important; fill: #f17c20 !important; border-color: #f17c20 !important } .btn-sumotv:hover { color: #da680e !important; background-color: #da680e !important; fill: #da680e !important; border-color: #da680e !important } .btn-sumotv:after { color: #f17c20 !important } .btn-sun-nxt { color: #903 !important; background-color: #903 !important; fill: #903 !important; border-color: #903 !important } .btn-sun-nxt:hover { color: #700025 !important; background-color: #700025 !important; fill: #700025 !important; border-color: #700025 !important } .btn-sun-nxt:after { color: #903 !important } .btn-super-channel { color: #e84817 !important; background-color: #e84817 !important; fill: #e84817 !important; border-color: #e84817 !important } .btn-super-channel:hover { color: #c33c13 !important; background-color: #c33c13 !important; fill: #c33c13 !important; border-color: #c33c13 !important } .btn-super-channel:after { color: #e84817 !important } .btn-superpopcorn { color: #f89505 !important; background-color: #f89505 !important; fill: #f89505 !important; border-color: #f89505 !important } .btn-superpopcorn:hover { color: #d07d04 !important; background-color: #d07d04 !important; fill: #d07d04 !important; border-color: #d07d04 !important } .btn-superpopcorn:after { color: #f89505 !important } .btn-svt { color: #00c800 !important; background-color: #00c800 !important; fill: #00c800 !important; border-color: #00c800 !important } .btn-svt:hover { color: #009f00 !important; background-color: #009f00 !important; fill: #009f00 !important; border-color: #009f00 !important } .btn-svt:after { color: #00c800 !important } .btn-swisscom { color: #001054 !important; background-color: #001054 !important; fill: #001054 !important; border-color: #001054 !important } .btn-swisscom:hover { color: #00082b !important; background-color: #00082b !important; fill: #00082b !important; border-color: #00082b !important } .btn-swisscom:after { color: #001054 !important } .btn-syfy { color: #533173 !important; background-color: #533173 !important; fill: #533173 !important; border-color: #533173 !important } .btn-syfy:hover { color: #3e2556 !important; background-color: #3e2556 !important; fill: #3e2556 !important; border-color: #3e2556 !important } .btn-syfy:after { color: #533173 !important } .btn-takflix { color: #9000ff !important; background-color: #9000ff !important; fill: #9000ff !important; border-color: #9000ff !important } .btn-takflix:hover { color: #7900d6 !important; background-color: #7900d6 !important; fill: #7900d6 !important; border-color: #7900d6 !important } .btn-takflix:after { color: #9000ff !important } .btn-tata-play { color: #6500cf !important; background-color: #6500cf !important; fill: #6500cf !important; border-color: #6500cf !important } .btn-tata-play:hover { color: #5100a6 !important; background-color: #5100a6 !important; fill: #5100a6 !important; border-color: #5100a6 !important } .btn-tata-play:after { color: #6500cf !important } .btn-tata-sky { color: #4d88c7 !important; background-color: #4d88c7 !important; fill: #4d88c7 !important; border-color: #4d88c7 !important } .btn-tata-sky:hover { color: #3874b3 !important; background-color: #3874b3 !important; fill: #3874b3 !important; border-color: #3874b3 !important } .btn-tata-sky:after { color: #4d88c7 !important } .btn-tbs, .btn-tbs-superstation, .btn-tnt { color: #161b1f !important; background-color: #161b1f !important; fill: #161b1f !important; border-color: #161b1f !important } .btn-tbs:hover, .btn-tbs-superstation:hover, .btn-tnt:hover { color: #050607 !important; background-color: #050607 !important; fill: #050607 !important; border-color: #050607 !important } .btn-tbs:after, .btn-tbs-superstation:after, .btn-tnt:after { color: #161b1f !important } .btn-tcm { color: #3e8680 !important; background-color: #3e8680 !important; fill: #3e8680 !important; border-color: #3e8680 !important } .btn-tcm:hover { color: #316a65 !important; background-color: #316a65 !important; fill: #316a65 !important; border-color: #316a65 !important } .btn-tcm:after { color: #3e8680 !important } .btn-tele-5 { color: #e3002b !important; background-color: #e3002b !important; fill: #e3002b !important; border-color: #e3002b !important } .btn-tele-5:hover { color: #ba0023 !important; background-color: #ba0023 !important; fill: #ba0023 !important; border-color: #ba0023 !important } .btn-tele-5:after { color: #e3002b !important } .btn-telecine-play { color: #e63e33 !important; background-color: #e63e33 !important; fill: #e63e33 !important; border-color: #e63e33 !important } .btn-telecine-play:hover { color: #d6261a !important; background-color: #d6261a !important; fill: #d6261a !important; border-color: #d6261a !important } .btn-telecine-play:after { color: #e63e33 !important } .btn-telenet { color: #ffc421 !important; background-color: #ffc421 !important; fill: #ffc421 !important; border-color: #ffc421 !important } .btn-telenet:hover { color: #f7b600 !important; background-color: #f7b600 !important; fill: #f7b600 !important; border-color: #f7b600 !important } .btn-telenet:after { color: #ffc421 !important } .btn-teletoon-plus { color: #003f6b !important; background-color: #003f6b !important; fill: #003f6b !important; border-color: #003f6b !important } .btn-teletoon-plus:hover { color: #002742 !important; background-color: #002742 !important; fill: #002742 !important; border-color: #002742 !important } .btn-teletoon-plus:after { color: #003f6b !important } .btn-telia-play { color: #990ae3 !important; background-color: #990ae3 !important; fill: #990ae3 !important; border-color: #990ae3 !important } .btn-telia-play:hover { color: #7f08bc !important; background-color: #7f08bc !important; fill: #7f08bc !important; border-color: #7f08bc !important } .btn-telia-play:after { color: #990ae3 !important } .btn-telstra-tv { color: #50145c !important; background-color: #50145c !important; fill: #50145c !important; border-color: #50145c !important } .btn-telstra-tv:hover { color: #330d3a !important; background-color: #330d3a !important; fill: #330d3a !important; border-color: #330d3a !important } .btn-telstra-tv:after { color: #50145c !important } .btn-tennis-channel { color: #11492c !important; background-color: #11492c !important; fill: #11492c !important; border-color: #11492c !important } .btn-tennis-channel:hover { color: #092818 !important; background-color: #092818 !important; fill: #092818 !important; border-color: #092818 !important } .btn-tennis-channel:after { color: #11492c !important } .btn-tennis-tv { color: #152123 !important; background-color: #152123 !important; fill: #152123 !important; border-color: #152123 !important } .btn-tennis-tv:hover { color: #06090a !important; background-color: #06090a !important; fill: #06090a !important; border-color: #06090a !important } .btn-tennis-tv:after { color: #152123 !important } .btn-tenplay { color: #33bbef !important; background-color: #33bbef !important; fill: #33bbef !important; border-color: #33bbef !important } .btn-tenplay:hover { color: #12ace7 !important; background-color: #12ace7 !important; fill: #12ace7 !important; border-color: #12ace7 !important } .btn-tenplay:after { color: #33bbef !important } .btn-tf1 { color: #cc2229 !important; background-color: #cc2229 !important; fill: #cc2229 !important; border-color: #cc2229 !important } .btn-tf1:hover { color: #a91c22 !important; background-color: #a91c22 !important; fill: #a91c22 !important; border-color: #a91c22 !important } .btn-tf1:after { color: #cc2229 !important } .btn-the-fa-player { color: #0c70a1 !important; background-color: #0c70a1 !important; fill: #0c70a1 !important; border-color: #0c70a1 !important } .btn-the-fa-player:hover { color: #09567b !important; background-color: #09567b !important; fill: #09567b !important; border-color: #09567b !important } .btn-the-fa-player:after { color: #0c70a1 !important } .btn-thecw, .btn-the-cw { color: #267911 !important; background-color: #267911 !important; fill: #267911 !important; border-color: #267911 !important } .btn-thecw:hover, .btn-the-cw:hover { color: #1b550c !important; background-color: #1b550c !important; fill: #1b550c !important; border-color: #1b550c !important } .btn-thecw:after, .btn-the-cw:after { color: #267911 !important } .btn-threenow { color: #ff004f !important; background-color: #ff004f !important; fill: #ff004f !important; border-color: #ff004f !important } .btn-threenow:hover { color: #d60042 !important; background-color: #d60042 !important; fill: #d60042 !important; border-color: #d60042 !important } .btn-threenow:after { color: #ff004f !important } .btn-timvision { color: #00b5e2 !important; background-color: #00b5e2 !important; fill: #00b5e2 !important; border-color: #00b5e2 !important } .btn-timvision:hover { color: #0094b9 !important; background-color: #0094b9 !important; fill: #0094b9 !important; border-color: #0094b9 !important } .btn-timvision:after { color: #00b5e2 !important } .btn-tivibu { color: #0081cc !important; background-color: #0081cc !important; fill: #0081cc !important; border-color: #0081cc !important } .btn-tivibu:hover { color: #0067a3 !important; background-color: #0067a3 !important; fill: #0067a3 !important; border-color: #0067a3 !important } .btn-tivibu:after { color: #0081cc !important } .btn-tivify { color: #6bc1b2 !important; background-color: #6bc1b2 !important; fill: #6bc1b2 !important; border-color: #6bc1b2 !important } .btn-tivify:hover { color: #4eb5a3 !important; background-color: #4eb5a3 !important; fill: #4eb5a3 !important; border-color: #4eb5a3 !important } .btn-tivify:after { color: #6bc1b2 !important } .btn-tlc { color: #ee2d24 !important; background-color: #ee2d24 !important; fill: #ee2d24 !important; border-color: #ee2d24 !important } .btn-tlc:hover { color: #d81a11 !important; background-color: #d81a11 !important; fill: #d81a11 !important; border-color: #d81a11 !important } .btn-tlc:after { color: #ee2d24 !important } .btn-tln { color: #e2231a !important; background-color: #e2231a !important; fill: #e2231a !important; border-color: #e2231a !important } .btn-tln:hover { color: #bd1d16 !important; background-color: #bd1d16 !important; fill: #bd1d16 !important; border-color: #bd1d16 !important } .btn-tln:after { color: #e2231a !important } .btn-tnt-sports-go { color: #18077a !important; background-color: #18077a !important; fill: #18077a !important; border-color: #18077a !important } .btn-tnt-sports-go:hover { color: #100553 !important; background-color: #100553 !important; fill: #100553 !important; border-color: #100553 !important } .btn-tnt-sports-go:after { color: #18077a !important } .btn-tntgo { color: #f26c5e !important; background-color: #f26c5e !important; fill: #f26c5e !important; border-color: #f26c5e !important } .btn-tntgo:hover { color: #ef4a38 !important; background-color: #ef4a38 !important; fill: #ef4a38 !important; border-color: #ef4a38 !important } .btn-tntgo:after { color: #f26c5e !important } .btn-tod, .btn-tod-tv { color: #febd00 !important; background-color: #febd00 !important; fill: #febd00 !important; border-color: #febd00 !important } .btn-tod:hover, .btn-tod-tv:hover { color: #d59f00 !important; background-color: #d59f00 !important; fill: #d59f00 !important; border-color: #d59f00 !important } .btn-tod:after, .btn-tod-tv:after { color: #febd00 !important } .btn-tokyo-mx { color: #e7563a !important; background-color: #e7563a !important; fill: #e7563a !important; border-color: #e7563a !important } .btn-tokyo-mx:hover { color: #dd3a1b !important; background-color: #dd3a1b !important; fill: #dd3a1b !important; border-color: #dd3a1b !important } .btn-tokyo-mx:after { color: #e7563a !important } .btn-toon-goggles { color: #0e93ff !important; background-color: #0e93ff !important; fill: #0e93ff !important; border-color: #0e93ff !important } .btn-toon-goggles:hover { color: #007ee4 !important; background-color: #007ee4 !important; fill: #007ee4 !important; border-color: #007ee4 !important } .btn-toon-goggles:after { color: #0e93ff !important } .btn-travel-channel { color: #00beff !important; background-color: #00beff !important; fill: #00beff !important; border-color: #00beff !important } .btn-travel-channel:hover { color: #00a0d6 !important; background-color: #00a0d6 !important; fill: #00a0d6 !important; border-color: #00a0d6 !important } .btn-travel-channel:after { color: #00beff !important } .btn-triart-play { color: #ea1645 !important; background-color: #ea1645 !important; fill: #ea1645 !important; border-color: #ea1645 !important } .btn-triart-play:hover { color: #c5123a !important; background-color: #c5123a !important; fill: #c5123a !important; border-color: #c5123a !important } .btn-triart-play:after { color: #ea1645 !important } .btn-tribeca-shortlist { color: #582f8f !important; background-color: #582f8f !important; fill: #582f8f !important; border-color: #582f8f !important } .btn-tribeca-shortlist:hover { color: #452570 !important; background-color: #452570 !important; fill: #452570 !important; border-color: #452570 !important } .btn-tribeca-shortlist:after { color: #582f8f !important } .btn-trt-spor { color: #ed344e !important; background-color: #ed344e !important; fill: #ed344e !important; border-color: #ed344e !important } .btn-trt-spor:hover { color: #e41431 !important; background-color: #e41431 !important; fill: #e41431 !important; border-color: #e41431 !important } .btn-trt-spor:after { color: #ed344e !important } .btn-trt1 { color: #d32730 !important; background-color: #d32730 !important; fill: #d32730 !important; border-color: #d32730 !important } .btn-trt1:hover { color: #b12128 !important; background-color: #b12128 !important; fill: #b12128 !important; border-color: #b12128 !important } .btn-trt1:after { color: #d32730 !important } .btn-trutv { color: #c8dc53 !important; background-color: #c8dc53 !important; fill: #c8dc53 !important; border-color: #c8dc53 !important } .btn-trutv:hover { color: #bdd531 !important; background-color: #bdd531 !important; fill: #bdd531 !important; border-color: #bdd531 !important } .btn-trutv:after { color: #c8dc53 !important } .btn-tsn, .btn-tsn1, .btn-tsn2, .btn-tsn3, .btn-tsn4, .btn-tsn5, .btn-tsn-plus { color: #ed1d24 !important; background-color: #ed1d24 !important; fill: #ed1d24 !important; border-color: #ed1d24 !important } .btn-tsn:hover, .btn-tsn1:hover, .btn-tsn2:hover, .btn-tsn3:hover, .btn-tsn4:hover, .btn-tsn5:hover, .btn-tsn-plus:hover { color: #d11117 !important; background-color: #d11117 !important; fill: #d11117 !important; border-color: #d11117 !important } .btn-tsn:after, .btn-tsn1:after, .btn-tsn2:after, .btn-tsn3:after, .btn-tsn4:after, .btn-tsn5:after, .btn-tsn-plus:after { color: #ed1d24 !important } .btn-tubi-tv, .btn-tubi-tv-sports { color: #f90 !important; background-color: #f90 !important; fill: #f90 !important; border-color: #f90 !important } .btn-tubi-tv:hover, .btn-tubi-tv-sports:hover { color: #d68100 !important; background-color: #d68100 !important; fill: #d68100 !important; border-color: #d68100 !important } .btn-tubi-tv:after, .btn-tubi-tv-sports:after { color: #f90 !important } .btn-tudn { color: #007350 !important; background-color: #007350 !important; fill: #007350 !important; border-color: #007350 !important } .btn-tudn:hover { color: #004a34 !important; background-color: #004a34 !important; fill: #004a34 !important; border-color: #004a34 !important } .btn-tudn:after { color: #007350 !important } .btn-turk-on-video { color: #cd1316 !important; background-color: #cd1316 !important; fill: #cd1316 !important; border-color: #cd1316 !important } .btn-turk-on-video:hover { color: #a81012 !important; background-color: #a81012 !important; fill: #a81012 !important; border-color: #a81012 !important } .btn-turk-on-video:after { color: #cd1316 !important } .btn-turkcell-tv-plus { color: #387cc5 !important; background-color: #387cc5 !important; fill: #387cc5 !important; border-color: #387cc5 !important } .btn-turkcell-tv-plus:hover { color: #2f68a5 !important; background-color: #2f68a5 !important; fill: #2f68a5 !important; border-color: #2f68a5 !important } .btn-turkcell-tv-plus:after { color: #387cc5 !important } .btn-tv-2-play { color: #6f03ff !important; background-color: #6f03ff !important; fill: #6f03ff !important; border-color: #6f03ff !important } .btn-tv-2-play:hover { color: #5d00d9 !important; background-color: #5d00d9 !important; fill: #5d00d9 !important; border-color: #5d00d9 !important } .btn-tv-2-play:after { color: #6f03ff !important } .btn-tv-2, .btn-tv2 { color: #019ceb !important; background-color: #019ceb !important; fill: #019ceb !important; border-color: #019ceb !important } .btn-tv-2:hover, .btn-tv2:hover { color: #0181c2 !important; background-color: #0181c2 !important; fill: #0181c2 !important; border-color: #0181c2 !important } .btn-tv-2:after, .btn-tv2:after { color: #019ceb !important } .btn-tv-band { color: #008c44 !important; background-color: #008c44 !important; fill: #008c44 !important; border-color: #008c44 !important } .btn-tv-band:hover { color: #006330 !important; background-color: #006330 !important; fill: #006330 !important; border-color: #006330 !important } .btn-tv-band:after { color: #008c44 !important } .btn-tv-plus { color: #1b202a !important; background-color: #1b202a !important; fill: #1b202a !important; border-color: #1b202a !important } .btn-tv-plus:hover { color: #0b0d11 !important; background-color: #0b0d11 !important; fill: #0b0d11 !important; border-color: #0b0d11 !important } .btn-tv-plus:after { color: #1b202a !important } .btn-tv-tokyo { color: #002b60 !important; background-color: #002b60 !important; fill: #002b60 !important; border-color: #002b60 !important } .btn-tv-tokyo:hover { color: #001937 !important; background-color: #001937 !important; fill: #001937 !important; border-color: #001937 !important } .btn-tv-tokyo:after { color: #002b60 !important } .btn-tv2-norway { color: #37b036 !important; background-color: #37b036 !important; fill: #37b036 !important; border-color: #37b036 !important } .btn-tv2-norway:hover { color: #2d912c !important; background-color: #2d912c !important; fill: #2d912c !important; border-color: #2d912c !important } .btn-tv2-norway:after { color: #37b036 !important } .btn-tv4 { color: #cd1522 !important; background-color: #cd1522 !important; fill: #cd1522 !important; border-color: #cd1522 !important } .btn-tv4:hover { color: #a8111c !important; background-color: #a8111c !important; fill: #a8111c !important; border-color: #a8111c !important } .btn-tv4:after { color: #cd1522 !important } .btn-tva-sports { color: #282a44 !important; background-color: #282a44 !important; fill: #282a44 !important; border-color: #282a44 !important } .btn-tva-sports:hover { color: #191a2a !important; background-color: #191a2a !important; fill: #191a2a !important; border-color: #191a2a !important } .btn-tva-sports:after { color: #282a44 !important } .btn-tvcortos { color: #e01e26 !important; background-color: #e01e26 !important; fill: #e01e26 !important; border-color: #e01e26 !important } .btn-tvcortos:hover { color: #bc1920 !important; background-color: #bc1920 !important; fill: #bc1920 !important; border-color: #bc1920 !important } .btn-tvcortos:after { color: #e01e26 !important } .btn-tvf-play { color: #ffc105 !important; background-color: #ffc105 !important; fill: #ffc105 !important; border-color: #ffc105 !important } .btn-tvf-play:hover { color: #dba500 !important; background-color: #dba500 !important; fill: #dba500 !important; border-color: #dba500 !important } .btn-tvf-play:after { color: #ffc105 !important } .btn-tvigle { color: #fc6418 !important; background-color: #fc6418 !important; fill: #fc6418 !important; border-color: #fc6418 !important } .btn-tvigle:hover { color: #e84f03 !important; background-color: #e84f03 !important; fill: #e84f03 !important; border-color: #e84f03 !important } .btn-tvigle:after { color: #fc6418 !important } .btn-tving { color: #ff143c !important; background-color: #ff143c !important; fill: #ff143c !important; border-color: #ff143c !important } .btn-tving:hover { color: #ea0028 !important; background-color: #ea0028 !important; fill: #ea0028 !important; border-color: #ea0028 !important } .btn-tving:after { color: #ff143c !important } .btn-tvland { color: #294658 !important; background-color: #294658 !important; fill: #294658 !important; border-color: #294658 !important } .btn-tvland:hover { color: #1c303c !important; background-color: #1c303c !important; fill: #1c303c !important; border-color: #1c303c !important } .btn-tvland:after { color: #294658 !important } .btn-tvnorge { color: #e52119 !important; background-color: #e52119 !important; fill: #e52119 !important; border-color: #e52119 !important } .btn-tvnorge:hover { color: #c01c15 !important; background-color: #c01c15 !important; fill: #c01c15 !important; border-color: #c01c15 !important } .btn-tvnorge:after { color: #e52119 !important } .btn-tvnow { color: #162031 !important; background-color: #162031 !important; fill: #162031 !important; border-color: #162031 !important } .btn-tvnow:hover { color: #090e15 !important; background-color: #090e15 !important; fill: #090e15 !important; border-color: #090e15 !important } .btn-tvnow:after { color: #162031 !important } .btn-tvnz { color: #2b87e0 !important; background-color: #2b87e0 !important; fill: #2b87e0 !important; border-color: #2b87e0 !important } .btn-tvnz:hover { color: #1d72c5 !important; background-color: #1d72c5 !important; fill: #1d72c5 !important; border-color: #1d72c5 !important } .btn-tvnz:after { color: #2b87e0 !important } .btn-tvo { color: #ec1944 !important; background-color: #ec1944 !important; fill: #ec1944 !important; border-color: #ec1944 !important } .btn-tvo:hover { color: #cb1137 !important; background-color: #cb1137 !important; fill: #cb1137 !important; border-color: #cb1137 !important } .btn-tvo:after { color: #ec1944 !important } .btn-tvpublica { color: #123b80 !important; background-color: #123b80 !important; fill: #123b80 !important; border-color: #123b80 !important } .btn-tvpublica:hover { color: #0d2b5c !important; background-color: #0d2b5c !important; fill: #0d2b5c !important; border-color: #0d2b5c !important } .btn-tvpublica:after { color: #123b80 !important } .btn-twitch { color: #6441a4 !important; background-color: #6441a4 !important; fill: #6441a4 !important; border-color: #6441a4 !important } .btn-twitch:hover { color: #523587 !important; background-color: #523587 !important; fill: #523587 !important; border-color: #523587 !important } .btn-twitch:after { color: #6441a4 !important } .btn-tyc-sports { color: #213f7d !important; background-color: #213f7d !important; fill: #213f7d !important; border-color: #213f7d !important } .btn-tyc-sports:hover { color: #182f5d !important; background-color: #182f5d !important; fill: #182f5d !important; border-color: #182f5d !important } .btn-tyc-sports:after { color: #213f7d !important } .btn-u-next { color: #1482db !important; background-color: #1482db !important; fill: #1482db !important; border-color: #1482db !important } .btn-u-next:hover { color: #116cb6 !important; background-color: #116cb6 !important; fill: #116cb6 !important; border-color: #116cb6 !important } .btn-u-next:after { color: #1482db !important } .btn-uam-tv { color: #00a8ae !important; background-color: #00a8ae !important; fill: #00a8ae !important; border-color: #00a8ae !important } .btn-uam-tv:hover { color: #008185 !important; background-color: #008185 !important; fill: #008185 !important; border-color: #008185 !important } .btn-uam-tv:after { color: #00a8ae !important } .btn-ucicinemas { color: #004b96 !important; background-color: #004b96 !important; fill: #004b96 !important; border-color: #004b96 !important } .btn-ucicinemas:hover { color: #00376d !important; background-color: #00376d !important; fill: #00376d !important; border-color: #00376d !important } .btn-ucicinemas:after { color: #004b96 !important } .btn-uefa-tv { color: #01165f !important; background-color: #01165f !important; fill: #01165f !important; border-color: #01165f !important } .btn-uefa-tv:hover { color: #010d37 !important; background-color: #010d37 !important; fill: #010d37 !important; border-color: #010d37 !important } .btn-uefa-tv:after { color: #01165f !important } .btn-uktv-play { color: #00bac6 !important; background-color: #00bac6 !important; fill: #00bac6 !important; border-color: #00bac6 !important } .btn-uktv-play:hover { color: #00949d !important; background-color: #00949d !important; fill: #00949d !important; border-color: #00949d !important } .btn-uktv-play:after { color: #00bac6 !important } .btn-umc { color: #6c7f8d !important; background-color: #6c7f8d !important; fill: #6c7f8d !important; border-color: #6c7f8d !important } .btn-umc:hover { color: #5a6a76 !important; background-color: #5a6a76 !important; fill: #5a6a76 !important; border-color: #5a6a76 !important } .btn-umc:after { color: #6c7f8d !important } .btn-univer-video { color: #161c29 !important; background-color: #161c29 !important; fill: #161c29 !important; border-color: #161c29 !important } .btn-univer-video:hover { color: #080a0e !important; background-color: #080a0e !important; fill: #080a0e !important; border-color: #080a0e !important } .btn-univer-video:after { color: #161c29 !important } .btn-universcine { color: #ff0064 !important; background-color: #ff0064 !important; fill: #ff0064 !important; border-color: #ff0064 !important } .btn-universcine:hover { color: #d60054 !important; background-color: #d60054 !important; fill: #d60054 !important; border-color: #d60054 !important } .btn-universcine:after { color: #ff0064 !important } .btn-upc-tv { color: #239a98 !important; background-color: #239a98 !important; fill: #239a98 !important; border-color: #239a98 !important } .btn-upc-tv:hover { color: #1b7977 !important; background-color: #1b7977 !important; fill: #1b7977 !important; border-color: #1b7977 !important } .btn-upc-tv:after { color: #239a98 !important } .btn-upff { color: #23245a !important; background-color: #23245a !important; fill: #23245a !important; border-color: #23245a !important } .btn-upff:hover { color: #18183d !important; background-color: #18183d !important; fill: #18183d !important; border-color: #18183d !important } .btn-upff:after { color: #23245a !important } .btn-urc-tv { color: #00cde6 !important; background-color: #00cde6 !important; fill: #00cde6 !important; border-color: #00cde6 !important } .btn-urc-tv:hover { color: #00a9bd !important; background-color: #00a9bd !important; fill: #00a9bd !important; border-color: #00a9bd !important } .btn-urc-tv:after { color: #00cde6 !important } .btn-usa, .btn-usa-network { color: #0ab6e8 !important; background-color: #0ab6e8 !important; fill: #0ab6e8 !important; border-color: #0ab6e8 !important } .btn-usa:hover, .btn-usa-network:hover { color: #0897c1 !important; background-color: #0897c1 !important; fill: #0897c1 !important; border-color: #0897c1 !important } .btn-usa:after, .btn-usa-network:after { color: #0ab6e8 !important } .btn-velocity { color: #575352 !important; background-color: #575352 !important; fill: #575352 !important; border-color: #575352 !important } .btn-velocity:hover { color: #423f3e !important; background-color: #423f3e !important; fill: #423f3e !important; border-color: #423f3e !important } .btn-velocity:after { color: #575352 !important } .btn-vh1 { color: #941bc8 !important; background-color: #941bc8 !important; fill: #941bc8 !important; border-color: #941bc8 !important } .btn-vh1:hover { color: #7916a4 !important; background-color: #7916a4 !important; fill: #7916a4 !important; border-color: #7916a4 !important } .btn-vh1:after { color: #941bc8 !important } .btn-vi-movies-and-tv { color: #ef3f48 !important; background-color: #ef3f48 !important; fill: #ef3f48 !important; border-color: #ef3f48 !important } .btn-vi-movies-and-tv:hover { color: #ec1924 !important; background-color: #ec1924 !important; fill: #ec1924 !important; border-color: #ec1924 !important } .btn-vi-movies-and-tv:after { color: #ef3f48 !important } .btn-viafree { color: #ef5346 !important; background-color: #ef5346 !important; fill: #ef5346 !important; border-color: #ef5346 !important } .btn-viafree:hover { color: #ec3020 !important; background-color: #ec3020 !important; fill: #ec3020 !important; border-color: #ec3020 !important } .btn-viafree:after { color: #ef5346 !important } .btn-viaplay, .btn-viaplay-sports { color: #212d32 !important; background-color: #212d32 !important; fill: #212d32 !important; border-color: #212d32 !important } .btn-viaplay:hover, .btn-viaplay-sports:hover { color: #111719 !important; background-color: #111719 !important; fill: #111719 !important; border-color: #111719 !important } .btn-viaplay:after, .btn-viaplay-sports:after { color: #212d32 !important } .btn-videobuster { color: #016cb7 !important; background-color: #016cb7 !important; fill: #016cb7 !important; border-color: #016cb7 !important } .btn-videobuster:hover { color: #01548e !important; background-color: #01548e !important; fill: #01548e !important; border-color: #01548e !important } .btn-videobuster:after { color: #016cb7 !important } .btn-videoland { color: #e61a23 !important; background-color: #e61a23 !important; fill: #e61a23 !important; border-color: #e61a23 !important } .btn-videoland:hover { color: #c2151d !important; background-color: #c2151d !important; fill: #c2151d !important; border-color: #c2151d !important } .btn-videoland:after { color: #e61a23 !important } .btn-videoload { color: #d84142 !important; background-color: #d84142 !important; fill: #d84142 !important; border-color: #d84142 !important } .btn-videoload:hover { color: #c7292a !important; background-color: #c7292a !important; fill: #c7292a !important; border-color: #c7292a !important } .btn-videoload:after { color: #d84142 !important } .btn-vidio { color: #fc0f3a !important; background-color: #fc0f3a !important; fill: #fc0f3a !important; border-color: #fc0f3a !important } .btn-vidio:hover { color: #df032b !important; background-color: #df032b !important; fill: #df032b !important; border-color: #df032b !important } .btn-vidio:after { color: #fc0f3a !important } .btn-viewster { color: #f59719 !important; background-color: #f59719 !important; fill: #f59719 !important; border-color: #f59719 !important } .btn-viewster:hover { color: #dc820a !important; background-color: #dc820a !important; fill: #dc820a !important; border-color: #dc820a !important } .btn-viewster:after { color: #f59719 !important } .btn-virgin-tv { color: #ed2124 !important; background-color: #ed2124 !important; fill: #ed2124 !important; border-color: #ed2124 !important } .btn-virgin-tv:hover { color: #d41114 !important; background-color: #d41114 !important; fill: #d41114 !important; border-color: #d41114 !important } .btn-virgin-tv:after { color: #ed2124 !important } .btn-viu { color: #f5b919 !important; background-color: #f5b919 !important; fill: #f5b919 !important; border-color: #f5b919 !important } .btn-viu:hover { color: #dca20a !important; background-color: #dca20a !important; fill: #dca20a !important; border-color: #dca20a !important } .btn-viu:after { color: #f5b919 !important } .btn-vix-premium { color: #ff5300 !important; background-color: #ff5300 !important; fill: #ff5300 !important; border-color: #ff5300 !important } .btn-vix-premium:hover { color: #d64600 !important; background-color: #d64600 !important; fill: #d64600 !important; border-color: #d64600 !important } .btn-vix-premium:after { color: #ff5300 !important } .btn-vod-club { color: #63cbff !important; background-color: #63cbff !important; fill: #63cbff !important; border-color: #63cbff !important } .btn-vod-club:hover { color: #3abdff !important; background-color: #3abdff !important; fill: #3abdff !important; border-color: #3abdff !important } .btn-vod-club:after { color: #63cbff !important } .btn-vodacom-video-play { color: red !important; background-color: red !important; fill: red !important; border-color: red !important } .btn-vodacom-video-play:hover { color: #d60000 !important; background-color: #d60000 !important; fill: #d60000 !important; border-color: #d60000 !important } .btn-vodacom-video-play:after { color: red !important } .btn-vodafone { color: #e60100 !important; background-color: #e60100 !important; fill: #e60100 !important; border-color: #e60100 !important } .btn-vodafone:hover { color: #bd0100 !important; background-color: #bd0100 !important; fill: #bd0100 !important; border-color: #bd0100 !important } .btn-vodafone:after { color: #e60100 !important } .btn-volta { color: #434343 !important; background-color: #434343 !important; fill: #434343 !important; border-color: #434343 !important } .btn-volta:hover { color: #2f2f2f !important; background-color: #2f2f2f !important; fill: #2f2f2f !important; border-color: #2f2f2f !important } .btn-volta:after { color: #434343 !important } .btn-voot { color: #6b0cda !important; background-color: #6b0cda !important; fill: #6b0cda !important; border-color: #6b0cda !important } .btn-voot:hover { color: #580ab3 !important; background-color: #580ab3 !important; fill: #580ab3 !important; border-color: #580ab3 !important } .btn-voot:after { color: #6b0cda !important } .btn-voyo { color: #01b7d7 !important; background-color: #01b7d7 !important; fill: #01b7d7 !important; border-color: #01b7d7 !important } .btn-voyo:hover { color: #0194ae !important; background-color: #0194ae !important; fill: #0194ae !important; border-color: #0194ae !important } .btn-voyo:after { color: #01b7d7 !important } .btn-vrt-max { color: #fe4946 !important; background-color: #fe4946 !important; fill: #fe4946 !important; border-color: #fe4946 !important } .btn-vrt-max:hover { color: #fe211d !important; background-color: #fe211d !important; fill: #fe211d !important; border-color: #fe211d !important } .btn-vrt-max:after { color: #fe4946 !important } .btn-vrt-nu { color: #16284a !important; background-color: #16284a !important; fill: #16284a !important; border-color: #16284a !important } .btn-vrt-nu:hover { color: #0d172b !important; background-color: #0d172b !important; fill: #0d172b !important; border-color: #0d172b !important } .btn-vrt-nu:after { color: #16284a !important } .btn-vrv { color: #fdde00 !important; background-color: #fdde00 !important; fill: #fdde00 !important; border-color: #fdde00 !important } .btn-vrv:hover { color: #d4ba00 !important; background-color: #d4ba00 !important; fill: #d4ba00 !important; border-color: #d4ba00 !important } .btn-vrv:after { color: #fdde00 !important } .btn-vtm-go { color: #f0f !important; background-color: #f0f !important; fill: #f0f !important; border-color: #f0f !important } .btn-vtm-go:hover { color: #d600d6 !important; background-color: #d600d6 !important; fill: #d600d6 !important; border-color: #d600d6 !important } .btn-vtm-go:after { color: #f0f !important } .btn-vudu { color: #2c6dbd !important; background-color: #2c6dbd !important; fill: #2c6dbd !important; border-color: #2c6dbd !important } .btn-vudu:hover { color: #245a9c !important; background-color: #245a9c !important; fill: #245a9c !important; border-color: #245a9c !important } .btn-vudu:after { color: #2c6dbd !important } .btn-vvvvid { color: #fe2838 !important; background-color: #fe2838 !important; fill: #fe2838 !important; border-color: #fe2838 !important } .btn-vvvvid:hover { color: #fc0114 !important; background-color: #fc0114 !important; fill: #fc0114 !important; border-color: #fc0114 !important } .btn-vvvvid:after { color: #fe2838 !important } .btn-w9 { color: #6414b4 !important; background-color: #6414b4 !important; fill: #6414b4 !important; border-color: #6414b4 !important } .btn-w9:hover { color: #50108f !important; background-color: #50108f !important; fill: #50108f !important; border-color: #50108f !important } .btn-w9:after { color: #6414b4 !important } .btn-wakanim { color: #e82b2e !important; background-color: #e82b2e !important; fill: #e82b2e !important; border-color: #e82b2e !important } .btn-wakanim:hover { color: #d3171a !important; background-color: #d3171a !important; fill: #d3171a !important; border-color: #d3171a !important } .btn-wakanim:after { color: #e82b2e !important } .btn-watch4 { color: #1ba8e2 !important; background-color: #1ba8e2 !important; fill: #1ba8e2 !important; border-color: #1ba8e2 !important } .btn-watch4:hover { color: #178dbe !important; background-color: #178dbe !important; fill: #178dbe !important; border-color: #178dbe !important } .btn-watch4:after { color: #1ba8e2 !important } .btn-watcha { color: #ef3f75 !important; background-color: #ef3f75 !important; fill: #ef3f75 !important; border-color: #ef3f75 !important } .btn-watcha:hover { color: #ec195a !important; background-color: #ec195a !important; fill: #ec195a !important; border-color: #ec195a !important } .btn-watcha:after { color: #ef3f75 !important } .btn-wedotv { color: #d01c1f !important; background-color: #d01c1f !important; fill: #d01c1f !important; border-color: #d01c1f !important } .btn-wedotv:hover { color: #ac171a !important; background-color: #ac171a !important; fill: #ac171a !important; border-color: #ac171a !important } .btn-wedotv:after { color: #d01c1f !important } .btn-wetv { color: #212844 !important; background-color: #212844 !important; fill: #212844 !important; border-color: #212844 !important } .btn-wetv:hover { color: #141829 !important; background-color: #141829 !important; fill: #141829 !important; border-color: #141829 !important } .btn-wetv:after { color: #212844 !important } .btn-wink { color: #ff3900 !important; background-color: #ff3900 !important; fill: #ff3900 !important; border-color: #ff3900 !important } .btn-wink:hover { color: #d63000 !important; background-color: #d63000 !important; fill: #d63000 !important; border-color: #d63000 !important } .btn-wink:after { color: #ff3900 !important } .btn-wow { color: #084246 !important; background-color: #084246 !important; fill: #084246 !important; border-color: #084246 !important } .btn-wow:hover { color: #041f21 !important; background-color: #041f21 !important; fill: #041f21 !important; border-color: #041f21 !important } .btn-wow:after { color: #084246 !important } .btn-wow-presents-plus { color: #ff8101 !important; background-color: #ff8101 !important; fill: #ff8101 !important; border-color: #ff8101 !important } .btn-wow-presents-plus:hover { color: #d76c00 !important; background-color: #d76c00 !important; fill: #d76c00 !important; border-color: #d76c00 !important } .btn-wow-presents-plus:after { color: #ff8101 !important } .btn-wowow { color: #01165f !important; background-color: #01165f !important; fill: #01165f !important; border-color: #01165f !important } .btn-wowow:hover { color: #010d37 !important; background-color: #010d37 !important; fill: #010d37 !important; border-color: #010d37 !important } .btn-wowow:after { color: #01165f !important } .btn-wta-tv { color: #7814ff !important; background-color: #7814ff !important; fill: #7814ff !important; border-color: #7814ff !important } .btn-wta-tv:hover { color: #6400ea !important; background-color: #6400ea !important; fill: #6400ea !important; border-color: #6400ea !important } .btn-wta-tv:after { color: #7814ff !important } .btn-wwe { color: #231f20 !important; background-color: #231f20 !important; fill: #231f20 !important; border-color: #231f20 !important } .btn-wwe:hover { color: #0d0c0c !important; background-color: #0d0c0c !important; fill: #0d0c0c !important; border-color: #0d0c0c !important } .btn-wwe:after { color: #231f20 !important } .btn-xbox { color: #107c10 !important; background-color: #107c10 !important; fill: #107c10 !important; border-color: #107c10 !important } .btn-xbox:hover { color: #0b580b !important; background-color: #0b580b !important; fill: #0b580b !important; border-color: #0b580b !important } .btn-xbox:after { color: #107c10 !important } .btn-xfinity { color: #df1922 !important; background-color: #df1922 !important; fill: #df1922 !important; border-color: #df1922 !important } .btn-xfinity:hover { color: #ba151c !important; background-color: #ba151c !important; fill: #ba151c !important; border-color: #ba151c !important } .btn-xfinity:after { color: #df1922 !important } .btn-xumo-play { color: #bb2e76 !important; background-color: #bb2e76 !important; fill: #bb2e76 !important; border-color: #bb2e76 !important } .btn-xumo-play:hover { color: #9a2661 !important; background-color: #9a2661 !important; fill: #9a2661 !important; border-color: #9a2661 !important } .btn-xumo-play:after { color: #bb2e76 !important } .btn-yahoo, .btn-yahoo-screen { color: #44029a !important; background-color: #44029a !important; fill: #44029a !important; border-color: #44029a !important } .btn-yahoo:hover, .btn-yahoo-screen:hover { color: #320172 !important; background-color: #320172 !important; fill: #320172 !important; border-color: #320172 !important } .btn-yahoo:after, .btn-yahoo-screen:after { color: #44029a !important } .btn-yelo-play { color: #ffc520 !important; background-color: #ffc520 !important; fill: #ffc520 !important; border-color: #ffc520 !important } .btn-yelo-play:hover { color: #f6b600 !important; background-color: #f6b600 !important; fill: #f6b600 !important; border-color: #f6b600 !important } .btn-yelo-play:after { color: #ffc520 !important } .btn-youtube, .btn-youtube-red, .btn-youtube-premium, .btn-youtube-free { color: #cd201f !important; background-color: #cd201f !important; fill: #cd201f !important; border-color: #cd201f !important } .btn-youtube:hover, .btn-youtube-red:hover, .btn-youtube-premium:hover, .btn-youtube-free:hover { color: #aa1a1a !important; background-color: #aa1a1a !important; fill: #aa1a1a !important; border-color: #aa1a1a !important } .btn-youtube:after, .btn-youtube-red:after, .btn-youtube-premium:after, .btn-youtube-free:after { color: #cd201f !important } .btn-yupp-tv { color: #f37121 !important; background-color: #f37121 !important; fill: #f37121 !important; border-color: #f37121 !important } .btn-yupp-tv:hover { color: #df5c0c !important; background-color: #df5c0c !important; fill: #df5c0c !important; border-color: #df5c0c !important } .btn-yupp-tv:after { color: #f37121 !important } .btn-zdf-select { color: #f47f23 !important; background-color: #f47f23 !important; fill: #f47f23 !important; border-color: #f47f23 !important } .btn-zdf-select:hover { color: #e36a0b !important; background-color: #e36a0b !important; fill: #e36a0b !important; border-color: #e36a0b !important } .btn-zdf-select:after { color: #f47f23 !important } .btn-zdf, .btn-zdf-sport { color: #fa7d19 !important; background-color: #fa7d19 !important; fill: #fa7d19 !important; border-color: #fa7d19 !important } .btn-zdf:hover, .btn-zdf-sport:hover { color: #e56905 !important; background-color: #e56905 !important; fill: #e56905 !important; border-color: #e56905 !important } .btn-zdf:after, .btn-zdf-sport:after { color: #fa7d19 !important } .btn-ziggo { color: #f48c00 !important; background-color: #f48c00 !important; fill: #f48c00 !important; border-color: #f48c00 !important } .btn-ziggo:hover { color: #cb7500 !important; background-color: #cb7500 !important; fill: #cb7500 !important; border-color: #cb7500 !important } .btn-ziggo:after { color: #f48c00 !important } .btn-dashboard { min-height: 54px; padding: 0 !important; text-align: left; position: relative; transition: all .5s; color: #eee; margin-left: 25px; text-shadow: 0 0 20px #000 !important } .btn-dashboard .fa, .btn-dashboard [class^=fa-], .btn-dashboard [class*=" fa-"] { font-size: 30px; line-height: 54px; float: left } .btn-dashboard .arrow { margin-left: 10px; font-size: 20px; transition: all .5s } .btn-dashboard .year { float: left; font-family: proxima nova semibold; text-transform: uppercase; font-size: 38px; line-height: 54px; margin: 0 5px 0 10px } .btn-dashboard .text { float: left; height: 54px; padding: 11px 0; text-align: left; font-size: 14px; font-family: proxima nova semibold; text-transform: uppercase; line-height: 16px } .btn-dashboard .text .fa, .btn-dashboard .text [class^=fa-], .btn-dashboard .text [class*=" fa-"] { font-size: inherit; line-height: 1.1; float: none; font-size: 16px; margin-left: 5px } .btn-dashboard .text.two-lines { padding-top: 9px; line-height: 10px } .btn-dashboard a { color: #eee; text-decoration: none } .btn-dashboard:hover { color: #fff !important } @-webkit-keyframes fade-up-enter { 0% { opacity: 0; -webkit-transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fade-up-enter { 0% { opacity: 0; -webkit-transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-o-keyframes fade-up-enter { 0% { opacity: 0; -webkit-transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @keyframes fade-up-enter { 0% { opacity: 0; -webkit-transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-webkit-keyframes fade-up-leave { 0% { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px) } } @-moz-keyframes fade-up-leave { 0% { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px) } } @-o-keyframes fade-up-leave { 0% { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px) } } @keyframes fade-up-leave { 0% { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px) } } .animate-fade-up.ng-enter { -webkit-animation: .35s fade-up-enter; -moz-animation: .35s fade-up-enter; -o-animation: .35s fade-up-enter; animation: .35s fade-up-enter } @-webkit-keyframes animate-flip-y-enter { 0% { -webkit-transform: perspective(3000px) rotateY(90deg); opacity: 0 } 100% { -webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1 } } @-moz-keyframes animate-flip-y-enter { 0% { -webkit-transform: perspective(3000px) rotateY(90deg); opacity: 0 } 100% { -webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1 } } @-o-keyframes animate-flip-y-enter { 0% { -webkit-transform: perspective(3000px) rotateY(90deg); opacity: 0 } 100% { -webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1 } } @keyframes animate-flip-y-enter { 0% { -webkit-transform: perspective(3000px) rotateY(90deg); opacity: 0 } 100% { -webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1 } } @-webkit-keyframes animate-flip-y-leave { 0% { -webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(3000px) rotateY(-90deg); opacity: 0 } } @-moz-keyframes animate-flip-y-leave { 0% { -webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(3000px) rotateY(-90deg); opacity: 0 } } @-o-keyframes animate-flip-y-leave { 0% { -webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(3000px) rotateY(-90deg); opacity: 0 } } @keyframes animate-flip-y-leave { 0% { -webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(3000px) rotateY(-90deg); opacity: 0 } } .animate-flip-y.ng-enter { -webkit-animation: .5s animate-flip-y-enter; -moz-animation: .5s animate-flip-y-enter; -o-animation: .5s animate-flip-y-enter; animation: .5s animate-flip-y-enter } .animate-flip-y.ng-leave { -webkit-animation: .5s animate-flip-y-leave; -moz-animation: .5s animate-flip-y-leave; -o-animation: .5s animate-flip-y-leave; animation: .5s animate-flip-y-leave } @-webkit-keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px) } 100% { transform: translateY(0) } } @-moz-keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px) } 100% { transform: translateY(0) } } @-o-keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px) } 100% { transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px) } 100% { transform: translateY(0) } } @-webkit-keyframes slideOutUp { 0% { transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } @-moz-keyframes slideOutUp { 0% { transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } @-o-keyframes slideOutUp { 0% { transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } .animate-vertical-slide.ng-hide-add { -webkit-animation: .35s slideOutUp ease-in-out; -moz-animation: .35s slideOutUp ease-in-out; -o-animation: .35s slideOutUp ease-in-out; animation: .35s slideOutUp ease-in-out } .animate-vertical-slide.ng-hide-remove { -webkit-animation: .35s .35s slideInDown ease-in-out; -moz-animation: .35s .35s slideInDown ease-in-out; -o-animation: .35s .35s slideInDown ease-in-out; animation: .35s .35s slideInDown ease-in-out } @-webkit-keyframes growTilt { 50% { transform: scale(1.1) rotate(-10deg) } 100% { transform: scale(1) rotate(0deg) } } @-moz-keyframes growTilt { 50% { transform: scale(1.1) rotate(-10deg) } 100% { transform: scale(1) rotate(0deg) } } @-o-keyframes growTilt { 50% { transform: scale(1.1) rotate(-10deg) } 100% { transform: scale(1) rotate(0deg) } } @keyframes growTilt { 50% { transform: scale(1.1) rotate(-10deg) } 100% { transform: scale(1) rotate(0deg) } } .animate-grow-tilt { -webkit-animation: 1s growTilt ease-in-out; -moz-animation: 1s growTilt ease-in-out; -o-animation: 1s growTilt ease-in-out; animation: 1s growTilt ease-in-out } .badge-primary { background-color: #ed1c24 } .badge-success { background-color: #5cb85c } .badge-info { background-color: #5bc0de } .badge-warning { background-color: #f0ad4e } .badge-danger { background-color: #d9534f } .callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px } .callout h4 { margin-top: 0; margin-bottom: 5px } .callout p:last-child { margin-bottom: 0 } .callout.callout-primary { border-left-color: #ed1c24 } .callout.callout-primary h4 { color: #ed1c24 } .callout.callout-danger { border-left-color: #d9534f } .callout.callout-danger h4 { color: #d9534f } .callout.callout-warning { border-left-color: #f0ad4e } .callout.callout-warning h4 { color: #f0ad4e } .callout.callout-success { border-left-color: #5cb85c } .callout.callout-success h4 { color: #5cb85c } .callout.callout-info { border-left-color: #5bc0de } .callout.callout-info h4 { color: #5bc0de } .square-icon { display: block; text-align: center } .square-icon.sm { width: 35px; height: 35px; font-size: 16px; line-height: 35px } .label { padding: .5em .8em; border-radius: 0 } .label-info-alt { background: #5bc0de } .list-group-item { padding: 15px; border: 1px solid #f3f3f3 } .list-group-item > .label { float: right; padding: .4em .9em .5em; font-size: 12px } .panel .panel-heading { text-transform: uppercase; font-family: proxima nova bold; padding: 8px } .panel .panel-heading h1, .panel .panel-heading h2, .panel .panel-heading h3, .panel .panel-heading h4, .panel .panel-heading h5 { margin-top: 0 } .panel .panel-heading.collapse-toggle { cursor: pointer } .panel .panel-heading .label-vip { margin: -3px -9px 0 10px; float: right } .panel .panel-heading a { float: right; font-family: proxima nova; font-size: 11px; margin-top: 3px } .panel .panel-title { font-size: 14px } .panel-dark { border-color: #242633 } .panel-dark > .panel-heading { color: #fff; background-color: #242633; border-color: #242633 } .panel-dark > .panel-heading + .panel-collapse > .panel-body { border-top-color: #242633 } .panel-dark > .panel-heading .badge { color: #242633; background-color: #fff } .panel-dark > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #242633 } .panel-box { display: table; table-layout: fixed; width: 100%; height: 100%; text-align: center; border: none } .panel-box .panel-item { display: table-cell; padding: 30px; width: 1%; vertical-align: top; border-radius: 0 } .panel-box .panel-left { border-bottom-left-radius: 0; border-top-left-radius: 0 } .panel-box .panel-right { border-bottom-right-radius: 0; border-top-right-radius: 0 } .panel-box.info-box i { line-height: 70px } .panel-box .panel-top, .panel-box .panel-bottom { display: block } .panel-box .panel-top { padding: 30px 20px; border-top-right-radius: 0; border-top-left-radius: 0 } .panel-box .panel-bottom { padding: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .panel-box .panel-bottom p { margin: 0 } .panel-box .list-justified-container { padding: 15px 0 } .panel-box ul.list-justified { display: table; width: 100%; list-style: none; padding: 0 } .panel-box ul.list-justified > li { float: none; display: table-cell; padding: 10px; width: 1%; border-right: 1px solid #eee } .panel-box ul.list-justified > li:last-child { border: none } .panel-box ul.list-justified > li p { margin: 0 } .panel-box .panel-icon { display: block; margin: -75px auto 0; padding: 28px 35px 35px; border-radius: 50%; border: 10px solid #fff; width: 150px; height: 150px; line-height: 80px; text-align: center; font-size: 58px; text-shadow: -6px 8px 5px rgba(0, 0, 0, .3) } .mini-box { min-height: 105px; padding: 20px } .mini-box .box-icon { display: block; float: left; margin: 0 15px 10px 0; width: 65px; height: 65px; line-height: 65px; vertical-align: middle; text-align: center; font-size: 35px } .mini-box .box-icon.rounded { border-radius: 0 } .mini-box .box-info p { margin: 0 } .panel-profile { border: none } .panel-profile .profile { margin: 5px 15px 5px 5px; border-radius: 50%; -webkit-box-shadow: 0 0 0 5px #f14b52, 0 0 10px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 0 5px #f14b52, 0 0 10px 0 rgba(0, 0, 0, .2) } .panel-profile .profile img { border-radius: 50% } .panel-profile .list-group > li > i { margin-right: 10px; font-size: 16px; color: #999; table-layout: fixed } .panel-profile .list-justified-container { padding: 15px 0 } .panel-profile ul.list-justified { display: table; width: 100%; list-style: none; padding: 0 } .panel-profile ul.list-justified > li { float: none; display: table-cell; padding: 10px; width: 1%; border-right: 1px solid #eee } .panel-profile ul.list-justified > li:last-child { border: none } .panel-profile ul.list-justified > li p { margin: 0 } .pagination > li > a { cursor: pointer } .progress { -webkit-box-shadow: none; box-shadow: none; background-color: #fff } .progress.ticks { display: flex } .progress.ticks .progress-bar { transition: all .5s; flex: 1 } .progress[aria-valuenow="100"] { background-color: #ed1c24 !important } .progress-rounded { border-radius: 50px } .progress-bar { -webkit-box-shadow: none; box-shadow: none } .progress-bar.spacer { width: 0% !important; background-color: transparent } .progressbar-xs { height: 10px } .progressbar-sm { height: 15px } .under-progress-wrapper { margin: 0; height: 5px } .under-progress-wrapper .progress { height: 5px; background-color: #530d0d; margin: 0 } .under-progress-wrapper .progress .progress-bar.spacer { background-color: #530d0d } .nav-tab { background-color: #f5f5f5; border-bottom: 1px solid #ddd; margin-bottom: 0 } .nav-tab.nav-justified { border-bottom: 0 } .nav-tab.nav-justified > li > a { border-bottom-color: transparent } .nav-tab > li.active > a { background-color: #fff; border: 1px solid transparent } .nav-tab > li > a { padding: 10px 15px } .nav-tab > li > a:hover { background-color: #f0f0f0 } .twitter-typeahead { width: 100% } .tt-dropdown-menu { min-width: 100%; background: #fff; border: 1px solid #eee; margin-top: 2px } .tt-dropdown-menu .tt-suggestions { margin: 10px } .tt-dropdown-menu .tt-suggestions .tt-suggestion { cursor: pointer; padding: 0 10px; font-size: 13px; line-height: 33px; border: 1px solid #e1e1e1; border-radius: 1px; margin-bottom: 5px } .tt-dropdown-menu .tt-suggestions .tt-suggestion:last-child { margin-bottom: 0 } .tt-dropdown-menu .tt-suggestions .tt-suggestion .tt-custom-suggestion .tt-name { text-transform: capitalize; font-size: 1.2em; font-weight: 400 } .tt-dropdown-menu .tt-suggestions .tt-suggestion .tt-custom-suggestion .tt-info { line-height: 15px } .tt-dropdown-menu .tt-suggestions .tt-suggestion .tt-custom-suggestion .tt-info .tt-email, .tt-dropdown-menu .tt-suggestions .tt-suggestion .tt-custom-suggestion .tt-info .tt-reta-number { display: inline-block; width: 50% } .tt-dropdown-menu .tt-suggestions .tt-suggestion .tt-custom-suggestion .tt-info .tt-reta-number { text-align: right } .tt-dropdown-menu .tt-suggestions .tt-suggestion:hover { background-color: #5cb85c; color: #fff } .mCustomScrollbar { -ms-touch-action: none; touch-action: none } .mCustomScrollbar.mCS_no_scrollbar { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .mCSB_inside > .mCSB_container { margin-right: 30px } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0 } .mCSB_outside + .mCSB_scrollTools { right: -26px } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0 } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100% } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(/mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .15) } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px } .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: transparent } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: transparent } body.forums, body.categories, body.topics, body.posts { margin: 0 } body.forums > section, body.categories > section, body.topics > section, body.posts > section { background-color: #eee } body.forums #results-top-wrapper h3, body.categories #results-top-wrapper h3, body.topics #results-top-wrapper h3, body.posts #results-top-wrapper h3 { color: #ccc; font-style: italic; font-size: 15px; font-weight: 400; margin: 15px 0 0 } body.forums #results-top-wrapper.with-links, body.categories #results-top-wrapper.with-links, body.topics #results-top-wrapper.with-links, body.posts #results-top-wrapper.with-links { padding-bottom: 65px } body.forums #results-top-wrapper .fa.fa-long-arrow-right, body.categories #results-top-wrapper .fa.fa-long-arrow-right, body.topics #results-top-wrapper .fa.fa-long-arrow-right, body.posts #results-top-wrapper .fa.fa-long-arrow-right { margin: 0 5px } body.forums #links-wrapper, body.categories #links-wrapper, body.topics #links-wrapper, body.posts #links-wrapper { background-color: rgba(0, 0, 0, .5) } body.forums #links-wrapper .fa, body.forums #links-wrapper [class^=fa-], body.forums #links-wrapper [class*=" fa-"], body.categories #links-wrapper .fa, body.categories #links-wrapper [class^=fa-], body.categories #links-wrapper [class*=" fa-"], body.topics #links-wrapper .fa, body.topics #links-wrapper [class^=fa-], body.topics #links-wrapper [class*=" fa-"], body.posts #links-wrapper .fa, body.posts #links-wrapper [class^=fa-], body.posts #links-wrapper [class*=" fa-"] { margin-right: 5px } body.forums .no-pages, body.categories .no-pages, body.topics .no-pages, body.posts .no-pages { padding-top: 40px; padding-bottom: 40px } body.forums .subnav-wrapper, body.categories .subnav-wrapper, body.topics .subnav-wrapper, body.posts .subnav-wrapper { text-align: center; font-size: 13px; border-bottom: solid 1px #eee; padding: 10px 0 } body.forums .pages, body.categories .pages, body.topics .pages, body.posts .pages { text-align: center; margin: 20px 0 } body.forums .pagination > .disabled > span, body.forums .pagination > .disabled > span:hover, body.forums .pagination > .disabled > span:focus, body.forums .pagination > .disabled > a, body.forums .pagination > .disabled > a:hover, body.forums .pagination > .disabled > a:focus, body.forums .pagination > li:not(.active) > a, body.categories .pagination > .disabled > span, body.categories .pagination > .disabled > span:hover, body.categories .pagination > .disabled > span:focus, body.categories .pagination > .disabled > a, body.categories .pagination > .disabled > a:hover, body.categories .pagination > .disabled > a:focus, body.categories .pagination > li:not(.active) > a, body.topics .pagination > .disabled > span, body.topics .pagination > .disabled > span:hover, body.topics .pagination > .disabled > span:focus, body.topics .pagination > .disabled > a, body.topics .pagination > .disabled > a:hover, body.topics .pagination > .disabled > a:focus, body.topics .pagination > li:not(.active) > a, body.posts .pagination > .disabled > span, body.posts .pagination > .disabled > span:hover, body.posts .pagination > .disabled > span:focus, body.posts .pagination > .disabled > a, body.posts .pagination > .disabled > a:hover, body.posts .pagination > .disabled > a:focus, body.posts .pagination > li:not(.active) > a { background-color: transparent } body.forums footer a, body.categories footer a, body.topics footer a, body.posts footer a { color: #fff } body.forums .category h2, body.categories .category h2, body.topics .category h2, body.posts .category h2 { font-family: proxima nova semibold; margin: 20px 0 0; background-color: #ddd; font-size: 20px; display: inline-block; padding: 5px 10px; margin-bottom: 10px } body.forums .category h2 a, body.categories .category h2 a, body.topics .category h2 a, body.posts .category h2 a { color: #000 } body.forums .forum-table, body.categories .forum-table, body.topics .forum-table, body.posts .forum-table { background-color: #fff; border: solid 1px #eee; border-collapse: collapse; font-size: 12px } body.forums .forum-table .label, body.categories .forum-table .label, body.topics .forum-table .label, body.posts .forum-table .label { padding: 4px 6px; text-transform: uppercase; margin-right: 5px; border-radius: 3px } body.forums .forum-table .label.label-default, body.categories .forum-table .label.label-default, body.topics .forum-table .label.label-default, body.posts .forum-table .label.label-default { background-color: #aaa } body.forums .forum-table .label.label-locked, body.categories .forum-table .label.label-locked, body.topics .forum-table .label.label-locked, body.posts .forum-table .label.label-locked { background-color: #000 } body.forums .forum-table .label.label-new, body.categories .forum-table .label.label-new, body.topics .forum-table .label.label-new, body.posts .forum-table .label.label-new { background-color: #ed1c24 } body.forums .forum-table tr.locked, body.categories .forum-table tr.locked, body.topics .forum-table tr.locked, body.posts .forum-table tr.locked { background-color: #f9f9f9 } body.forums .forum-table th, body.categories .forum-table th, body.topics .forum-table th, body.posts .forum-table th { border-bottom: solid 1px #ddd; background-color: #f9f9f9; color: #999; font-family: proxima nova } body.forums .forum-table th, body.forums .forum-table td, body.categories .forum-table th, body.categories .forum-table td, body.topics .forum-table th, body.topics .forum-table td, body.posts .forum-table th, body.posts .forum-table td { vertical-align: middle } body.forums .forum-table th.titles, body.forums .forum-table td.titles, body.categories .forum-table th.titles, body.categories .forum-table td.titles, body.topics .forum-table th.titles, body.topics .forum-table td.titles, body.posts .forum-table th.titles, body.posts .forum-table td.titles { padding-left: 15px } body.forums .forum-table th.titles .fa-thumb-tack, body.forums .forum-table td.titles .fa-thumb-tack, body.categories .forum-table th.titles .fa-thumb-tack, body.categories .forum-table td.titles .fa-thumb-tack, body.topics .forum-table th.titles .fa-thumb-tack, body.topics .forum-table td.titles .fa-thumb-tack, body.posts .forum-table th.titles .fa-thumb-tack, body.posts .forum-table td.titles .fa-thumb-tack { font-size: 14px; margin-right: 5px; vertical-align: bottom } body.forums .forum-table th.counts, body.forums .forum-table td.counts, body.categories .forum-table th.counts, body.categories .forum-table td.counts, body.topics .forum-table th.counts, body.topics .forum-table td.counts, body.posts .forum-table th.counts, body.posts .forum-table td.counts { width: 100px; text-align: right } body.forums .forum-table th.last-post, body.forums .forum-table td.last-post, body.categories .forum-table th.last-post, body.categories .forum-table td.last-post, body.topics .forum-table th.last-post, body.topics .forum-table td.last-post, body.posts .forum-table th.last-post, body.posts .forum-table td.last-post { width: 300px } body.forums .forum-table th.last-post .user-avatar, body.forums .forum-table td.last-post .user-avatar, body.categories .forum-table th.last-post .user-avatar, body.categories .forum-table td.last-post .user-avatar, body.topics .forum-table th.last-post .user-avatar, body.topics .forum-table td.last-post .user-avatar, body.posts .forum-table th.last-post .user-avatar, body.posts .forum-table td.last-post .user-avatar { vertical-align: middle; width: 50px; height: 50px; margin: 0 10px; float: left } body.forums .forum-table th.last-post .user-avatar img, body.forums .forum-table td.last-post .user-avatar img, body.categories .forum-table th.last-post .user-avatar img, body.categories .forum-table td.last-post .user-avatar img, body.topics .forum-table th.last-post .user-avatar img, body.topics .forum-table td.last-post .user-avatar img, body.posts .forum-table th.last-post .user-avatar img, body.posts .forum-table td.last-post .user-avatar img { border-width: 2px; height: 100%; width: 100% } body.forums .forum-table th.last-post .user-info, body.forums .forum-table td.last-post .user-info, body.categories .forum-table th.last-post .user-info, body.categories .forum-table td.last-post .user-info, body.topics .forum-table th.last-post .user-info, body.topics .forum-table td.last-post .user-info, body.posts .forum-table th.last-post .user-info, body.posts .forum-table td.last-post .user-info { margin-left: 70px; vertical-align: middle } body.forums .forum-table th.last-post .title, body.forums .forum-table td.last-post .title, body.categories .forum-table th.last-post .title, body.categories .forum-table td.last-post .title, body.topics .forum-table th.last-post .title, body.topics .forum-table td.last-post .title, body.posts .forum-table th.last-post .title, body.posts .forum-table td.last-post .title { font-size: 13px; overflow: hidden; display: block; font-family: proxima nova semibold; color: #ed1c24 } body.forums .forum-table td, body.categories .forum-table td, body.topics .forum-table td, body.posts .forum-table td { border-color: #eee } body.forums .forum-table .title, body.categories .forum-table .title, body.topics .forum-table .title, body.posts .forum-table .title { font-family: proxima nova semibold; font-size: 15px; color: #444 } body.forums .forum-table .title.new, body.categories .forum-table .title.new, body.topics .forum-table .title.new, body.posts .forum-table .title.new { color: #ed1c24 } body.forums .top-info, body.categories .top-info, body.topics .top-info, body.posts .top-info { padding-top: 20px; padding-bottom: 20px } body.forums .top-info .buttons, body.categories .top-info .buttons, body.topics .top-info .buttons, body.posts .top-info .buttons { float: right; text-align: right } body.forums .top-info .buttons .btn, body.categories .top-info .buttons .btn, body.topics .top-info .buttons .btn, body.posts .top-info .buttons .btn { font-family: proxima nova semibold; margin-left: 20px } body.forums .post-wrapper, body.categories .post-wrapper, body.topics .post-wrapper, body.posts .post-wrapper { background-color: #fff; border: none; margin-bottom: 20px } body.forums .post-wrapper:last-child, body.categories .post-wrapper:last-child, body.topics .post-wrapper:last-child, body.posts .post-wrapper:last-child { border: none; margin-bottom: 0 } body.forums .post-wrapper .user-wrapper, body.categories .post-wrapper .user-wrapper, body.topics .post-wrapper .user-wrapper, body.posts .post-wrapper .user-wrapper { padding: 15px; background-color: #f9f9f9; margin: 0 0 20px -10px } body.forums .post-wrapper .user-wrapper .user-avatar, body.categories .post-wrapper .user-wrapper .user-avatar, body.topics .post-wrapper .user-wrapper .user-avatar, body.posts .post-wrapper .user-wrapper .user-avatar { float: left; vertical-align: middle; width: 50px; height: 50px } body.forums .post-wrapper .user-wrapper .user-avatar img, body.categories .post-wrapper .user-wrapper .user-avatar img, body.topics .post-wrapper .user-wrapper .user-avatar img, body.posts .post-wrapper .user-wrapper .user-avatar img { border-width: 2px; margin: 0; height: 100%; width: 100% } body.forums .post-wrapper .user-wrapper .user-info, body.categories .post-wrapper .user-wrapper .user-info, body.topics .post-wrapper .user-wrapper .user-info, body.posts .post-wrapper .user-wrapper .user-info { font-size: 12px; vertical-align: middle; margin-left: 60px } body.forums .post-wrapper .user-wrapper .title, body.categories .post-wrapper .user-wrapper .title, body.topics .post-wrapper .user-wrapper .title, body.posts .post-wrapper .user-wrapper .title { font-size: 13px; overflow: hidden; display: block; text-overflow: ellipsis; font-family: proxima nova semibold } body.forums .post-wrapper .post-top, body.categories .post-wrapper .post-top, body.topics .post-wrapper .post-top, body.posts .post-wrapper .post-top { background-color: #f9f9f9; margin: 0 -10px 0 -20px; padding: 10px 11px 9px 20px } body.forums .post-wrapper .post-top:before, body.forums .post-wrapper .post-top:after, body.categories .post-wrapper .post-top:before, body.categories .post-wrapper .post-top:after, body.topics .post-wrapper .post-top:before, body.topics .post-wrapper .post-top:after, body.posts .post-wrapper .post-top:before, body.posts .post-wrapper .post-top:after { content: " "; display: table } body.forums .post-wrapper .post-top:after, body.categories .post-wrapper .post-top:after, body.topics .post-wrapper .post-top:after, body.posts .post-wrapper .post-top:after { clear: both } body.forums .post-wrapper .post-top .date, body.categories .post-wrapper .post-top .date, body.topics .post-wrapper .post-top .date, body.posts .post-wrapper .post-top .date { float: left } body.forums .post-wrapper .post-top .date a, body.categories .post-wrapper .post-top .date a, body.topics .post-wrapper .post-top .date a, body.posts .post-wrapper .post-top .date a { font-size: 13px; color: #000; font-family: proxima nova semibold } body.forums .post-wrapper .post-top .actions, body.categories .post-wrapper .post-top .actions, body.topics .post-wrapper .post-top .actions, body.posts .post-wrapper .post-top .actions { float: right; font-family: proxima nova; font-size: 13px; text-transform: uppercase } body.forums .post-wrapper .post-top .actions a, body.categories .post-wrapper .post-top .actions a, body.topics .post-wrapper .post-top .actions a, body.posts .post-wrapper .post-top .actions a { text-decoration: none; color: #009edf; text-transform: uppercase } body.forums .post-wrapper .post-top .actions a:not(:first-child), body.categories .post-wrapper .post-top .actions a:not(:first-child), body.topics .post-wrapper .post-top .actions a:not(:first-child), body.posts .post-wrapper .post-top .actions a:not(:first-child) { margin-left: 15px } body.forums .post-wrapper .post-top .actions a .tooltip, body.categories .post-wrapper .post-top .actions a .tooltip, body.topics .post-wrapper .post-top .actions a .tooltip, body.posts .post-wrapper .post-top .actions a .tooltip { text-transform: none } body.forums .post-wrapper .post-top .actions .fa, body.forums .post-wrapper .post-top .actions [class^=fa-], body.forums .post-wrapper .post-top .actions [class*=" fa-"], body.categories .post-wrapper .post-top .actions .fa, body.categories .post-wrapper .post-top .actions [class^=fa-], body.categories .post-wrapper .post-top .actions [class*=" fa-"], body.topics .post-wrapper .post-top .actions .fa, body.topics .post-wrapper .post-top .actions [class^=fa-], body.topics .post-wrapper .post-top .actions [class*=" fa-"], body.posts .post-wrapper .post-top .actions .fa, body.posts .post-wrapper .post-top .actions [class^=fa-], body.posts .post-wrapper .post-top .actions [class*=" fa-"] { margin-right: 5px } body.forums .post-wrapper .post-content, body.categories .post-wrapper .post-content, body.topics .post-wrapper .post-content, body.posts .post-wrapper .post-content { padding: 20px 20px 50px 0 } body.forums .post-wrapper .post-content img, body.categories .post-wrapper .post-content img, body.topics .post-wrapper .post-content img, body.posts .post-wrapper .post-content img { max-width: 100% } body.forums .post-wrapper .post-content .in-reply-to, body.categories .post-wrapper .post-content .in-reply-to, body.topics .post-wrapper .post-content .in-reply-to, body.posts .post-wrapper .post-content .in-reply-to { margin-bottom: 10px; border-bottom: solid 1px #eee } body.forums .post-wrapper .post-content .in-reply-to a, body.categories .post-wrapper .post-content .in-reply-to a, body.topics .post-wrapper .post-content .in-reply-to a, body.posts .post-wrapper .post-content .in-reply-to a { font-family: proxima nova semibold; font-size: 14px; text-decoration: none } body.forums .post-wrapper .post-content blockquote, body.categories .post-wrapper .post-content blockquote, body.topics .post-wrapper .post-content blockquote, body.posts .post-wrapper .post-content blockquote { padding: 10px 15px; font-size: 14px; border-left: 5px solid #999; background-color: #f3f3f3 } body.forums .post-wrapper .post-content blockquote p:last-child, body.forums .post-wrapper .post-content blockquote:last-child, body.categories .post-wrapper .post-content blockquote p:last-child, body.categories .post-wrapper .post-content blockquote:last-child, body.topics .post-wrapper .post-content blockquote p:last-child, body.topics .post-wrapper .post-content blockquote:last-child, body.posts .post-wrapper .post-content blockquote p:last-child, body.posts .post-wrapper .post-content blockquote:last-child { margin-bottom: 0 } body.forums .post-wrapper .post-content mark, body.categories .post-wrapper .post-content mark, body.topics .post-wrapper .post-content mark, body.posts .post-wrapper .post-content mark { color: inherit } body.forums .post-wrapper .post-content pre, body.categories .post-wrapper .post-content pre, body.topics .post-wrapper .post-content pre, body.posts .post-wrapper .post-content pre { background-color: #f3f3f3; border: none } body.forums .post-wrapper .post-content pre code, body.categories .post-wrapper .post-content pre code, body.topics .post-wrapper .post-content pre code, body.posts .post-wrapper .post-content pre code { border: none } body.forums .post-wrapper .post-content p:last-child, body.categories .post-wrapper .post-content p:last-child, body.topics .post-wrapper .post-content p:last-child, body.posts .post-wrapper .post-content p:last-child { margin-bottom: 0 } body.forums .post-wrapper .post-content p.author, body.categories .post-wrapper .post-content p.author, body.topics .post-wrapper .post-content p.author, body.posts .post-wrapper .post-content p.author { border-left: solid 2px #ccc; padding: 7px 0 7px 15px; margin: 0 0 15px } body.forums .post-wrapper .post-content p.author-1, body.categories .post-wrapper .post-content p.author-1, body.topics .post-wrapper .post-content p.author-1, body.posts .post-wrapper .post-content p.author-1 { border-left-color: #ed1c24 } body.forums .post-wrapper .post-content p.author-2, body.categories .post-wrapper .post-content p.author-2, body.topics .post-wrapper .post-content p.author-2, body.posts .post-wrapper .post-content p.author-2 { border-left-color: #009edf } body.forums .post-wrapper .post-content p.author-3, body.categories .post-wrapper .post-content p.author-3, body.topics .post-wrapper .post-content p.author-3, body.posts .post-wrapper .post-content p.author-3 { border-left-color: #8e44ad } body.forums .post-wrapper .post-content p.author-4, body.categories .post-wrapper .post-content p.author-4, body.topics .post-wrapper .post-content p.author-4, body.posts .post-wrapper .post-content p.author-4 { border-left-color: #16a085 } body.forums .post-wrapper .post-content p.author-5, body.categories .post-wrapper .post-content p.author-5, body.topics .post-wrapper .post-content p.author-5, body.posts .post-wrapper .post-content p.author-5 { border-left-color: #2b678f } body.forums .post-wrapper .post-content p.author-6, body.categories .post-wrapper .post-content p.author-6, body.topics .post-wrapper .post-content p.author-6, body.posts .post-wrapper .post-content p.author-6 { border-left-color: #6e7a83 } body.forums .post-wrapper .post-content h1, body.forums .post-wrapper .post-content h2, body.forums .post-wrapper .post-content h3, body.forums .post-wrapper .post-content h4, body.forums .post-wrapper .post-content h5, body.forums .post-wrapper .post-content h6, body.categories .post-wrapper .post-content h1, body.categories .post-wrapper .post-content h2, body.categories .post-wrapper .post-content h3, body.categories .post-wrapper .post-content h4, body.categories .post-wrapper .post-content h5, body.categories .post-wrapper .post-content h6, body.topics .post-wrapper .post-content h1, body.topics .post-wrapper .post-content h2, body.topics .post-wrapper .post-content h3, body.topics .post-wrapper .post-content h4, body.topics .post-wrapper .post-content h5, body.topics .post-wrapper .post-content h6, body.posts .post-wrapper .post-content h1, body.posts .post-wrapper .post-content h2, body.posts .post-wrapper .post-content h3, body.posts .post-wrapper .post-content h4, body.posts .post-wrapper .post-content h5, body.posts .post-wrapper .post-content h6 { border-bottom: solid 1px #eee; font-family: proxima nova semibold; color: inherit; margin: 20px 0 10px } body.forums .post-wrapper .post-content h1, body.categories .post-wrapper .post-content h1, body.topics .post-wrapper .post-content h1, body.posts .post-wrapper .post-content h1 { font-size: 160% } body.forums .post-wrapper .post-content h2, body.categories .post-wrapper .post-content h2, body.topics .post-wrapper .post-content h2, body.posts .post-wrapper .post-content h2 { font-size: 140% } body.forums .post-wrapper .post-content h3, body.categories .post-wrapper .post-content h3, body.topics .post-wrapper .post-content h3, body.posts .post-wrapper .post-content h3 { font-size: 130% } body.forums .post-wrapper .post-content h4, body.categories .post-wrapper .post-content h4, body.topics .post-wrapper .post-content h4, body.posts .post-wrapper .post-content h4 { font-size: 120% } body.forums .post-wrapper .post-content h5, body.categories .post-wrapper .post-content h5, body.topics .post-wrapper .post-content h5, body.posts .post-wrapper .post-content h5 { font-size: 110% } body.forums .post-wrapper .post-content h6, body.categories .post-wrapper .post-content h6, body.topics .post-wrapper .post-content h6, body.posts .post-wrapper .post-content h6 { font-size: 100% } body.forums .form-horizontal, body.categories .form-horizontal, body.topics .form-horizontal, body.posts .form-horizontal { margin-top: 40px } body.forums .form-horizontal .formatting-help, body.categories .form-horizontal .formatting-help, body.topics .form-horizontal .formatting-help, body.posts .form-horizontal .formatting-help { color: #999; font-size: 11px; margin-top: -10px; padding: 7px 0 8px; text-transform: none; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; text-align: center } body.forums .form-horizontal .formatting-help > *, body.categories .form-horizontal .formatting-help > *, body.topics .form-horizontal .formatting-help > *, body.posts .form-horizontal .formatting-help > * { margin: 0 5px } body.forums .form-horizontal .topic_subject .emojionearea, body.categories .form-horizontal .topic_subject .emojionearea, body.topics .form-horizontal .topic_subject .emojionearea, body.posts .form-horizontal .topic_subject .emojionearea { border: solid 1px #ccc; border-radius: 5px; transform: all .5s } body.forums .form-horizontal .topic_subject .emojionearea.focused, body.categories .form-horizontal .topic_subject .emojionearea.focused, body.topics .form-horizontal .topic_subject .emojionearea.focused, body.posts .form-horizontal .topic_subject .emojionearea.focused { -webkit-box-shadow: 0 0 20px #bbb; box-shadow: 0 0 20px #bbb } body.forums .form-horizontal .topic_posts_text .emojionearea, body.forums .form-horizontal .post_text .emojionearea, body.categories .form-horizontal .topic_posts_text .emojionearea, body.categories .form-horizontal .post_text .emojionearea, body.topics .form-horizontal .topic_posts_text .emojionearea, body.topics .form-horizontal .post_text .emojionearea, body.posts .form-horizontal .topic_posts_text .emojionearea, body.posts .form-horizontal .post_text .emojionearea { border: solid 1px #ccc; border-radius: 5px; transform: all .5s } body.forums .form-horizontal .topic_posts_text .emojionearea.focused, body.forums .form-horizontal .post_text .emojionearea.focused, body.categories .form-horizontal .topic_posts_text .emojionearea.focused, body.categories .form-horizontal .post_text .emojionearea.focused, body.topics .form-horizontal .topic_posts_text .emojionearea.focused, body.topics .form-horizontal .post_text .emojionearea.focused, body.posts .form-horizontal .topic_posts_text .emojionearea.focused, body.posts .form-horizontal .post_text .emojionearea.focused { -webkit-box-shadow: 0 0 20px #bbb; box-shadow: 0 0 20px #bbb } body.forums .form-horizontal .topic_posts_text .emojionearea .emojionearea-editor, body.forums .form-horizontal .post_text .emojionearea .emojionearea-editor, body.categories .form-horizontal .topic_posts_text .emojionearea .emojionearea-editor, body.categories .form-horizontal .post_text .emojionearea .emojionearea-editor, body.topics .form-horizontal .topic_posts_text .emojionearea .emojionearea-editor, body.topics .form-horizontal .post_text .emojionearea .emojionearea-editor, body.posts .form-horizontal .topic_posts_text .emojionearea .emojionearea-editor, body.posts .form-horizontal .post_text .emojionearea .emojionearea-editor { min-height: 20em } body.forums .buttons, body.categories .buttons, body.topics .buttons, body.posts .buttons { padding-top: 20px; padding-bottom: 30px; text-align: center } body.forums .buttons .btn, body.categories .buttons .btn, body.topics .buttons .btn, body.posts .buttons .btn { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } body.forums .buttons .btn-cancel, body.categories .buttons .btn-cancel, body.topics .buttons .btn-cancel, body.posts .buttons .btn-cancel { margin-left: 20px; background-color: #eee; color: #666 } body.posts .post-wrapper .post-top .actions { display: none } body.forums .no-pages { padding-bottom: 20px } @media(max-width:767px) { body.forums .post-wrapper, body.categories .post-wrapper, body.topics .post-wrapper, body.posts .post-wrapper { margin-bottom: 0 } body.forums .post-wrapper .user-wrapper, body.categories .post-wrapper .user-wrapper, body.topics .post-wrapper .user-wrapper, body.posts .post-wrapper .user-wrapper { padding: 10px; margin: 0 -10px 1px } body.forums .post-wrapper .post-top .actions .text, body.categories .post-wrapper .post-top .actions .text, body.topics .post-wrapper .post-top .actions .text, body.posts .post-wrapper .post-top .actions .text { display: none } } body { background-color: #000 } body.no-overflow { overflow-x: hidden } body.ios .smooth-scroll, body.apple-mobile .smooth-scroll { -webkit-overflow-scrolling: touch } section { background-color: #fff } a { outline: none !important } a.external:after { font: var(--fa-font-solid); content: "\f08e"; margin-left: 5px } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button } .no-touch { transition: all .5s } b, strong { font-weight: 400; font-family: proxima nova bold } .five-cols .col-xs-1, .five-cols .col-sm-1, .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 { width: 20%; *width: 20% } @media(max-width:1199px) { .five-cols .col-xs-1, .five-cols .col-sm-1, .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 { width: 25%; *width: 25% } } @media(max-width:991px) { .five-cols .col-xs-1, .five-cols .col-sm-1, .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 { width: 33.3333333333333333333%; *width: 33.3333333333333333333% } } @media(min-width:1600px) { .col-xlg-2 { width: 16.666666666666666667%; *width: 16.666666666666666667% } .col-xlg-3 { width: 25%; *width: 25% } .col-xlg-4 { width: 33.333333333333333333%; *width: 33.333333333333333333% } } @media(min-width:2000px) { .col-xxlg-1 { width: 8.3333333333333333333%; *width: 8.3333333333333333333% } } @media(min-width:768px) { .seven-cols .col-sm-1, .seven-cols .col-md-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714% } } @media(min-width:768px) and (max-width:991px) { .seven-cols .col-sm-1, .seven-cols .col-md-1, .seven-cols .col-lg-1 { width: 33.333333333333%; *width: 33.333333333333%; float: left } } .ten-cols .col-md-1, .ten-cols .col-sm-1, .ten-cols .col-lg-1 { width: 10%; *width: 10% } .ten-cols .col-md-1, .ten-cols .col-sm-1, .ten-cols .col-lg-1 { width: 10%; *width: 10% } @media(min-width:992px) { .twenty-four-cols .col-md-1 { width: 4.166666666666666666666666666666%; *width: 4.166666666666666666666666666666% } .twenty-four-cols .col-md-2 { width: 8.333333333333333333333333333333%; *width: 8.333333333333333333333333333333% } .twenty-four-cols .col-md-3 { width: 12.5%; *width: 12.5% } .twenty-four-cols .col-md-4 { width: 16.66666666666666666666666666666%; *width: 16.66666666666666666666666666666% } .twenty-four-cols .col-md-5 { width: 20.83333333333333333333333333333%; *width: 20.83333333333333333333333333333% } .twenty-four-cols .col-md-6 { width: 25%; *width: 25% } .twenty-four-cols .col-md-12 { width: 50%; *width: 50% } .twenty-four-cols .col-md-15 { width: 62.5%; *width: 62.5% } .twenty-four-cols .col-md-18 { width: 75%; *width: 75% } .twenty-four-cols .col-md-24 { width: 100%; *width: 100% } } #flashes { top: var(--header-height); position: absolute; width: 100%; z-index: 200; left: 0 } .alert-no-data { background-color: #f0f0f0; font-style: italic; color: #555; font-weight: 400 } .mobile-nav { display: none } .no-touch header#top-nav:hover, .search-opened header#top-nav { background: rgba(0, 0, 0, .8) !important } .search-field-wrapper { position: relative } .search-field-wrapper input[type=search] { padding-right: 30px } .search-field-wrapper input[type=search]::-webkit-search-cancel-button { display: none } .search-field-wrapper .search-field-clear, .search-field-wrapper .search-field-submit { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; cursor: pointer } .search-field-wrapper .search-field-clear i, .search-field-wrapper .search-field-submit i { transition: all .5s; color: inherit !important; opacity: .4 } .search-field-wrapper .search-field-clear:hover i, .search-field-wrapper .search-field-submit:hover i { opacity: 1 } .search-field-wrapper .search-field-clear { display: none; right: 32px; font-size: 15px } .search-field-wrapper .search-field-submit { right: 8px } .search-field-wrapper .search-field-submit .fa-caret-right { margin-left: 1px; font-size: 10px; vertical-align: top; margin-top: 2px } :root { --header-height: 65px } body.scrolled { --header-height: 65px } body.scrolled header#top-nav { background: rgba(0, 0, 0, .5) !important; -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important } header#top-nav { top: 0; z-index: 1500; width: 100%; height: var(--header-height); background: rgba(0, 0, 0, .5); font-family: proxima nova semibold; position: fixed; transition: background .5s, height .5s; transform: translateZ(0px); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); display: grid; padding: 0 16px 0 32px; grid-template-columns: 32px 1fr auto auto; column-gap: 32px; align-items: center } header#top-nav .search-wrapper { position: relative } header#top-nav .search-wrapper #header-search { min-width: 0; max-width: 900px; position: relative; transition: all .5s } header#top-nav .search-wrapper .search-icon, header#top-nav .search-wrapper #header-search-close { position: absolute; left: 14px; top: 15px; color: #fff; z-index: 10; cursor: pointer } header#top-nav .search-wrapper #header-search-close { opacity: 0; z-index: 20; top: 22px; display: none } header#top-nav .search-wrapper #header-search-query { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; background: rgba(255, 255, 255, .2); backdrop-filter: blur(4px); color: #fff; line-height: 42px; outline: 0; border: 0; font-size: 16px; padding: 0 16px 0 40px; transition: all .25s; min-width: 250px; cursor: pointer } header#top-nav .search-wrapper #header-search-query::placeholder { color: #ccc } header#top-nav .search-wrapper #header-search-query:focus::placeholder { color: #999 } header#top-nav .search-wrapper #header-search-query .hover { background-color: #fff; color: #000 } header#top-nav .search-wrapper .search-field-wrapper .search-field-clear, header#top-nav .search-wrapper .search-field-wrapper .search-field-submit { display: none } header#top-nav .search-wrapper #header-search-type { position: absolute; z-index: 20; top: 0; left: 0; opacity: 0; width: 0; overflow: clip } header#top-nav .search-wrapper #header-search-type .dropdown-toggle { border: none; line-height: 42px; padding-top: 0; padding-bottom: 0; padding-left: 16px; border-radius: 0 8px 0 0; width: 140px; text-align: left } header#top-nav .search-wrapper #header-search-type .dropdown-toggle .caret { position: absolute; right: 10px; top: 20px } header#top-nav .search-wrapper #header-search-type .dropdown-menu { padding: 10px 0; margin: 1px 0 0; border: 0; border-radius: 0 0 8px 8px; min-width: 140px } header#top-nav .search-wrapper #header-search-type .dropdown-menu li a { padding: 6px 16px; cursor: pointer; transition: all .25s } header#top-nav .search-wrapper #header-search-type .dropdown-menu li a:hover { background-color: #ed1c24; color: #fff } header#top-nav .search-wrapper #header-search-autocomplete { background-color: #fff; position: absolute; top: 100%; color: #000; width: 0%; border-radius: 0 0 8px 8px; overflow: clip; opacity: 0; display: none; transition: all .26s; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); white-space: nowrap; max-height: calc(100vh - var(--header-height)); overflow-y: auto } header#top-nav .search-wrapper #header-search-autocomplete.opened { opacity: 1; width: 100% } header#top-nav .search-wrapper #header-search-autocomplete h3 { font-family: proxima nova bold; font-size: 14px; padding: 10px 16px; margin: 0 } header#top-nav .search-wrapper #header-search-autocomplete .search-result { display: grid; grid-template-columns: 50px auto 200px; align-items: center; column-gap: 16px; margin: 0; border-bottom: 1px solid #e1e1e1; padding: 12px 16px; transition: all .25s; cursor: pointer } header#top-nav .search-wrapper #header-search-autocomplete .search-result > div { margin-top: 0 } header#top-nav .search-wrapper #header-search-autocomplete .search-result .poster { width: 50px; height: 75px; border: none } header#top-nav .search-wrapper #header-search-autocomplete .search-result .poster.square { height: 50px } header#top-nav .search-wrapper #header-search-autocomplete .search-result .poster img { border-radius: 4px } header#top-nav .search-wrapper #header-search-autocomplete .search-result[data-type=users] .poster img { border-radius: 50% } header#top-nav .search-wrapper #header-search-autocomplete .search-result .info { font-family: proxima nova; color: rgba(0, 0, 0, .5); transition: all .5s; white-space: normal } header#top-nav .search-wrapper #header-search-autocomplete .search-result .info .top-title { font-size: 12px; line-height: 1; text-transform: uppercase } header#top-nav .search-wrapper #header-search-autocomplete .search-result .info .title { font-family: proxima nova semibold; color: #000; transition: all .5s } header#top-nav .search-wrapper #header-search-autocomplete .search-result .info .genres { text-transform: capitalize; font-size: 14px; font-style: italic } header#top-nav .search-wrapper #header-search-autocomplete .search-result .info .tags { margin: 1px 0 3px } header#top-nav .search-wrapper #header-search-autocomplete .search-result .info .tags .tag { background-color: #666; color: #fff; font-size: 11px; display: inline-block; padding: 2px 5px; margin: 0 5px 0 0; font-family: proxima nova semibold; height: auto; text-transform: none; border-radius: 3px; transition: all .5s } header#top-nav .search-wrapper #header-search-autocomplete .search-result .info .tags .tag.type { background-color: #ed1c24 } header#top-nav .search-wrapper #header-search-autocomplete .search-result .streaming-links { text-align: right } header#top-nav .search-wrapper #header-search-autocomplete .search-result .streaming-links a { width: 90px; padding: 5px } header#top-nav .search-wrapper #header-search-autocomplete .search-result .streaming-links a .icon { height: 42px } header#top-nav .search-wrapper #header-search-autocomplete .search-result.selected { background-color: #ed1c24; color: #fff } header#top-nav .search-wrapper #header-search-autocomplete .search-result.selected .info { color: #ccc } header#top-nav .search-wrapper #header-search-autocomplete .search-result.selected .info .title { color: #fff } header#top-nav .search-wrapper #header-search-autocomplete .search-result.selected .info .tags .type { background-color: #970c11 } header#top-nav .search-wrapper #header-search-autocomplete .all-results-spacer { margin-top: 8px; border-top: solid 1px #e1e1e1 } header#top-nav .search-wrapper #header-search-autocomplete .search-term { padding: 10px 16px; font-size: 14px; transition: all .25s; font-family: proxima nova; color: rgba(0, 0, 0, .75); line-height: 1 } header#top-nav .search-wrapper #header-search-autocomplete .search-term.all-results { margin-top: 8px } header#top-nav .search-wrapper #header-search-autocomplete .search-term:not(.no-results) { cursor: pointer } header#top-nav .search-wrapper #header-search-autocomplete .search-term .icon-type, header#top-nav .search-wrapper #header-search-autocomplete .search-term .icon-clear { margin-right: 12px; color: rgba(0, 0, 0, .75); transition: all .5s } header#top-nav .search-wrapper #header-search-autocomplete .search-term .icon-clear { margin: -10px -10px 0 0; float: right; padding: 10px } header#top-nav .search-wrapper #header-search-autocomplete .search-term.selected { background-color: #ed1c24; color: #fff !important } header#top-nav .search-wrapper #header-search-autocomplete .search-term.selected i { color: #fff !important } header#top-nav .search-wrapper #header-search-autocomplete .search-term.selected .in-type { color: rgba(255, 255, 255, .6) !important } header#top-nav .search-wrapper #header-search-autocomplete .search-term .in-type { font-family: proxima nova; color: rgba(0, 0, 0, .3) } header#top-nav .search-wrapper #header-search-autocomplete #header-search-autocomplete-recent { padding-top: 8px; padding-bottom: 8px } header#top-nav .search-wrapper #header-search-autocomplete #header-search-autocomplete-trending { display: none; padding-top: 8px; border-top: 1px solid #e1e1e1; padding-bottom: 8px } header#top-nav .search-wrapper.focused .search-icon { opacity: 0 } header#top-nav .search-wrapper.focused #header-search { min-width: 500px } header#top-nav .search-wrapper.focused #header-search-close { color: #000; opacity: 1; display: block !important } header#top-nav .search-wrapper.focused #header-search-query { width: 100%; background-color: #fff; color: #000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: solid 1px #ed1c24 } header#top-nav .search-wrapper.focused #header-search-type { left: calc(100% - 140px); opacity: 1; width: auto; overflow: visible } header#top-nav .search-wrapper.collapsed #header-search-query, header#top-nav .search-wrapper.no-trending.no-user #header-search-query { border-bottom: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px } header#top-nav .search-wrapper.collapsed #header-search-type .dropdown-toggle, header#top-nav .search-wrapper.no-trending.no-user #header-search-type .dropdown-toggle { border-bottom-right-radius: 8px } header#top-nav .search-wrapper.hovered .search-icon { color: #000 } header#top-nav .search-wrapper.hovered #header-search-close { display: none } header#top-nav .search-wrapper.hovered #header-search-query { background-color: #fff; color: #000 } header#top-nav .search-wrapper.hovered #header-search-query::placeholder { color: #999 } header#top-nav .search-wrapper.blurred #header-search-query, header#top-nav .search-wrapper.blurred #header-search-autocomplete, header#top-nav .search-wrapper.blurred #header-search-close { -webkit-filter: blur(2px); filter: blur(2px); background-color: #ccc } header#top-nav .links-wrapper { display: grid; grid-auto-flow: column; margin-right: -12px } header#top-nav .links-wrapper a { color: #fff; text-decoration: none; font-size: 16px; transition: all .5s; text-shadow: 0 0 20px #000; padding: 10px 16px; margin: 0 -4px; display: block } header#top-nav .links-wrapper a:hover, header#top-nav .links-wrapper a.selected { color: #ed1c24 } header#top-nav .links-wrapper .spacer { width: 24px } header#top-nav .btn-vip, header#top-nav .btn-signup, header#top-nav .btn-signin { font-size: 16px; font-family: proxima nova bold; padding: 6px 12px; border-radius: 4px; color: #fff !important; transition: all .5s } header#top-nav .btn-vip.scrolled, header#top-nav .btn-signup.scrolled, header#top-nav .btn-signin.scrolled { margin-top: 0 !important; opacity: 1 !important } header#top-nav .btn-vip { background-color: #8e44ad } header#top-nav .btn-vip:hover { color: #8e44ad !important; background-color: #fff } header#top-nav .btn-signup { background-color: #ed1c24 } header#top-nav .btn-signup:hover { color: #ed1c24 !important; background-color: #fff } header#top-nav .btn-signin:hover { color: #ed1c24 !important } header#top-nav .btn-signup + .btn-signin, header#top-nav .btn-vip + .btn-signin { margin-left: 4px !important } header#top-nav ul.menu { display: none; position: absolute; background-color: #fff; top: 100%; right: 0; border-top: solid 1px #ed1c24; width: 100%; list-style: none; margin: 0; padding: 10px 0; border-radius: 0 0 8px 8px; text-align: left; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); font-size: 14px; min-width: 130px; max-height: calc(100vh - var(--header-height)); overflow-y: auto } header#top-nav ul.menu li a { display: block; padding: 6px 16px; cursor: pointer; transition: all .25s; color: #000 } header#top-nav ul.menu li a.toggle-dark-knight-mode .icon { opacity: 0; margin-left: 5px; transition: opacity .5s } header#top-nav ul.menu li a:hover { background-color: #ed1c24; color: #fff !important } header#top-nav ul.menu li a.selected { color: #ed1c24 !important } header#top-nav ul.menu li a.selected:hover { color: #fff !important } header#top-nav ul.menu li.divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } header#top-nav ul.menu.with-large-icons { font-family: proxima nova; width: 320px; border-radius: 8px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; padding: 10px 0; border-top: none } header#top-nav ul.menu.with-large-icons a { margin: 0; padding: 0 } header#top-nav ul.menu.with-large-icons a:not(:first-child) li { border-top: 1px solid #e1e1e1 } header#top-nav ul.menu.with-large-icons li { display: grid; grid-template-columns: 24px auto; column-gap: 24px; font-size: 14px; color: #000; padding: 10px 20px; transition: all .5s; align-items: center; cursor: pointer } header#top-nav ul.menu.with-large-icons li .icon { font-size: 28px; width: 38px; text-align: center } header#top-nav ul.menu.with-large-icons li .icon .fa-apple { font-size: 36px } header#top-nav ul.menu.with-large-icons li .icon .fa-tv { font-size: 24px } header#top-nav ul.menu.with-large-icons li .icon .apple-tv { width: 30px } header#top-nav ul.menu.with-large-icons li .icon .trakt-icon-trakt { font-size: 32px } header#top-nav ul.menu.with-large-icons li .title { font-family: proxima nova semibold; font-size: 16px; line-height: 1 } header#top-nav ul.menu.with-large-icons li .title .label-base { font-size: 12px; margin: -4px 0 0 6px; padding: 4px 4px 2px; border-radius: 3px } header#top-nav ul.menu.with-large-icons li .description { color: #444 } header#top-nav ul.menu.with-large-icons li:hover { background-color: #ed1c24; color: #fff } header#top-nav ul.menu.with-large-icons li:hover .icon .apple-tv { filter: invert(1) } header#top-nav ul.menu.with-large-icons li:hover .title .label-base.label-vip { background-color: #fff; color: #ed1c24 } header#top-nav ul.menu.with-large-icons li:hover .description { color: #eee } header#top-nav .with-ul-menu { position: relative } header#top-nav .with-ul-menu.with-solid-bg.selected { background-color: #fff; color: #000; border-radius: 8px 8px 0 0 } header#top-nav .with-ul-menu.with-solid-bg.selected a { color: #000 !important; text-shadow: none } header#top-nav .with-ul-menu.selected.with-top-arrow::before { content: ""; position: absolute; top: calc(100% - 6px); left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 6px solid #fff } header#top-nav .with-ul-menu.selected > a { color: #ed1c24 } header#top-nav .with-ul-menu.selected a { text-shadow: none !important } header#top-nav .with-ul-menu.selected ul { display: block } header#top-nav .with-ul-menu ul.menu li a:hover { color: #fff !important } header#top-nav .user-wrapper { white-space: nowrap } header#top-nav .user-wrapper .btn:not(:first-child) { margin-left: 16px } header#top-nav .user-wrapper .btn-profile { min-width: 130px } header#top-nav .user-wrapper .btn-profile, header#top-nav .user-wrapper .btn-mobile-links { font-size: 16px; text-shadow: 0 0 20px #000; border: none; padding-left: 16px; padding-right: 16px; transition: none } header#top-nav .user-wrapper .btn-profile > a, header#top-nav .user-wrapper .btn-mobile-links > a { display: flex; line-height: 1; justify-content: end; align-items: center } header#top-nav .user-wrapper .btn-profile a, header#top-nav .user-wrapper .btn-mobile-links a { color: #fff; text-decoration: none } header#top-nav .user-wrapper .btn-profile .avatar, header#top-nav .user-wrapper .btn-mobile-links .avatar { border-radius: 50%; margin: 0 8px; border: solid 2px #eee; vertical-align: middle } header#top-nav .user-wrapper .btn-profile.vip .avatar, header#top-nav .user-wrapper .btn-mobile-links.vip .avatar { border-color: #ed1c24 } header#top-nav .user-wrapper .btn-mobile-links { display: none; padding: 10px 8px } header#top-nav .user-wrapper .btn-mobile-links .icon { color: #fff } header#top-nav .user-wrapper .btn-mobile-links:hover .icon { color: #000 } header#top-nav .user-wrapper .btn-mobile-links .with-ul-menu ul { display: none } header#top-nav .user-wrapper .btn-auth { display: none; color: #fff; font-size: 21px; margin-top: 2px; padding-left: 8px; transition: all .5s } header#top-nav .user-wrapper .btn-auth:hover { color: #ed1c24 } footer { background: #000; color: #fff; padding: 20px; font-family: proxima nova semibold; font-size: 13px } footer a { color: #fff } footer a:hover { text-decoration: none; color: #ed1c24 } footer .links { margin-bottom: 20px } footer .links:before, footer .links:after { content: " "; display: table } footer .links:after { clear: both } footer .links ul { list-style-type: none; padding: 0; margin: 0; float: left; width: calc(100% - 200px) } footer .links ul:before, footer .links ul:after { content: " "; display: table } footer .links ul:after { clear: both } footer .links ul li { float: left; padding: 0 30px 0 0; text-transform: uppercase } footer .links .social { float: right } footer .links .social [class^=fa] { font-size: 16px; margin-left: 10px; vertical-align: middle } footer .links .social .trakt-icon-shirt[class^=fa] { font-size: 14px } footer .links .social .fa-blog { font-size: 14px } footer .copyright { color: #777; font-size: 11px } footer .copyright:before, footer .copyright:after { content: " "; display: table } footer .copyright:after { clear: both } footer .copyright .trakt { float: left; white-space: nowrap } footer .copyright .trakt .logo { margin-right: 13px; opacity: .3 } footer .copyright .apps { display: block; float: left; color: #777; white-space: nowrap; margin-left: 15px } footer .copyright .apps:before, footer .copyright .apps:after { content: " "; display: table } footer .copyright .apps:after { clear: both } footer .copyright .apps img { height: 30px; margin-left: 15px } footer .copyright .amazon { display: block; float: right; color: #777; white-space: nowrap; transition: all .5s } footer .copyright .amazon:before, footer .copyright .amazon:after { content: " "; display: table } footer .copyright .amazon:after { clear: both } footer .copyright .amazon:hover { color: #fff } footer .copyright .amazon .icon { float: right; margin-left: 10px } footer .copyright .amazon .icon .fa, footer .copyright .amazon .icon [class^=fa-], footer .copyright .amazon .icon [class*=" fa-"] { font-size: 30px } footer .copyright .amazon .text { float: right; text-align: right } ul.pagination { margin: 0 } ul.pagination a { border: none; font-family: proxima nova; color: #000; font-size: 16px } ul.pagination a:hover { background: 0 0; color: #ed1c24 } ul.pagination [class^=trakt-icon-], ul.pagination [class*=" trakt-icon-"] { font-size: 20px; margin-top: -3px } ul.pagination .disabled a { color: #ccc } ul.pagination .gap a { color: #000 } ul.pagination .active a { font-family: proxima nova bold; color: #fff !important } .pagination-top { text-align: center } .pagination-top ul.pagination { margin-top: 20px } .pagination-bottom { text-align: center } .pagination-bottom ul.pagination { margin-bottom: 20px } .next-page-bar { background-color: #009edf; color: #fff; text-align: center; padding: 10px 0 } .posters .rank-wrapper, .fanarts .rank-wrapper { position: absolute; z-index: 20; left: 0; top: -11px; text-align: center; width: 100%; margin: 0; transition: all .5s } .posters .rank-wrapper .rank, .fanarts .rank-wrapper .rank { background-color: #333; color: #fff; display: inline-block; font-size: 11px; font-weight: 700; border: solid 2px #fff; border-radius: 11px; height: 22px; min-width: 22px; line-height: 1.6; padding: 0 5px; text-align: center } .posters .added-by, .fanarts .added-by { position: absolute; z-index: 30; left: 0; top: -10px; transition: all .5s; display: none } .posters .added-by:hover, .fanarts .added-by:hover { transform: scale(1.15) } .posters .added-by .user-avatar, .fanarts .added-by .user-avatar { width: 30px; height: 30px } .posters .added-by .user-avatar img, .fanarts .added-by .user-avatar img { border: solid 2px #fff; margin: 0 } .posters .added-by[data-rank="0"], .fanarts .added-by[data-rank="0"] { display: block } .posters .added-by[data-rank="1"], .fanarts .added-by[data-rank="1"] { display: block; left: 20px; z-index: 1 30 } .posters .added-by[data-rank="2"], .fanarts .added-by[data-rank="2"] { display: block; left: 40px; z-index: 2 30 } .posters .added-by[data-rank="3"], .fanarts .added-by[data-rank="3"] { display: block; left: 60px; z-index: 3 30 } .posters .added-by[data-rank="4"], .fanarts .added-by[data-rank="4"] { display: block; left: 80px; z-index: 4 30 } .posters .added-by[data-rank="5"], .fanarts .added-by[data-rank="5"] { display: block; left: 100px; z-index: 5 30 } .posters .added-by.plus-more, .fanarts .added-by.plus-more { left: 120px; background-color: #464646; display: block; width: 30px; height: 30px; border-radius: 50%; border: solid 2px #fff; cursor: pointer; color: #fff } .posters .added-by.plus-more .text, .fanarts .added-by.plus-more .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; text-align: center; width: 100%; line-height: 1; font-size: 11px; font-family: proxima nova bold } .posters .rewatching-badge, .posters .notable-badge, .fanarts .rewatching-badge, .fanarts .notable-badge { position: absolute; z-index: 30; left: 0; top: -10px; transition: all .5s; width: 30px; height: 30px; border: solid 2px #fff; background: #aaa; color: #fff; border-radius: 50%; line-height: 27px; font-size: 12px; padding-left: 6px } .posters .notable-badge, .fanarts .notable-badge { padding-left: 8px } .posters .notable-badge ~ .rewatching-badge, .fanarts .notable-badge ~ .rewatching-badge { left: 20px } .posters .notable-badge ~ .added-by, .fanarts .notable-badge ~ .added-by { left: 20px } .posters { margin-bottom: 20px } .posters.no-top { margin-top: -20px } .posters .list-edit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); z-index: 1; color: #fff; text-align: center; top: 100%; transition: all .25s } .posters .list-edit .icons { text-align: center; position: absolute; width: 100%; bottom: 15px; left: 0; font-size: 15px } .posters .list-edit .icons > div { vertical-align: middle } .posters .list-edit .icons > div.enabled { color: #ed1c24 } .posters .list-edit .icons > div:not(:first-child) { margin-left: 12px } .posters .list-edit .icons :not(.drag) { cursor: pointer } .posters .list-edit .icons .drag { font-size: 18px } .posters .list-edit .icons .notes { font-size: 16px } .posters .poster { border: solid 1px #eee; border-bottom: none; position: relative; overflow: hidden } .posters .poster.with-overflow { overflow: visible } .posters .poster .collection-metadata { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 3; color: #fff; background-color: rgba(0, 0, 0, .7); text-align: center; padding-top: 6px; opacity: 0; transition: all .5s } .posters .poster .collection-metadata .video, .posters .poster .collection-metadata .audio { position: absolute; width: 80%; left: 10% } .posters .poster .collection-metadata .video { bottom: 50%; border-bottom: solid 1px #666; padding-bottom: 10px } .posters .poster .collection-metadata .audio { top: 50%; padding-top: 15px } .posters .poster .collection-metadata span { margin: 0 3px 6px; vertical-align: middle; display: inline-block; font-size: 24px } .posters .poster .collection-metadata span.tag { margin-bottom: 0; font-family: proxima nova semibold; font-size: 14px; color: #eee } .posters .poster .collection-metadata span.tag.strong { font-family: proxima nova bold } .posters .poster .collection-metadata span.logos-icon-bluray, .posters .poster .collection-metadata span.logos-icon-vcd { font-size: 30px } .posters .poster .collection-metadata span.logos-icon-digital { font-size: 20px } .posters .poster .collection-metadata span.logos-icon-dolby_digital, .posters .poster .collection-metadata span.logos-icon-dolby_digital_plus, .posters .poster .collection-metadata span.logos-icon-dolby_prologic, .posters .poster .collection-metadata span.logos-icon-dolby_atmos, .posters .poster .collection-metadata span.logos-icon-dolby_truehd, .posters .poster .collection-metadata span.logos-icon-dts, .posters .poster .collection-metadata span.logos-icon-dts_ma, .posters .poster .collection-metadata span.logos-icon-dts_x { font-size: 20px } .posters .poster .collection-metadata ~ .list-add-notes { background: 0 0 } .posters .poster:hover .collection-metadata { opacity: 1 } .posters .poster:hover .collection-metadata ~ .list-read-notes { background-color: transparent; background: 0 0 } .posters .poster:hover .list-add-notes { top: 0 } .posters .poster img { width: 100% } .posters .poster .real { min-height: 100%; position: absolute; top: 0; left: 0 } .posters .poster .quad { height: 50%; width: 50%; min-height: 50% } .posters .poster .quad:nth-child(3) { left: 50% } .posters .poster .quad:nth-child(4) { top: 50% } .posters .poster .quad:nth-child(5) { top: 50%; left: 50% } .posters .poster h4 { background-color: #ed1c24; color: #fff; font-size: 11px; display: inline-block; padding: 3px 5px; margin: 0 0 5px; font-family: proxima nova semibold; height: auto; position: absolute; top: 10px; left: 0 } .posters .poster h4.premiere { background-color: #08a508 } .posters .poster h4.bottom { top: auto; left: 10px; bottom: 8px } .posters > div { margin-top: 20px } .posters > div.no-top { margin-top: 0 } .posters > div .quick-icons { border: solid 1px #eee; border-top: none } .posters > div .titles { margin: 0 0 5px; position: relative } .posters > div .titles .under-progress-wrapper { position: absolute; top: -15px; right: 1px; left: 1px } .posters > div .titles.with-progress .under-progress-wrapper { top: -11px } .posters > div h3, .posters > div h4 { text-align: center; margin: 0; padding: 0 } .posters > div h3 { font-size: 16px; margin-top: 10px; overflow: hidden; height: 18px; text-overflow: ellipsis; white-space: nowrap } .posters > div h3 .main-title-abs { font-family: proxima nova bold } .posters > div h3 .main-title-sxe { font-family: proxima nova bold } .posters > div h4 { font-size: 12px; margin-top: 5px; overflow: hidden; height: 13px; text-overflow: ellipsis; white-space: nowrap } .posters .user h4 .fa, .posters .user h4 [class^=fa-], .posters .user h4 [class*=" fa-"] { margin: 0 3px 0 0 } .posters .user h4 .fa.gender, .posters .user h4 .gender[class^=fa-], .posters .user h4 .gender[class*=" fa-"] { margin-left: 7px } .posters .avatar-grid-item .poster { text-align: center; background: url(/assets/users/bg-015ea5914b51dd0a91e5b70389f66e82c52063e269e52739442a6444ca46d736.jpg) center center; background-size: cover } .posters .avatar-grid-item .poster img.base { opacity: 0 } .posters .avatar-grid-item .poster img.real { width: 70%; height: auto; min-height: auto; left: 50%; margin-left: -35%; border-radius: 50%; border: 5px solid #fff; background-color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap } .posters .avatar-grid-item .quick-icons { display: none } .fanarts { position: relative } .fanarts .featured-wide .bg { height: 400px; background-size: cover; background-position: 0% 10% } .fanarts .fanart { background-color: #1d1d1d; position: relative; overflow: hidden } .fanarts .fanart > a { display: block } .fanarts .fanart img { width: 100% } .fanarts .fanart .real { min-height: 100%; position: absolute; top: 0; left: 0 } .fanarts .fanart .quad { height: 100%; width: auto } .fanarts .fanart .quad:nth-child(2) { left: auto; right: 0 } .fanarts .fanart .quad:nth-child(3) { left: 42% } .fanarts .fanart .quad:nth-child(4) { left: 21% } .fanarts .fanart .headshot { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .fanarts .fanart .avatar-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-color: rgba(0, 0, 0, .3) } .fanarts .fanart .avatar-wrapper .avatar { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; text-align: center; width: 100% } .fanarts .fanart .avatar-wrapper .avatar img { height: 120px; width: 120px; border-radius: 50%; border: 5px solid #fff; background-color: #fff } .fanarts .fanart .titles { position: absolute; bottom: 10px; left: 12px; height: auto; margin: 0 } .fanarts .fanart h3 { font-family: proxima nova semibold; color: #fff; text-shadow: 0 0 20px #000; font-size: 18px; margin: 0; text-align: left; white-space: normal; height: auto; overflow: visible } .fanarts .fanart h3 .main-title-abs { font-family: proxima nova bold } .fanarts .fanart h3 .main-title-sxe { font-family: proxima nova bold } .fanarts .fanart h3 .year { font-family: proxima nova; font-size: 14px; color: #ccc } .fanarts .fanart h4 { background-color: #ed1c24; color: #fff; font-size: 11px; display: inline-block; padding: 3px 5px; margin: 0 5px 5px 0; font-family: proxima nova semibold; height: auto; text-transform: none } .fanarts .fanart h4.premiere { background-color: #08a508 } .fanarts .fanart h4.generic { background-color: #555 } .fanarts .fanart h4.collect { background-color: #16a085 } .fanarts .fanart h4.list { background-color: #2b678f } .fanarts .fanart h4.favorite { background-color: #e85d04 } .fanarts .fanart h4.subscribe { background-color: #cc0c52 } .fanarts .fanart h5 { font-size: 14px; margin: 0 0 5px; color: #eee; font-family: proxima nova semibold; text-shadow: 0 0 20px #000 } .fanarts .fanart.logo img.base { visibility: hidden } .fanarts .fanart.logo img.real { opacity: .35 } .fanarts .fanart .logo-wrapper { position: absolute; width: 100%; height: 50%; text-align: center; top: 10%; left: 0 } .fanarts .fanart .logo-wrapper img { width: auto; height: 100% } .fanarts .fanart .logo-wrapper h3 { width: 100%; text-align: center; bottom: 15%; position: absolute; color: #999; font-style: italic } .fanarts .fanart.thumb:not(.stock-titles) .shadow-base, .fanarts .fanart.banner:not(.stock-titles) .shadow-base, .fanarts .fanart.poster:not(.stock-titles) .shadow-base { display: none } .fanarts .fanart.thumb:not(.stock-titles) .titles, .fanarts .fanart.banner:not(.stock-titles) .titles, .fanarts .fanart.poster:not(.stock-titles) .titles { top: 10px; bottom: auto; left: 0; width: 100%; height: 0 } .fanarts .fanart.thumb:not(.stock-titles) .titles h3, .fanarts .fanart.thumb:not(.stock-titles) .titles h5, .fanarts .fanart.banner:not(.stock-titles) .titles h3, .fanarts .fanart.banner:not(.stock-titles) .titles h5, .fanarts .fanart.poster:not(.stock-titles) .titles h3, .fanarts .fanart.poster:not(.stock-titles) .titles h5 { background-color: #1d1d1d; color: #fff; font-size: 12px; display: inline-block; padding: 3px 5px; margin: 0; font-family: proxima nova semibold; height: auto; margin: 5px 0 0; position: absolute; left: 0 } .fanarts .fanart.thumb:not(.stock-titles) .titles h3, .fanarts .fanart.banner:not(.stock-titles) .titles h3, .fanarts .fanart.poster:not(.stock-titles) .titles h3 { top: 20px } .fanarts .fanart.thumb:not(.stock-titles) .titles h5, .fanarts .fanart.banner:not(.stock-titles) .titles h5, .fanarts .fanart.poster:not(.stock-titles) .titles h5 { top: 44px } .fanarts .avatar-grid-item img.base { opacity: 0 } .fanarts .avatar-grid-item .quick-icons { display: none } .fanarts .no-border .quick-icons { border: none } .poster .loading, .fanart .loading, .btn-summary .loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-color: rgba(0, 0, 0, .5); font-size: 36px; color: #fff; display: none; z-index: 1 } .poster .loading .icon, .fanart .loading .icon, .btn-summary .loading .icon { position: absolute; width: 36px; height: 36px; top: 50%; left: 50%; margin: -18px 0 0 -18px; text-align: center } .quick-icons { height: 40px; color: #fff; background-color: #1d1d1d; overflow: hidden; white-space: nowrap } .quick-icons.lighter { background-color: #eee } .quick-icons > div { transition: .5s } .quick-icons .actions { float: left } .quick-icons .actions .popover { color: #333; width: 275px; max-width: 275px; z-index: 1200 } .quick-icons .actions .popover .popover-title { height: auto; font-size: 14px !important; font-family: proxima nova !important; margin: 0; padding: 6px 8px; color: inherit !important } .quick-icons .actions > a { width: 35px; display: block; line-height: 40px; height: 40px; float: left; text-align: center; cursor: pointer; font-size: 1.7em; text-decoration: none; position: relative } .quick-icons .actions > a .base { position: absolute; width: 100%; height: 100%; transition: all .5s; bottom: 0; left: 0 } .quick-icons .actions > a [class^=trakt-icon-], .quick-icons .actions > a [class*=" trakt-icon-"], .quick-icons .actions > a .fa, .quick-icons .actions > a [class^=fa-], .quick-icons .actions > a [class*=" fa-"] { position: absolute; left: 0; top: 0; line-height: inherit; width: 100% } .quick-icons .actions > a.watch { color: #8e44ad } .quick-icons .actions > a.watch:hover, .quick-icons .actions > a.watch.selected { color: #fff } .quick-icons .actions > a.watch:hover .base, .quick-icons .actions > a.watch.selected .base { background-color: #8e44ad } .quick-icons .actions > a.watch.rewatching .icon { top: -1px; font-size: .9em; padding-right: 2px; width: calc(100% - 2px) } .quick-icons .actions > a.watch.rewatching .icon:before { font-family: 'font awesome 6 pro'; font-weight: 900; content: "\f04a" } .quick-icons .actions > a.collect { color: #16a085 } .quick-icons .actions > a.collect:hover, .quick-icons .actions > a.collect.selected { color: #fff } .quick-icons .actions > a.collect:hover .base, .quick-icons .actions > a.collect.selected .base { background-color: #16a085 } .quick-icons .actions > a.list { color: #2b678f } .quick-icons .actions > a.list:hover, .quick-icons .actions > a.list.selected { color: #fff } .quick-icons .actions > a.list:hover .base, .quick-icons .actions > a.list.selected .base { background-color: #2b678f } .quick-icons .actions > a.favorite { color: #e85d04 } .quick-icons .actions > a.favorite:hover, .quick-icons .actions > a.favorite.selected { color: #fff } .quick-icons .actions > a.favorite:hover .base, .quick-icons .actions > a.favorite.selected .base { background-color: #e85d04 } .quick-icons .actions > a.ignore { color: #555 } .quick-icons .actions > a.ignore:hover, .quick-icons .actions > a.ignore.selected { color: #fff } .quick-icons .actions > a.ignore:hover .base, .quick-icons .actions > a.ignore.selected .base { background-color: #555 } .quick-icons .actions > a.watch-now { color: #aaa; font-size: 1.5em } .quick-icons .actions > a.watch-now:hover, .quick-icons .actions > a.watch-now.selected { color: #fff } .quick-icons .actions > a.watch-now:hover .base, .quick-icons .actions > a.watch-now.selected .base { background-color: #555 } .quick-icons .actions > a.watch-now .fa-play { left: 1px } .quick-icons .metadata { float: right; padding-right: 10px } .quick-icons .metadata .percentage { font-size: 20px; font-family: proxima nova semibold; line-height: 40px; cursor: pointer } .quick-icons .metadata .percentage .fa, .quick-icons .metadata .percentage [class^=fa-], .quick-icons .metadata .percentage [class*=" fa-"] { margin-right: 5px; font-size: 16px; color: #616161 } .quick-icons .metadata .percentage .fa.rating-1, .quick-icons .metadata .percentage .rating-1[class^=fa-], .quick-icons .metadata .percentage .rating-1[class*=" fa-"] { color: #616161 } .quick-icons .metadata .percentage .fa.rating-2, .quick-icons .metadata .percentage .rating-2[class^=fa-], .quick-icons .metadata .percentage .rating-2[class*=" fa-"] { color: #675b5b } .quick-icons .metadata .percentage .fa.rating-3, .quick-icons .metadata .percentage .rating-3[class^=fa-], .quick-icons .metadata .percentage .rating-3[class*=" fa-"] { color: #705252 } .quick-icons .metadata .percentage .fa.rating-4, .quick-icons .metadata .percentage .rating-4[class^=fa-], .quick-icons .metadata .percentage .rating-4[class*=" fa-"] { color: #7a4747 } .quick-icons .metadata .percentage .fa.rating-5, .quick-icons .metadata .percentage .rating-5[class^=fa-], .quick-icons .metadata .percentage .rating-5[class*=" fa-"] { color: #863c3c } .quick-icons .metadata .percentage .fa.rating-6, .quick-icons .metadata .percentage .rating-6[class^=fa-], .quick-icons .metadata .percentage .rating-6[class*=" fa-"] { color: #922f30 } .quick-icons .metadata .percentage .fa.rating-7, .quick-icons .metadata .percentage .rating-7[class^=fa-], .quick-icons .metadata .percentage .rating-7[class*=" fa-"] { color: #9e2424 } .quick-icons .metadata .percentage .fa.rating-8, .quick-icons .metadata .percentage .rating-8[class^=fa-], .quick-icons .metadata .percentage .rating-8[class*=" fa-"] { color: #a81918 } .quick-icons .metadata .percentage .fa.rating-9, .quick-icons .metadata .percentage .rating-9[class^=fa-], .quick-icons .metadata .percentage .rating-9[class*=" fa-"] { color: #b11010 } .quick-icons .metadata .percentage .fa.rating-10, .quick-icons .metadata .percentage .rating-10[class^=fa-], .quick-icons .metadata .percentage .rating-10[class*=" fa-"] { color: #b70a0a } .quick-icons .metadata .like-item { font-size: 20px; font-family: proxima nova semibold; line-height: 37px } .quick-icons .metadata .like-item a.like { text-decoration: none } .quick-icons .metadata .like-item a.like .icon { color: #fff; vertical-align: text-top; cursor: pointer; margin-right: 5px } .quick-icons .metadata .like-item a.like.selected .icon:before { content: "\e612" } .quick-icons .metadata .popover { color: #333; width: 275px; max-width: 275px; text-align: center; z-index: 1200 } .quick-icons .metadata .popover .popover-title { margin: 0; padding: 6px 8px; height: auto; font-size: 14px; color: inherit !important } .quick-icons .metadata .popover .rating-hearts { float: none } .quick-icons .metadata .popover .hearts { color: #ccc; font-size: 20px } .quick-icons.smaller { height: 35px } .quick-icons.smaller .actions > a { width: 28px; line-height: 34px; font-size: 1.3em; height: 34px } .quick-icons.smaller .metadata { padding-right: 5px } .quick-icons.smaller .metadata .percentage { line-height: 34px; font-size: 14px; font-family: proxima nova semibold } .quick-icons.smaller .metadata .percentage .fa, .quick-icons.smaller .metadata .percentage [class^=fa-], .quick-icons.smaller .metadata .percentage [class*=" fa-"] { margin-right: 4px; font-size: 14px } .quick-icons.smaller .metadata .like-item { line-height: 34px; font-size: 14px; padding-right: 5px } .frame-wrapper { background-color: #1d1d1d } .frame-wrapper:before, .frame-wrapper:after { content: " "; display: table } .frame-wrapper:after { clear: both } .frame-wrapper.with-advanced-filters { overflow-x: clip } .frame-wrapper .alert-no-data { background-color: #2d2d2d; color: #999; margin: 0 10px } .frame-wrapper .sidenav h4, .frame-wrapper .advanced-filters h4 { font-family: proxima nova semibold; font-size: 14px; text-transform: uppercase; margin: 20px 0 8px; color: #666; position: relative } .frame-wrapper .sidenav h4 .alt, .frame-wrapper .advanced-filters h4 .alt { color: #eee } .frame-wrapper .sidenav h4 a.reset, .frame-wrapper .sidenav h4 a.btn-filter-save, .frame-wrapper .advanced-filters h4 a.reset, .frame-wrapper .advanced-filters h4 a.btn-filter-save { color: #444; transition: all .5s; float: right; text-decoration: none } .frame-wrapper .sidenav h4 a.reset:hover, .frame-wrapper .sidenav h4 a.btn-filter-save:hover, .frame-wrapper .advanced-filters h4 a.reset:hover, .frame-wrapper .advanced-filters h4 a.btn-filter-save:hover { color: #eee } .frame-wrapper .sidenav h4 a.btn-filter-save, .frame-wrapper .advanced-filters h4 a.btn-filter-save { margin-right: 7px } .frame-wrapper .sidenav h4 .chosen-container, .frame-wrapper .advanced-filters h4 .chosen-container { position: absolute; right: -9px; bottom: -8px; font-size: 11px; opacity: .6; transition: all .5s } .frame-wrapper .sidenav h4 .chosen-container:hover, .frame-wrapper .sidenav h4 .chosen-container.chosen-container-active, .frame-wrapper .advanced-filters h4 .chosen-container:hover, .frame-wrapper .advanced-filters h4 .chosen-container.chosen-container-active { opacity: 1 } .frame-wrapper .sidenav h4 .chosen-container .chosen-single, .frame-wrapper .advanced-filters h4 .chosen-container .chosen-single { background: 0 0 !important; color: #666 } .frame-wrapper .sidenav h4 .chosen-container .chosen-single span, .frame-wrapper .advanced-filters h4 .chosen-container .chosen-single span { margin-right: 20px } .frame-wrapper .sidenav h4 .chosen-container .chosen-drop, .frame-wrapper .advanced-filters h4 .chosen-container .chosen-drop { background: #444 } .frame-wrapper .sidenav-text-field { display: block; font-family: sans-serif; width: 100%; padding: 0 7px; outline: none; background: #333 !important; color: #eee; border: none; box-shadow: none; border-radius: 3px; height: 28px; line-height: 28px; font-size: 13px } .frame-wrapper .sidenav { float: left; width: 300px; color: #fff; position: relative; transition: all .5s } .frame-wrapper .sidenav .sidenav-inner { width: 300px; padding: calc(15px + var(--header-height)) 20px 20px 20px; transition: padding .5s; position: relative } .frame-wrapper .sidenav .sidenav-inner.with-pagination { padding-top: 20px } .frame-wrapper .sidenav .show-advanced-filters { margin-top: 20px; text-transform: uppercase; font-family: proxima nova semibold; font-size: 13px; display: block } .frame-wrapper .sidenav .alert-no-data { margin: 20px -20px -10px; padding: 8px 10px; font-size: 12px; font-style: normal } .frame-wrapper .sidenav .alert-vip-required { margin: 20px 0 0; font-size: 13px; font-style: normal; background-color: #ed1c24; color: #fff; padding: 8px 10px; border-radius: 3px; text-decoration: none; display: block; line-height: 1.2 } .frame-wrapper .sidenav .alert-sidebar-info { margin: 20px 0 0; font-size: 13px; font-style: normal; background-color: #009edf; color: #fff; padding: 8px 10px; border-radius: 3px; text-decoration: none; display: block; line-height: 1.4 } .frame-wrapper .sidenav .alert-sidebar-info b { border-bottom: dotted 1px #fff } .frame-wrapper .sidenav .om1gYCfRiN-oVhoJ0rsnL-info, .frame-wrapper .sidenav .om1gYCfRiN-oVhoJ0rsnL-label { color: #999; background-color: transparent; text-align: center } .frame-wrapper .sidenav .feeds { position: absolute; right: 0; top: -2px } .frame-wrapper .sidenav .feeds > a, .frame-wrapper .sidenav .feeds > span > a { margin: 0 0 0 5px; display: inline-block; vertical-align: top } .frame-wrapper .sidenav .feeds > a .icon, .frame-wrapper .sidenav .feeds > span > a .icon { color: #757575; font-size: 21px; transition: all .5s; vertical-align: middle; margin-left: 2px } .frame-wrapper .sidenav .feeds > a:hover .icon, .frame-wrapper .sidenav .feeds > span > a:hover .icon { color: #fff } .frame-wrapper .sidenav .feeds .user-avatar { width: 22px; margin: 0 0 0 5px; display: inline-block } .frame-wrapper .sidenav .feeds .user-avatar img { border: none; margin: 0; width: 22px; height: 22px } .frame-wrapper .sidenav h1 { font-size: 36px; margin: 0; padding: 0; position: relative } .frame-wrapper .sidenav h1 .filter-dropdown { font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; float: right; font-size: 19px; margin-top: 10px } .frame-wrapper .sidenav h1 .filter-dropdown .icon { color: #fff } .frame-wrapper .sidenav h1 .show-advanced-filters, .frame-wrapper .sidenav h1 .show-advanced-filters-link { margin-left: 10px; font-size: 20px; margin-top: 10px; margin-right: -12px } .frame-wrapper .sidenav h1 .show-advanced-filters .fa-caret-right, .frame-wrapper .sidenav h1 .show-advanced-filters-link .fa-caret-right { font-size: 14px; vertical-align: top; margin-left: 4px; margin-top: 3px } .frame-wrapper .sidenav h1 .show-advanced-filters-link { color: #fff } .frame-wrapper .sidenav h1 .prev { font-size: 20px; position: absolute; left: -20px; bottom: 4px } .frame-wrapper .sidenav h1 .prev a { padding: 0 20px 0 7px } .frame-wrapper .sidenav h1 .next { font-size: 20px; display: inline-block; margin-left: 7px } .frame-wrapper .sidenav h1 .next a { padding: 0 10px; margin-left: -10px } .frame-wrapper .sidenav h2 { font-size: 16px; margin: 5px 0 0; position: relative } .frame-wrapper .sidenav h2 .sidenav-collapse { position: absolute; left: -21px; font-size: 12px; text-align: center; width: 22px; line-height: 30px; z-index: 10; cursor: pointer; top: -7px; padding-left: 5px; border-radius: 0 5px 5px 0; transition: all .5s } .frame-wrapper .sidenav h2 .sidenav-collapse .fa, .frame-wrapper .sidenav h2 .sidenav-collapse [class^=fa-], .frame-wrapper .sidenav h2 .sidenav-collapse [class*=" fa-"] { color: #666; transition: color .5s; vertical-align: middle } .frame-wrapper .sidenav h2 .sidenav-collapse:hover .fa, .frame-wrapper .sidenav h2 .sidenav-collapse:hover [class^=fa-], .frame-wrapper .sidenav h2 .sidenav-collapse:hover [class*=" fa-"] { color: #fff } .frame-wrapper .sidenav h2 b { font-family: proxima nova semibold; font-style: normal } .frame-wrapper .sidenav h3 { font-family: proxima nova bold; font-size: 14px; text-transform: uppercase; margin: 0 0 10px; padding-bottom: 5px; color: #757575; cursor: row-resize; position: relative; transition: all .5s } .frame-wrapper .sidenav h3:after { content: "\f078"; font: var(--fa-font-solid); transition: all .25s; color: #757575; display: inline-block; margin-left: 5px } .frame-wrapper .sidenav h3.collapsed { margin-bottom: -10px } .frame-wrapper .sidenav h3.collapsed:after { transform: rotate(-180deg) } .frame-wrapper .sidenav h3:hover:before { color: #fff } .frame-wrapper .sidenav nav { display: block; margin-top: 25px } .frame-wrapper .sidenav nav a.notifications { float: right; color: #777; transition: all .5s; margin-top: -9px } .frame-wrapper .sidenav nav a.notifications:hover { color: #ed1c24 } .frame-wrapper .sidenav nav .link { margin: 0 0 10px; position: relative } .frame-wrapper .sidenav nav > .link > a, .frame-wrapper .sidenav nav > ul > li.link > a { display: block; font-size: 22px; color: #fff; padding: 0; font-family: proxima nova; line-height: 1; transition: all .5s; vertical-align: middle } .frame-wrapper .sidenav nav > .link > a.selected, .frame-wrapper .sidenav nav > ul > li.link > a.selected { font-family: proxima nova semibold; color: #ed1c24 } .frame-wrapper .sidenav nav > .link > a .spacer, .frame-wrapper .sidenav nav > ul > li.link > a .spacer { height: 22px; float: right; width: 30px } .frame-wrapper .sidenav nav > .link .btn-list-unsubscribe, .frame-wrapper .sidenav nav > .link .btn-filter-delete, .frame-wrapper .sidenav nav > ul > li.link .btn-list-unsubscribe, .frame-wrapper .sidenav nav > ul > li.link .btn-filter-delete { color: #ed1c24; cursor: pointer; transition: all .5s; vertical-align: middle; font-size: 16px; padding: 5px 6px 5px 0 } .frame-wrapper .sidenav nav > .link.saved-filter, .frame-wrapper .sidenav nav > ul > li.link.saved-filter { margin-bottom: 0; line-height: 11px } .frame-wrapper .sidenav nav > .link.saved-filter > a, .frame-wrapper .sidenav nav > ul > li.link.saved-filter > a { font-size: 18px; border-radius: 4px 0 0 4px; padding: 4px 6px; margin-left: -6px; display: inline-block; text-decoration: none; white-space: nowrap; max-width: calc(100% - 13px); overflow: hidden; text-overflow: ellipsis } .frame-wrapper .sidenav nav > .link.saved-filter.with-feeds > a, .frame-wrapper .sidenav nav > ul > li.link.saved-filter.with-feeds > a { max-width: calc(100% - 70px) } .frame-wrapper .sidenav nav > .link.saved-filter.with-feeds.with-avatar > a, .frame-wrapper .sidenav nav > ul > li.link.saved-filter.with-feeds.with-avatar > a { max-width: calc(100% - 90px) } .frame-wrapper .sidenav nav > .link.saved-filter .feeds, .frame-wrapper .sidenav nav > ul > li.link.saved-filter .feeds { top: 1px } .frame-wrapper .sidenav nav > .link.saved-filter:hover > a, .frame-wrapper .sidenav nav > ul > li.link.saved-filter:hover > a { background-color: #3d3d3d } .frame-wrapper .sidenav nav > .link.saved-filter:hover > a.selected, .frame-wrapper .sidenav nav > ul > li.link.saved-filter:hover > a.selected { background-color: #e6e6e6 } .frame-wrapper .sidenav nav > .link.saved-filter:hover .btn-list-unsubscribe, .frame-wrapper .sidenav nav > .link.saved-filter:hover .btn-filter-delete, .frame-wrapper .sidenav nav > ul > li.link.saved-filter:hover .btn-list-unsubscribe, .frame-wrapper .sidenav nav > ul > li.link.saved-filter:hover .btn-filter-delete { background-color: #3d3d3d; border-radius: 0 4px 4px 0 } .frame-wrapper .sidenav nav > .link.saved-filter.selected > a, .frame-wrapper .sidenav nav > ul > li.link.saved-filter.selected > a { background-color: #fff; color: #ed1c24 } .frame-wrapper .sidenav nav > .link.saved-filter.selected .btn-list-unsubscribe, .frame-wrapper .sidenav nav > .link.saved-filter.selected .btn-filter-delete, .frame-wrapper .sidenav nav > ul > li.link.saved-filter.selected .btn-list-unsubscribe, .frame-wrapper .sidenav nav > ul > li.link.saved-filter.selected .btn-filter-delete { background-color: #fff; color: #1d1d1d; border-radius: 0 4px 4px 0 } .frame-wrapper .sidenav nav ul { list-style: none; padding: 0; margin: 0 } .frame-wrapper .sidenav nav ul li { margin: 0; padding: 0 } .frame-wrapper .sidenav nav ul li.active a { font-family: proxima nova semibold; color: #ed1c24 } .frame-wrapper .sidenav .applied-filters-wrapper { border-left: solid 2px #ed1c24; padding-left: 16px; margin: -10px 0 20px } .frame-wrapper .sidenav .applied-filters-buttons { margin-top: 20px; display: grid; grid-template-columns: 66px auto; grid-gap: 10px; max-width: 300px } .frame-wrapper .sidenav .applied-filters { max-height: 130px; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none } .frame-wrapper .sidenav .applied-filters::-webkit-scrollbar { display: none } .frame-wrapper .sidenav .filter-tag { display: inline-block; background-color: #3d3d3d; color: #eee; padding: 0 5px; font-size: 12px; letter-spacing: .2px; border-radius: 3px; line-height: 22px; margin: 0 5px 5px 0; white-space: nowrap; font-family: proxima nova semibold } .frame-wrapper .sidenav .filter-tag.without { text-decoration: line-through } .frame-wrapper .sidenav .filter-tag .title { display: inline-block; background-color: #000; padding: 0 6px; margin: 0 5px 0 -5px; border-radius: 3px 0 0 3px } .frame-wrapper .sidenav .filter-tag.title { background-color: #000 } .frame-wrapper .sidenav .filter-tag .site { float: left; background-color: #1d1d1d; margin: 0 5px 0 -5px; padding-right: 5px } .frame-wrapper .sidenav .filter-tag .site img { margin-top: -2px; height: 19px; width: 19px } .frame-wrapper .sidenav .filter-tag .site.metacritic img { border-radius: 50%; border: solid 1px #ffcd34 } .frame-wrapper .sidenav .filter-tag .site.icon { font-size: 16px; padding-bottom: 4px; padding-top: 2px } .frame-wrapper .sidenav .filter-tag .site.icon.trakt-icon-vote-yes { font-size: 18px } .frame-wrapper #date-nav { padding: 0 0 20px; margin-top: -5px } .frame-wrapper #date-nav:before, .frame-wrapper #date-nav:after { content: " "; display: table } .frame-wrapper #date-nav:after { clear: both } .frame-wrapper #date-nav .prev { float: left } .frame-wrapper #date-nav .prev .trakt-icon-arrow-left { margin-right: 5px; font-size: 20px } .frame-wrapper #date-nav .next { float: right } .frame-wrapper #date-nav .next .trakt-icon-arrow-right { margin-left: 5px; font-size: 20px } .frame-wrapper #date-nav .no-link { color: #444 } .frame-wrapper #date-nav.bottom { margin: 0; padding: 10px; float: left; width: 100% } .frame-wrapper .frame { background-color: #1d1d1d; margin-top: var(--header-height); margin-left: 300px; border-left: solid 1px #2d2d2d; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all .5s; position: relative; z-index: 25 } .frame-wrapper .frame.with-advanced-filters { margin-left: 600px; margin-right: -300px } .frame-wrapper .frame.with-popovers { z-index: 30 } .frame-wrapper .frame .alert-no-data { background-color: #1d1d1d } @media(max-width:991px) { .frame-wrapper .frame .fanarts:before, .frame-wrapper .frame .fanarts:after { content: " "; display: table } .frame-wrapper .frame .fanarts:after { clear: both } } .frame-wrapper .frame .fanarts > div:not(.personal-list) { border-bottom: solid 1px #2d2d2d; border-right: solid 1px #2d2d2d; padding: 0 } .frame-wrapper .frame .fanarts > .personal-list { margin-top: 20px; padding-top: 0 } .frame-wrapper .frame .fanarts > .personal-list:first-child { margin-top: 0; border-top: 0 } .frame-wrapper .frame .no-results { border: none !important; width: 100%; text-align: center; color: #555; font-family: proxima nova; font-size: 26px; line-height: 1.1; padding: 100px 0 !important } .frame-wrapper .frame .no-results img { width: 150px; margin-bottom: 20px; opacity: .5 } .frame-wrapper .frame.grid #date-nav.bottom { margin: 0 -10px } .frame-wrapper .advanced-filters { transition: all .5s; margin-top: 0; background-color: #222; min-height: 100vh; width: 0; overflow: clip; opacity: 0 } .frame-wrapper .advanced-filters .sidenav-inner { padding-top: var(--header-height); transition: all .5s; -ms-overflow-style: none; scrollbar-width: none; max-height: 100vh; overflow-y: auto } .frame-wrapper .advanced-filters .sidenav-inner::-webkit-scrollbar { display: none } .frame-wrapper .advanced-filters.open { width: 300px; opacity: 1 } .frame-wrapper .advanced-filters select { display: none; background-color: #333; color: #eee; font-family: sans-serif; font-size: 12px; border: 0; border-radius: 3px; padding: 5px; -webkit-appearance: none } .frame-wrapper .advanced-filters .buttons { text-align: center; transition: all .5s; position: sticky; bottom: -20px; padding: 30px 20px 20px; margin: 0 -20px -20px; background: linear-gradient(to bottom, transparent 0%, #222 30%, #222 100%); z-index: 50; display: grid; grid-template-columns: 66px auto; grid-gap: 10px } .frame-wrapper .advanced-filters .buttons:not(.vip) { grid-template-columns: 1fr } .frame-wrapper .advanced-filters .buttons #filter-apply.disabled { opacity: .2 } .frame-wrapper .advanced-filters .chosen-container.text-field { display: block } .frame-wrapper .advanced-filters .chosen-container.text-field .chosen-single { font-family: sans-serif; width: 100%; padding: 0 5px; outline: none } .frame-wrapper .advanced-filters .chosen-container .chosen-single, .frame-wrapper .advanced-filters .chosen-container .chosen-choices { background: #333 !important; color: #eee; border: none; box-shadow: none; border-radius: 3px; height: 28px; line-height: 28px } .frame-wrapper .advanced-filters .chosen-container .chosen-single div b, .frame-wrapper .advanced-filters .chosen-container .chosen-choices div b { background-position: 0 4px } .frame-wrapper .advanced-filters .chosen-container .chosen-drop { background: #333; border: none; box-shadow: none } .frame-wrapper .advanced-filters .chosen-container .chosen-drop .result-selected { color: #555 } .frame-wrapper .advanced-filters .chosen-container .chosen-results { color: #eee; margin: 0; padding: 0 } .frame-wrapper .advanced-filters .chosen-container .chosen-results li { padding: 6px 8px } .frame-wrapper .advanced-filters .chosen-container .chosen-results li.highlighted { background: #444 !important; color: #fff } .frame-wrapper .advanced-filters .chosen-container .chosen-results li.highlighted .right-tag { background-color: #333 } .frame-wrapper .advanced-filters .chosen-container .chosen-results li.group-option { padding-left: 15px } .frame-wrapper .advanced-filters .chosen-container .chosen-results li.group-result .select-all { color: #fff } .frame-wrapper .advanced-filters .chosen-container .chosen-results li .right-tag { float: right; background-color: #444; font-size: 11px; padding: 2px 4px 3px; border-radius: 3px; line-height: 1; color: #aaa } .frame-wrapper .advanced-filters .chosen-container .chosen-choices li.search-choice { background: #222 !important; color: #eee; border: none; box-shadow: none; margin: 5px 5px 3px 0; padding: 3px 20px 2px 5px } .frame-wrapper .advanced-filters .chosen-container .chosen-choices li.search-field input[type=text] { color: #eee !important } .frame-wrapper .advanced-filters .ratings-wrapper { margin: 10px 0 15px } .frame-wrapper .advanced-filters .ratings-wrapper .site { float: left; width: 20px; margin: -3px 0 0 -8px } .frame-wrapper .advanced-filters .ratings-wrapper .site img { width: 100% } .frame-wrapper .advanced-filters .ratings-wrapper .site.metacritic img { border-radius: 50%; border: solid 1px #ffcd34 } .frame-wrapper .advanced-filters .ratings-wrapper .site .icon { font-size: 18px; margin-left: 3px } .frame-wrapper .advanced-filters .ratings-wrapper .site .icon.trakt-icon-vote-yes { font-size: 20px } .frame-wrapper .advanced-filters .ratings-wrapper .slider { margin: 0 15px 0 27px } .frame-wrapper .advanced-filters .ratings-wrapper .slider .noUi-handle { font-family: proxima nova semibold; font-size: 10px; width: 31px; text-align: center; line-height: 20px; height: 20px; top: -3px; color: #eee } .frame-wrapper .advanced-filters .slider { height: 15px; margin: 10px 0 0 } .frame-wrapper .advanced-filters .slider.with-pips { margin-bottom: 50px } .frame-wrapper .advanced-filters .slider, .frame-wrapper .advanced-filters .slider .noUi-background { background-color: #2d2d2d; box-shadow: none; border: none } .frame-wrapper .advanced-filters .slider .noUi-handle { border: none; box-shadow: none; width: 14px; height: 22px; left: -7px; top: -4px; background-color: #666 } .frame-wrapper .advanced-filters .slider .noUi-handle:before, .frame-wrapper .advanced-filters .slider .noUi-handle:after { background-color: transparent } .frame-wrapper .advanced-filters .slider .noUi-connect { background-color: #444 } .frame-wrapper .advanced-filters .slider .noUi-pips { font-size: 10px; color: #666 } .frame-wrapper .advanced-filters .slider .noUi-marker { background: #444; width: 1px } .frame-wrapper .advanced-filters .slider .noUi-marker-large { background: #666; height: 10px } .frame-wrapper .advanced-filters .slider .noUi-value-horizontal { padding-top: 12px } .frame-wrapper.no-sidenav .sidenav { margin-left: -300px } .frame-wrapper.no-sidenav .sidenav.advanced-filters { margin-left: 0 } .frame-wrapper.no-sidenav .sidenav h2 .sidenav-collapse { left: auto; right: -44px; background-color: #1d1d1d } .frame-wrapper.no-sidenav .sidenav h2 .sidenav-collapse .fa-solid:before { content: "\e0a0" } .frame-wrapper.no-sidenav .sidenav .sidenav-inner { z-index: 30 } .frame-wrapper.no-sidenav .frame { margin-left: 0 } .frame-wrapper.no-sidenav .frame.with-advanced-filters { margin-left: 300px } .frame-wrapper.no-sidenav-quick * { transition: none !important } .frame-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper { display: none } .frame-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper.visible { display: flex; padding: 15px 0 30px } .frame-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper.visible > div { margin: 0 auto } @media(min-width:1025px) { .frame-wrapper .frame .no-results { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap } } .shadow-base { height: 100px; width: 100%; position: absolute; bottom: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0) } .users-wrapper { background-color: #fafafa; border: solid 1px #e1e1e1; padding: 20px 20px 10px; margin-top: 20px } .users-wrapper h2 { margin: 0 0 20px } .users-wrapper h3 { text-transform: uppercase; margin: 10px 0 20px 0; font-size: 16px } .users-wrapper .users:before, .users-wrapper .users:after { content: " "; display: table } .users-wrapper .users:after { clear: both } .users-wrapper .row { overflow: hidden; margin-left: -5px; margin-right: -5px } .users-wrapper .row.transition { transition: all .5s } .users-wrapper .row > div { padding-left: 5px; padding-right: 5px } .users-wrapper .user-avatar img { margin-bottom: 10px } .users-wrapper .see-more { display: none } .user-avatar { position: relative } .user-avatar img { display: block; width: 100%; border: solid 3px #464646; background-color: #464646; margin-bottom: 5px; border-radius: 50% } .user-avatar img.over { position: absolute; z-index: 5; top: 0; left: 0 } .user-avatar img.base { position: relative } .user-avatar img.real { position: absolute; top: 0; left: 0; height: 100% } .user-avatar.light img { border-color: #fff; background-color: #fff } .user-avatar.rating-1 img { border-color: #616161 } .user-avatar.rating-2 img { border-color: #675b5b } .user-avatar.rating-3 img { border-color: #705252 } .user-avatar.rating-4 img { border-color: #7a4747 } .user-avatar.rating-5 img { border-color: #863c3c } .user-avatar.rating-6 img { border-color: #922f30 } .user-avatar.rating-7 img { border-color: #9e2424 } .user-avatar.rating-8 img { border-color: #a81918 } .user-avatar.rating-9 img { border-color: #b11010 } .user-avatar.rating-10 img { border-color: #b70a0a } .user-avatar h4 { font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; text-align: center; width: 100%; overflow: hidden; font-size: 14px; margin: 0; text-overflow: ellipsis } .poster-bg-wrapper, .poster-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 } .poster-bg-wrapper { background-color: #000 } .poster-bg { background: url(/assets/main/poster-bg@2x-f55668a974726cfc0c7e32df50dc768a42a9af8f63b344d229b772825c099e03.jpg); background-size: 240px 240px; opacity: .3; -webkit-filter: blur(4px); filter: blur(4px) } ul.vip-actions { list-style-type: none; padding-left: 0 } #results-top-wrapper { position: relative; text-align: center; padding: calc(20px + var(--header-height)) 0 30px; transition: padding .5s; background-color: transparent } #results-top-wrapper h1 { color: #fff; margin: 0; text-shadow: 0 0 20px #000 } #results-top-wrapper h1 a { text-decoration: none; color: #fff } #results-top-wrapper h2, #results-top-wrapper h3 { text-shadow: 0 0 20px #000; margin: 0; color: #999; text-transform: uppercase; font-size: 14px; font-family: proxima nova bold } #results-top-wrapper h2 a, #results-top-wrapper h3 a { text-decoration: none; color: #999 } #results-top-wrapper h2 .lighter, #results-top-wrapper h3 .lighter { color: #eee } #results-top-wrapper h3 { color: #eee; text-transform: none } .personal-list { padding-top: 20px } .personal-list .list-info { display: -ms-flexbox; display: -webkit-flex; display: flex } .personal-list .list-info .user-avatar { position: relative } .personal-list .list-info .posters { width: 250px; margin-bottom: 0; position: relative } .personal-list .list-info .posters .rank-wrapper { z-index: 2; opacity: 0; transition: all .5s } .personal-list .list-info .posters .poster-items-wrapper { margin: 0; position: relative; min-height: 60px; overflow: hidden } .personal-list .list-info .posters .poster-items-wrapper:before, .personal-list .list-info .posters .poster-items-wrapper:after { content: " "; display: table } .personal-list .list-info .posters .poster-items-wrapper:after { clear: both } .personal-list .list-info .posters .poster-items-wrapper .list-edit { background: rgba(0, 0, 0, .7) } .personal-list .list-info .posters .poster-items-wrapper .list-edit .icons { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; bottom: auto } .personal-list .list-info .posters .poster-items-wrapper .list-edit .icons .delete { display: none } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item { margin: 0; float: right; width: 32px; overflow: hidden; position: relative; height: 180px; transition: all .5s; -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, .5); box-shadow: 0 0 15px rgba(255, 255, 255, .5) } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item .poster { position: absolute; right: 0; width: 120px; border: none } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item:last-child { width: 120px } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item:hover { width: 120px !important } .personal-list .list-info .posters .poster-items-wrapper .poster-items:hover .poster-item { width: 32px } .personal-list .list-info .copied-from { margin-top: 12px; margin-bottom: -10px } .personal-list .list-info .info { margin: 0 0 0 20px !important; -webkit-flex: 1; flex: 1 } .personal-list .list-info .info h3 { font-size: 18px; margin: 2px 0 0; font-family: proxima nova semibold } .personal-list .list-info .info h3 [class^=trakt-icon-], .personal-list .list-info .info h3 [class*=" trakt-icon-"] { margin-right: 5px; vertical-align: top } .personal-list .list-info .info h4 { margin: 2px 0 0; font-size: 14px; font-family: proxima nova semibold } .personal-list .list-info .info h4 [class^=trakt-icon-], .personal-list .list-info .info h4 [class*=" trakt-icon-"] { margin: 0 3px 0 7px } .personal-list .list-info .info h4 .trakt-icon-vote-yes { vertical-align: top } .personal-list .list-info .info [data-readmore-toggle] { margin: 10px 0 !important } .personal-list .list-info .info .overview { margin: 20px 0; word-wrap: break-word } .personal-list .list-info .info .overview[data-readmore] { margin-bottom: 10px; max-height: 300px } .personal-list .list-info .info .overview[data-readmore][aria-expanded=false] { position: relative } .personal-list .list-info .info .overview[data-readmore][aria-expanded=false] .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; height: 100px; top: auto; bottom: 0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0) } .personal-list .list-info .info .overview blockquote { padding: 10px 15px; font-size: inherit; border-left: 5px solid #999; background-color: #f3f3f3 } .personal-list .list-info .info .overview blockquote p:last-child { margin-bottom: 0 } .personal-list .list-info .info .overview * { font-size: inherit } .personal-list .list-info .info:hover .user-actions .icon.btn-item-report { opacity: 1 } .personal-list .list-info .user-actions { display: inline-block } .personal-list .list-info .user-actions .icon { margin: 0 0 0 15px; cursor: pointer; font-size: 20px; vertical-align: middle } .personal-list .list-info .user-actions .icon.btn-list-update { color: #5cb85c } .personal-list .list-info .user-actions .icon.btn-list-delete { color: #ed1c24 } .personal-list .list-info .user-actions .icon.btn-list-copy-items, .personal-list .list-info .user-actions .icon.btn-list-move-items, .personal-list .list-info .user-actions .icon.btn-list-delete-items, .personal-list .list-info .user-actions .icon.btn-list-subscribe { color: #333 } .personal-list .list-info .user-actions .icon.btn-list-progress { color: #555 } .personal-list .list-info .user-actions .icon.btn-list-subscribe, .personal-list .list-info .user-actions .icon .btn-list-progress { margin-top: -2px } .personal-list .list-info .user-actions .icon.btn-item-report { transition: all .5s; opacity: 0 } .personal-list .list-info .user-actions .collaborations-deny .icon { font-size: 15px !important; vertical-align: middle } #toast-container { top: var(--header-height); z-index: 30; transition: top .5s } #toast-container.toast-top-full-width .toast { width: 100%; text-align: center; background-image: none !important; border-radius: 0; box-shadow: none; opacity: 1; padding: 15px !important; text-align: left } #toast-container.toast-top-full-width .toast.toast-success { color: #3c763d; background-color: #dff0d8; border-bottom: solid 2px #d6e9c6 } #toast-container.toast-top-full-width .toast.toast-success .toast-close-button { color: #3c763d } #toast-container.toast-top-full-width .toast.toast-success a { color: inherit; border-bottom: dotted 1px #3c763d } #toast-container.toast-top-full-width .toast.toast-error { color: #a94442; background-color: #f2dede; border-bottom: solid 2px #ebccd1 } #toast-container.toast-top-full-width .toast.toast-error .toast-close-button { color: #a94442 } #toast-container.toast-top-full-width .toast.toast-error a { color: inherit; border-bottom: dotted 1px #a94442 } .corner-rating { width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; border-color: transparent #b70a0a transparent transparent; position: absolute; top: 0; right: 0; z-index: 10 } .corner-rating.corner-rating-1 { border-color: transparent #616161 transparent transparent } .corner-rating.corner-rating-2 { border-color: transparent #675b5b transparent transparent } .corner-rating.corner-rating-3 { border-color: transparent #705252 transparent transparent } .corner-rating.corner-rating-4 { border-color: transparent #7a4747 transparent transparent } .corner-rating.corner-rating-5 { border-color: transparent #863c3c transparent transparent } .corner-rating.corner-rating-6 { border-color: transparent #922f30 transparent transparent } .corner-rating.corner-rating-7 { border-color: transparent #9e2424 transparent transparent } .corner-rating.corner-rating-8 { border-color: transparent #a81918 transparent transparent } .corner-rating.corner-rating-9 { border-color: transparent #b11010 transparent transparent } .corner-rating.corner-rating-10 { border-color: transparent #b70a0a transparent transparent } .corner-rating.block { width: 50%; height: 50%; z-index: 1; border: none } .corner-rating.block.corner-rating-1 { background-color: #616161 } .corner-rating.block.corner-rating-2 { background-color: #675b5b } .corner-rating.block.corner-rating-3 { background-color: #705252 } .corner-rating.block.corner-rating-4 { background-color: #7a4747 } .corner-rating.block.corner-rating-5 { background-color: #863c3c } .corner-rating.block.corner-rating-6 { background-color: #922f30 } .corner-rating.block.corner-rating-7 { background-color: #9e2424 } .corner-rating.block.corner-rating-8 { background-color: #a81918 } .corner-rating.block.corner-rating-9 { background-color: #b11010 } .corner-rating.block.corner-rating-10 { background-color: #b70a0a } .corner-rating .text { color: #fff !important; font-size: 12px; font-family: proxima nova bold; position: absolute; top: 0; right: -22px; width: 15px; height: 30px; text-align: center; line-height: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: 15 } .episode-type-series-premiere { background-color: #08a6a6 !important } .episode-type-season-premiere { background-color: #08a508 !important } .episode-type-mid-season-premiere { background-color: #469ed0 !important } .episode-type-mid-season-finale { background-color: #2444bf !important } .episode-type-season-finale { background-color: #c30b50 !important } .episode-type-series-finale { background-color: #a608a6 !important } .episode-type-bonus { background-color: #7d19c4 !important } .episode-type-trailer { background-color: #777 !important } .corner-episode-type { margin: 0; background-color: transparent !important; color: #fff; padding: 4px 0; line-height: 1; position: absolute; top: 0; left: 0; right: 0; z-index: 1; font-size: 11px; font-family: proxima nova semibold; text-align: center; letter-spacing: .5px } .corner-episode-type:after { content: ''; width: 100%; height: 100%; opacity: .7; position: absolute; top: 0; left: 0; z-index: -1 } .corner-episode-type.episode-type-series-premiere:after { background-color: #08a6a6 !important } .corner-episode-type.episode-type-season-premiere:after { background-color: #08a508 !important } .corner-episode-type.episode-type-mid-season-premiere:after { background-color: #469ed0 !important } .corner-episode-type.episode-type-mid-season-finale:after { background-color: #2444bf !important } .corner-episode-type.episode-type-season-finale:after { background-color: #c30b50 !important } .corner-episode-type.episode-type-series-finale:after { background-color: #a608a6 !important } .corner-episode-type.episode-type-bonus:after { background-color: #7d19c4 !important } .corner-episode-type.episode-type-trailer:after { background-color: #777 !important } .hide-cornder-episode-type .corner-episode-type { display: none } .label-vip { font-family: proxima nova semibold; background-color: #ed1c24; display: inline-block; text-transform: uppercase; text-shadow: none; margin: 0 0 5px 10px; line-height: 1; position: relative; padding-left: 28px; letter-spacing: 1px; font-size: 16px; border-radius: 20px 0 0 20px; vertical-align: middle; color: #fff; cursor: pointer } .label-vip .trakt-icon-trakt { vertical-align: top; position: absolute; top: 3px; left: 3px; font-size: 125% !important; margin: 0 !important } .label-vip .text { display: inline-block; padding: 5px 6px 5px 0 } .label-vip .years { display: inline-block; z-index: 0; position: absolute; right: -28px } .label-vip .years .fa, .label-vip .years [class^=fa-], .label-vip .years [class*=" fa-"] { font-size: 23px } .label-vip .years .years-text { position: absolute; color: #000; font-family: proxima nova bold; top: 0; left: 0; right: 0; text-align: center; line-height: 25px; font-size: 10px } .label-vip .ep { background-color: #b50d13; padding: 5px; display: inline-block; margin: -5px 0 -5px 0 } .label-vip.with-years { margin-right: 25px } .label-vip.smaller, .label-vip.piller { margin-bottom: 0; margin-top: 0; font-size: 13px; padding-left: 23px } .label-vip.smaller .text, .label-vip.piller .text { padding: 5px 4px 4px 0 } .label-vip.smaller .years-text, .label-vip.piller .years-text { font-family: proxima nova semibold; font-size: 9px } .label-vip.smaller .ep, .label-vip.piller .ep { padding-bottom: 4px } .label-vip.light-bg .fa, .label-vip.light-bg [class^=fa-], .label-vip.light-bg [class*=" fa-"] { color: #aaa } .label-vip.light-bg .years-text { color: #fff } .label-vip.piller { padding-left: 0; border-radius: 0; font-size: 11px; margin-top: -3px; margin-left: 5px; letter-spacing: 0; border-radius: 2px } .label-vip.piller .trakt-icon-trakt { display: none } .label-vip.piller .text { padding: 2px 4px } .label-vip.piller .years { top: -6px } .label-vip.piller .ep { padding: 2px 4px; border-radius: 0 2px 2px 0 } .label-private { font-family: proxima nova semibold; background-color: #999; display: inline-block; text-transform: uppercase; text-shadow: none; margin: 0 0 5px 10px; line-height: 1; position: relative; padding: 5px 7px; letter-spacing: 1px; font-size: 16px; color: #fff; vertical-align: middle } .label-private.smaller { margin-bottom: 0; margin-top: 0; font-size: 13px; padding: 2px 4px; font-family: proxima nova semibold; font-weight: 400; font-size: 11px; margin-top: -3px; margin-left: 5px; letter-spacing: 0; border-radius: 2px } .label-beta, .label-free, .label-important { font-family: proxima nova semibold !important; background-color: #0084ab !important; display: inline-block; text-transform: uppercase; text-shadow: none; margin: 0 0 5px 10px; line-height: 1; position: relative; padding: 5px 6px; letter-spacing: 1px; font-size: 16px; vertical-align: middle; color: #fff !important } .label-beta.smaller, .label-free.smaller, .label-important.smaller { font-size: 13px; margin-bottom: 0; padding-bottom: 4px } .label-free { background-color: #08a508 !important } .label-important { background-color: #ed1c24 !important } @keyframes opacity-pulse { 0%, 100% { opacity: 1 } 50% { opacity: .5 } } @-webkit-keyframes opacity-pulse { 0%, 100% { opacity: 1 } 50% { opacity: .5 } } #loading-bg { background-color: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; opacity: 0; display: none; transition: all .5s } #loading-bg .logo { color: #fff; text-align: center; line-height: 76px; width: 76px; height: 76px; position: absolute; left: 50%; top: 50%; margin: -38px 0 0 -38px } #loading-bg .logo .trakt-icon-trakt { font-size: 60px } #loading-bg .loading-message { position: absolute; color: #fff; top: calc(50% + 50px); text-align: center; width: 100% } #loading-bg.show { opacity: 1 } #loading-bg.show .logo, #loading-bg.show .loading-message { -webkit-animation: opacity-pulse 2s infinite linear; animation: opacity-pulse 2s infinite linear } #loading-bottom { background-color: rgba(0, 0, 0, .7); position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; color: #fff; text-align: center; padding: 10px 20px; font-size: 12px; text-transform: uppercase; transition: all .5s; display: none; opacity: 0 } #loading-bottom.show { opacity: 1 } #loading-bottom .fa, #loading-bottom [class^=fa-], #loading-bottom [class*=" fa-"] { margin-right: 5px } #loading-bottom #loading-bottom-close { position: absolute; right: 4px; top: 8px; color: rgba(255, 255, 255, .3); font-size: 20px; cursor: pointer; display: none } #reset-user-data-banner { z-index: 10000; bottom: -160px; height: 100px; position: fixed; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), black); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), black); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), black); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), black); background-image: linear-gradient(top, rgba(0, 0, 0, 0), black); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='rgba(0, 0, 0, 0)', EndColorStr='black'); transition: all .5s } #reset-user-data-banner .banner { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; background-color: rgba(237, 28, 36, .95); box-shadow: 0 .625em 1.875em #000; box-shadow: 0 .625em 1.875em rgba(2, 2, 3, .28); font-size: 16px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: #fff; position: absolute; bottom: 20px; border-radius: 6px; font-size: 1em; line-height: 1.5em; padding: 12px 16px; text-align: center; transition: all .5s } #reset-user-data-banner .banner .text { display: inline-block; vertical-align: middle; margin-top: -4px } #reset-user-data-banner .banner .buttons { display: inline-block; vertical-align: middle; margin-left: 20px; padding: 0 } #reset-user-data-banner .banner .buttons .btn { font-family: proxima nova bold; margin-left: 20px; border-radius: 4px; text-transform: none; margin: 0; background-color: #fff; color: #ed1c24 } #reset-user-data-banner.show { bottom: 0 } .rating-hearts { float: left } .rating-hearts:not(:checked) > input { position: absolute; top: -9999px; clip: rect(0, 0, 0, 0) } .rating-hearts:not(:checked) > label { float: right; width: 1.22em; padding: 0 .2em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 20px; line-height: 1.2; color: #ddd } .rating-hearts:not(:checked) > label:before { content: "\f004"; font: var(--fa-font-solid) } .rating-hearts > input.rating-1:checked ~ label { color: #616161 } .rating-hearts > input.rating-2:checked ~ label { color: #675b5b } .rating-hearts > input.rating-3:checked ~ label { color: #705252 } .rating-hearts > input.rating-4:checked ~ label { color: #7a4747 } .rating-hearts > input.rating-5:checked ~ label { color: #863c3c } .rating-hearts > input.rating-6:checked ~ label { color: #922f30 } .rating-hearts > input.rating-7:checked ~ label { color: #9e2424 } .rating-hearts > input.rating-8:checked ~ label { color: #a81918 } .rating-hearts > input.rating-9:checked ~ label { color: #b11010 } .rating-hearts > input.rating-10:checked ~ label { color: #b70a0a } .rating-hearts:not(:checked) > label.rating-1:hover, .rating-hearts:not(:checked) > label.rating-1:hover ~ label { color: #616161 !important } .rating-hearts:not(:checked) > label.rating-2:hover, .rating-hearts:not(:checked) > label.rating-2:hover ~ label { color: #675b5b !important } .rating-hearts:not(:checked) > label.rating-3:hover, .rating-hearts:not(:checked) > label.rating-3:hover ~ label { color: #705252 !important } .rating-hearts:not(:checked) > label.rating-4:hover, .rating-hearts:not(:checked) > label.rating-4:hover ~ label { color: #7a4747 !important } .rating-hearts:not(:checked) > label.rating-5:hover, .rating-hearts:not(:checked) > label.rating-5:hover ~ label { color: #863c3c !important } .rating-hearts:not(:checked) > label.rating-6:hover, .rating-hearts:not(:checked) > label.rating-6:hover ~ label { color: #922f30 !important } .rating-hearts:not(:checked) > label.rating-7:hover, .rating-hearts:not(:checked) > label.rating-7:hover ~ label { color: #9e2424 !important } .rating-hearts:not(:checked) > label.rating-8:hover, .rating-hearts:not(:checked) > label.rating-8:hover ~ label { color: #a81918 !important } .rating-hearts:not(:checked) > label.rating-9:hover, .rating-hearts:not(:checked) > label.rating-9:hover ~ label { color: #b11010 !important } .rating-hearts:not(:checked) > label.rating-10:hover, .rating-hearts:not(:checked) > label.rating-10:hover ~ label { color: #b70a0a !important } .rating-hearts > label:active { position: relative; top: 2px; left: 2px } .rating-hearts:hover > label { color: #ddd !important; transition: color .1s } .generic-datepicker { font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } .generic-datepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, .generic-datepicker .xdsoft_calendar td.xdsoft_today, .generic-datepicker .xdsoft_calendar td:hover, .generic-datepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, .generic-datepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, .generic-datepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, .generic-datepicker .xdsoft_calendar td.xdsoft_default { background: #ed1c24 !important; box-shadow: none !important } .generic-datepicker .xdsoft_calendar td.xdsoft_current { background: #666 !important; box-shadow: none !important } .generic-datepicker .xdsoft_month, .generic-datepicker .xdsoft_year { font-weight: 400; white-space: nowrap } .popover { padding: 0 } .popover.bottom > .arrow:after { border-bottom-color: #f7f7f7 } .popover.remove { width: auto !important; max-width: 400px !important; white-space: nowrap } .popover.remove * { text-align: center !important } .popover.remove .metadata-wrapper h4 { text-align: left !important; height: auto; padding: 0 0 3px 2px } .popover.remove .popover-content > button { font-size: 12px; padding: 4px 9px !important; margin: 0 5px; height: auto !important; text-transform: none; font-family: proxima nova semibold } .popover.remove .popover-content > button.btn-cancel { color: #fff; background-color: #aaa } .popover.remove .popover-content > button.btn-cancel:hover { background-color: #999 } .popover.remove .popover-content { padding-left: 5px; padding-right: 5px; white-space: nowrap } .popover.with-datepicker { min-width: 308px } .popover.with-date-range-picker { min-width: 617px !important } .popover.with-date-range-picker > .arrow:after { border-bottom-color: #fff } .popover .cancel, .popover .btn-list-add, .popover .btn-list-popover-search { position: absolute; color: #999; right: 7px; top: 9px; cursor: pointer } .popover .cancel { font-size: 14px } .popover .btn-list-add { right: 28px } .popover .btn-list-popover-search { right: 50px; font-size: 13px; top: 10px } .popover .btn-list-popover-search.enabled { color: #ed1c24 } .popover.copy-list .btn-list-popover-search { right: 28px } .popover .popover-search-wrapper { background-color: #eee; max-height: 0; overflow: hidden; transition: all .5s } .popover .popover-search-wrapper.enabled { max-height: 60px } .popover .popover-search-wrapper .popover-search { margin: 10px; width: calc(100% - 20px) } .popover .warning-text { font-size: 12px; margin-bottom: 8px; font-style: italic } .popover .display-data-wrapper { height: 260px } .popover .display-data-wrapper .data-wrapper { display: block } .popover .date-range-wrapper { position: relative; height: 260px; margin: -9px 0 0 -5px; width: 310px; display: inline-block } .popover .date-range-wrapper .data-wrapper { top: 0 } .popover .date-range-wrapper .data-wrapper input { margin-top: 19px } .popover .date-range-wrapper .date-range-title { position: absolute; left: 11px; text-transform: uppercase; font-family: proxima nova semibold; font-size: 11px; top: 6px; color: #666 } .popover .data-wrapper { display: none; position: absolute; height: 260px; width: 100%; background-color: #fff; z-index: 10; overflow: hidden; left: 0; top: 31px } .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline { position: absolute; margin: 0; top: 44px; left: 0; right: 0; border: 0; padding: 0 8px 10px 0; min-width: 298px; border-top: solid 1px #eee; background-color: #fbfbfb } .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_label { background-color: transparent; font-size: 12px } .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_label i { margin-left: 3px } .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_month { text-align: right !important } .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_year { text-align: left !important } .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline button { opacity: .2 } .popover .data-wrapper .title { color: #999; font-size: 12px; margin: 8px 0 0 10px } .popover .data-wrapper input { width: 200px; border: none; color: #000; padding: 0; height: auto; margin: 13px 0 0 10px; box-shadow: none; text-align: left !important; display: block !important; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } .popover .data-wrapper .buttons { position: absolute; line-height: 45px; right: 10px; top: 0 } .popover .data-wrapper .buttons .icon { cursor: pointer } .popover .data-wrapper .buttons .icon.yes { color: #5cb85c; font-size: 25px; margin-right: 5px } .popover .data-wrapper .buttons .icon.no { color: #ed1c24; font-size: 23px; margin-right: 1px } .popover .data-wrapper .buttons .icon.cancel { color: #999 } .popover i.add-metadata, .popover i.add-play { font-size: 18px; line-height: 27px; margin: 0 10px 0 5px; position: relative; cursor: pointer; vertical-align: middle; opacity: .75; transition: all .5s } .popover i.add-metadata.selected, .popover i.add-play.selected { color: #ed1c24 } .popover i.add-metadata .caret, .popover i.add-play .caret { position: absolute; top: 12px; right: -11px } .popover i.add-metadata:hover, .popover i.add-play:hover { opacity: 1 } .popover i.add-play { line-height: 25px } .popover .display-metadata-wrapper { height: 255px } .popover .display-metadata-wrapper .metadata-wrapper { display: block } .popover .metadata-wrapper { display: none; position: absolute; height: 255px; width: 100%; background-color: #fff; z-index: 10; overflow: hidden; left: 0; top: 31px; padding: 0 15px 15px } .popover .metadata-wrapper .radios { margin-top: 10px } .popover .metadata-wrapper .btn-group .btn { width: 50%; background-color: #f5f5f5 } .popover .metadata-wrapper .flex-container.with-gutter { margin-left: -7px; margin-left: -7px } .popover .metadata-wrapper .flex-container.with-gutter > .flex-item { margin: 0 7px } .popover .metadata-wrapper button { margin-top: 20px; font-family: proxima nova bold } .popover.set-profile-image { width: 400px; max-width: calc(100vw - 20px) } .feed-popover { width: 400px; max-width: 100vw; color: #333 } .feed-popover a { font-size: 14px; color: #ed1c24; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; word-break: break-all; display: inline } .feed-popover .popover-title { color: #333; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; margin: 0; padding: 8px 14px; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1px -1px 0 0; text-transform: none } .feed-popover .popover-title .icon { margin: 0 3px 0 0; font-size: 20px; vertical-align: bottom } .feed-popover .popover-title .label-vip { float: right; margin: -3px -9px 0 0 } #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, #om1gYCfRiN-IGJj59JMAC-F9HnZ5DZak, #om1gYCfRiN-IGJj59JMAC-whhPY7alOm, #om1gYCfRiN-IGJj59JMAC-mouGYcVmIY, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD { display: inline-block } #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi .om1gYCfRiN-deefp, #om1gYCfRiN-IGJj59JMAC-F9HnZ5DZak .om1gYCfRiN-deefp, #om1gYCfRiN-IGJj59JMAC-whhPY7alOm .om1gYCfRiN-deefp, #om1gYCfRiN-IGJj59JMAC-mouGYcVmIY .om1gYCfRiN-deefp, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD .om1gYCfRiN-deefp { background: transparent url(/assets/f78waqthl3/desktop-text-clear-025badf83f76108548ecb4220c68c0b603ac7e21c887c9cef4adc84efbe3aad2.png) center; background-size: 60%; background-repeat: no-repeat; position: relative } #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi .om1gYCfRiN-deefp div[id$=-container] iframe, #om1gYCfRiN-IGJj59JMAC-F9HnZ5DZak .om1gYCfRiN-deefp div[id$=-container] iframe, #om1gYCfRiN-IGJj59JMAC-whhPY7alOm .om1gYCfRiN-deefp div[id$=-container] iframe, #om1gYCfRiN-IGJj59JMAC-mouGYcVmIY .om1gYCfRiN-deefp div[id$=-container] iframe, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD .om1gYCfRiN-deefp div[id$=-container] iframe { position: absolute; z-index: 1; top: 0; left: 0 } #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi .om1gYCfRiN-deefp > a > img, #om1gYCfRiN-IGJj59JMAC-F9HnZ5DZak .om1gYCfRiN-deefp > a > img, #om1gYCfRiN-IGJj59JMAC-whhPY7alOm .om1gYCfRiN-deefp > a > img, #om1gYCfRiN-IGJj59JMAC-mouGYcVmIY .om1gYCfRiN-deefp > a > img, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD .om1gYCfRiN-deefp > a > img { width: 100%; height: 100% } #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi-wider, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD-wider { background-color: #333; display: inline-block } #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi-wider .om1gYCfRiN-deefp, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD-wider .om1gYCfRiN-deefp { background: #333 url(/assets/f78waqthl3/desktop-wider-clear-1ee536b2f1c90945d40d0d168f995ca9b626ee930c211a51b1fd1b81686fdbf9.png) center; background-size: contain } #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi-billboard, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD-billboard { background-color: #333; display: inline-block } #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi-billboard .om1gYCfRiN-deefp, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD-billboard .om1gYCfRiN-deefp { background: #333 url(/assets/f78waqthl3/desktop-billboard-clear-53c7ed8963eba178af45080517e08140447fbcfa220af5b15785e720eb6a5032.png) center; background-size: contain } #om1gYCfRiN-IGJj59JMAC-Ba2KT6YF2O { background-color: #333; display: inline-block } #om1gYCfRiN-IGJj59JMAC-Ba2KT6YF2O .om1gYCfRiN-deefp { background: #333 url(/assets/f78waqthl3/desktop-square-clear-443f7db140d24c12584b63a97989e835ff08b3a6eb6c1e2b4fedf86f98e536ec.png) center; background-size: contain; position: relative } #om1gYCfRiN-IGJj59JMAC-Ba2KT6YF2O .om1gYCfRiN-deefp div[id$=-container] iframe { position: absolute; z-index: 1; top: 0; left: 0 } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J { position: absolute; bottom: 0; left: 0; background-image: url(/assets/f78waqthl3/desktop-square-clear-443f7db140d24c12584b63a97989e835ff08b3a6eb6c1e2b4fedf86f98e536ec.png); background-size: contain; background-position: left bottom } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .alert-no-data { margin: 0; text-align: center; transition: all .5s } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .alert-no-data .trakt-icon-trakt { vertical-align: top; font-size: 16px; margin-right: 3px; margin-left: 1px } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J a { text-decoration: none } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J a:hover .alert-no-data { color: #fff } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J iframe { background-color: #1d1d1d } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp div[id$=-container] iframe { position: absolute; z-index: 1; bottom: 0 } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp > a > img { width: 100%; height: 100% } #om1gYCfRiN-LD3xSETSnk, #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak, #om1gYCfRiN-LD3xSETSnk-whhPY7alOm, #om1gYCfRiN-LD3xSETSnk-mouGYcVmIY, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD, #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { display: none } #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak, #om1gYCfRiN-LD3xSETSnk-whhPY7alOm, #om1gYCfRiN-LD3xSETSnk-mouGYcVmIY, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD { display: inline-block; background: #333 url(/assets/f78waqthl3/mobile-wide-clear-854d772acfaa434851e12874dd907d7830b00681c774b4b52ce691f811a070d8.png); background-size: contain } #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { background: #eee url(/assets/f78waqthl3/desktop-square-clear-443f7db140d24c12584b63a97989e835ff08b3a6eb6c1e2b4fedf86f98e536ec.png) center bottom no-repeat; background-size: contain; margin: 0 -10px !important; text-align: center; padding: 20px 0; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd } #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O > div, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O > div, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O > div, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O > div, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O > div { margin: 0 auto } #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-label, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-label, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-label, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-label, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O .om1gYCfRiN-oVhoJ0rsnL-label { background-color: transparent; text-align: center } #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O .om1gYCfRiN-deefp, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O .om1gYCfRiN-deefp, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O .om1gYCfRiN-deefp, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O .om1gYCfRiN-deefp, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O .om1gYCfRiN-deefp { position: relative; margin: 0 auto } #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O .om1gYCfRiN-deefp div[id$=-container] iframe, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O .om1gYCfRiN-deefp div[id$=-container] iframe, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O .om1gYCfRiN-deefp div[id$=-container] iframe, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O .om1gYCfRiN-deefp div[id$=-container] iframe, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O .om1gYCfRiN-deefp div[id$=-container] iframe { position: absolute; z-index: 1; top: 0; left: 18px; background-color: #fff } #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O .om1gYCfRiN-deefp > a > img, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O .om1gYCfRiN-deefp > a > img, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O .om1gYCfRiN-deefp > a > img, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O .om1gYCfRiN-deefp > a > img, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O .om1gYCfRiN-deefp > a > img { width: 100%; height: 100% } #om1gYCfRiN-content-page { background: #fff } #om1gYCfRiN-content-page.bottom { padding-top: 0; padding-bottom: 20px } #om1gYCfRiN-content-page.bottom > div > div { margin-top: 0 !important } #om1gYCfRiN-content-page > div > div { margin: 20px auto !important } #om1gYCfRiN-content-page #om1gYCfRiN-LD3xSETSnk-wrapper { margin-bottom: 0 } @media(max-width:767px) { #sortable-grid #om1gYCfRiN-content-page { clear: both } } #om1gYCfRiN-IGJj59JMAC-wrapper, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper { text-align: center } #om1gYCfRiN-IGJj59JMAC-wrapper.dark, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark { background-color: #1d1d1d } #om1gYCfRiN-IGJj59JMAC-wrapper.dark .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-IGJj59JMAC-wrapper.dark .om1gYCfRiN-oVhoJ0rsnL-label, #om1gYCfRiN-IGJj59JMAC-wrapper.dark #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, #om1gYCfRiN-IGJj59JMAC-wrapper.dark #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark .om1gYCfRiN-oVhoJ0rsnL-label, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { background-color: #1d1d1d; border: none } #om1gYCfRiN-IGJj59JMAC-wrapper.light, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.light { background-color: #fafafa } #om1gYCfRiN-IGJj59JMAC-wrapper.light .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-IGJj59JMAC-wrapper.light .om1gYCfRiN-oVhoJ0rsnL-label, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.light .om1gYCfRiN-oVhoJ0rsnL-info, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.light .om1gYCfRiN-oVhoJ0rsnL-label { background-color: #fafafa } #om1gYCfRiN-IGJj59JMAC-wrapper.frame-grid, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.frame-grid { width: 100% } #om1gYCfRiN-IGJj59JMAC-wrapper.frame-grid.banner, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.frame-grid.banner { float: none } body.users #om1gYCfRiN-IGJj59JMAC-wrapper.dark, body.users #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark { background-color: #151515 } body.users #om1gYCfRiN-IGJj59JMAC-wrapper.dark .om1gYCfRiN-oVhoJ0rsnL-info, body.users #om1gYCfRiN-IGJj59JMAC-wrapper.dark .om1gYCfRiN-oVhoJ0rsnL-label, body.users #om1gYCfRiN-IGJj59JMAC-wrapper.dark #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.users #om1gYCfRiN-IGJj59JMAC-wrapper.dark #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O, body.users #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark .om1gYCfRiN-oVhoJ0rsnL-info, body.users #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark .om1gYCfRiN-oVhoJ0rsnL-label, body.users #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.users #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.dark #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { background-color: #151515 } #om1gYCfRiN-IGJj59JMAC-wrapper.add-top { margin-top: 20px } #om1gYCfRiN-IGJj59JMAC-wrapper.add-bottom { margin-bottom: 20px } #om1gYCfRiN-IGJj59JMAC-wrapper.summary-bottom { padding: 10px 0 30px } .om1gYCfRiN-oVhoJ0rsnL-info, .om1gYCfRiN-oVhoJ0rsnL-label { font-size: 11px; display: block; text-align: left; background-color: #fff; color: #777; transition: all .5s; font-family: proxima nova } .om1gYCfRiN-oVhoJ0rsnL-info { padding: 4px 0 0; text-decoration: none !important } .om1gYCfRiN-oVhoJ0rsnL-info:hover { color: #ed1c24; text-decoration: none } .om1gYCfRiN-oVhoJ0rsnL-info .trakt-icon-trakt { font-size: 12px } .om1gYCfRiN-gITAdUXky4, .om1gYCfRiN-hAnP06Ms8n { display: none } .om1gYCfRiN-oVhoJ0rsnL-label { display: none } .om1gYCfRiN-oVhoJ0rsnL-Ba2KT6YF2O, .om1gYCfRiN-oVhoJ0rsnL-banner, .om1gYCfRiN-oVhoJ0rsnL-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url(/assets/f78waqthl3/bg-d59649d3b306288c91e8cba72140a81fb63e2721d6b7da7c5032e338215e92aa.jpg) } .om1gYCfRiN-oVhoJ0rsnL-Ba2KT6YF2O .inner, .om1gYCfRiN-oVhoJ0rsnL-banner .inner, .om1gYCfRiN-oVhoJ0rsnL-poster .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background: -moz-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); background: radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); color: #fff; text-shadow: 0 0 20px #000; text-align: center; overflow: hidden } .om1gYCfRiN-oVhoJ0rsnL-Ba2KT6YF2O .inner .text, .om1gYCfRiN-oVhoJ0rsnL-banner .inner .text, .om1gYCfRiN-oVhoJ0rsnL-poster .inner .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; width: 100%; padding: 0 15px; white-space: normal } .om1gYCfRiN-oVhoJ0rsnL-Ba2KT6YF2O .inner h1, .om1gYCfRiN-oVhoJ0rsnL-banner .inner h1, .om1gYCfRiN-oVhoJ0rsnL-poster .inner h1 { font-family: proxima nova semibold; font-size: 28px; margin: 0 } .om1gYCfRiN-oVhoJ0rsnL-Ba2KT6YF2O .inner h1 .trakt-icon-trakt, .om1gYCfRiN-oVhoJ0rsnL-banner .inner h1 .trakt-icon-trakt, .om1gYCfRiN-oVhoJ0rsnL-poster .inner h1 .trakt-icon-trakt { vertical-align: top; font-size: 26px; color: #ed1c24 } .om1gYCfRiN-oVhoJ0rsnL-Ba2KT6YF2O .inner h2, .om1gYCfRiN-oVhoJ0rsnL-banner .inner h2, .om1gYCfRiN-oVhoJ0rsnL-poster .inner h2 { font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; margin: 20px 10px 25px; color: #fff; line-height: 1.3 } .om1gYCfRiN-oVhoJ0rsnL-Ba2KT6YF2O .inner .btn-primary, .om1gYCfRiN-oVhoJ0rsnL-banner .inner .btn-primary, .om1gYCfRiN-oVhoJ0rsnL-poster .inner .btn-primary { font-family: proxima nova bold; text-shadow: none } .om1gYCfRiN-oVhoJ0rsnL-Ba2KT6YF2O .inner h2 { margin-top: 15px; margin-bottom: 20px } .om1gYCfRiN-oVhoJ0rsnL-banner .inner h2 { margin-top: 10px; margin-bottom: 15px } .om1gYCfRiN-oVhoJ0rsnL-banner .inner .btn-primary { font-size: 13px; padding: 4px 8px } .om1gYCfRiN-oVhoJ0rsnL-text a { text-decoration: none } .om1gYCfRiN-oVhoJ0rsnL-text h4 { color: #ed1c24 } .om1gYCfRiN-oVhoJ0rsnL-text h4 .trakt-icon-trakt { vertical-align: top } .om1gYCfRiN-oVhoJ0rsnL-text .btn-primary { font-family: proxima nova bold; text-shadow: none; font-size: 13px } .om1gYCfRiN-oVhoJ0rsnL-text .quick-icons { margin: 0 0 10px !important; height: 36px !important } .om1gYCfRiN-wwc-fanart { background-image: url(/assets/f78waqthl3/wwc-fanart-387710f38115f3f63f09b71e5ceb4c3607a2bd2d471816c24277187a9e3bfc74.jpg); background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; width: 100%; bottom: 0 } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto { width: 300px; height: 250px; background-color: #fff; position: relative; overflow: hidden; box-shadow: 0 0 2px #888 } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto div, #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto a, #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto p, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto div, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto a, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto p { margin: 0; padding: 0; border: none; overflow: hidden } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .crt_adv, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .crt_adv { position: absolute; bottom: 2px; left: 2px } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .crt_adv img, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .crt_adv img { display: inline-block } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .crt_adv p, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .crt_adv p { line-height: 13px; height: 13px; font-size: 11px; color: #999 } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .crt_product, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .crt_product { text-align: center; padding-top: 10px } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .crt_product img, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .crt_product img { max-height: 180px; max-width: 100% } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .adChoices, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .adChoices { position: absolute; bottom: 2px; right: 0; width: 20px; height: 19px } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .beacon_criteo, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .beacon_criteo { display: none } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .crt_desc, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .crt_desc { text-align: center; font-family: proxima nova bold; margin: 5px } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .crt_title, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .crt_title { font-size: 16px; line-height: 20px; height: 20px; color: #4183c4 } #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J .om1gYCfRiN-deefp.cto .crt_price, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper .om1gYCfRiN-deefp.cto .crt_price { font-size: 20px; line-height: 25px; height: 25px; color: #ff7805 } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto { width: 728px; height: 90px; background-color: #fff; position: relative; border: solid 1px #ccc } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .beacon_criteo { display: none } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto div, #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto a, #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto p { overflow: hidden; margin: 0; padding: 0; border: none } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_adv { position: absolute; top: -17px; right: 0 } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_adv p { line-height: 13px; height: 13px; font-size: 11px; color: #999 } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_imgholder { text-align: center; position: relative; height: 55px; width: 100% } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_product { width: 180px; float: left; text-align: center } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_product:hover { background-color: #fafafa } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_product img { max-height: 100%; max-width: 100%; padding: 5px !important; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0 } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .adChoices { position: absolute; top: 0; right: 1px; width: 20px; height: 19px } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_desc { width: 100%; text-align: center; float: right; font-family: proxima nova bold } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_title { line-height: 15px; height: 15px; font-size: 14px; color: #4183c4 } #om1gYCfRiN-IGJj59JMAC-wrapper .om1gYCfRiN-deefp.cto .crt_price { font-size: 13px } .om1gYCfRiN-deefp.btBackground { background-color: #f7f7f7 } .om1gYCfRiN-deefp .ad-label-top { display: none } body.signed-in-vip #om1gYCfRiN-content-page, body.signed-in-vip #om1gYCfRiN-IGJj59JMAC-wrapper, body.signed-in-vip #om1gYCfRiN-LD3xSETSnk-wrapper { display: none } #tyche_trendi_video_container { height: 169px !important; width: 300px !important; max-width: 300px !important; max-height: 169px !important } .tooltip { text-transform: none } .tooltip .alt { color: #999 } .tooltip .collection-metadata { color: #aaa } .tooltip .tooltip-inner { max-width: 400px; border-radius: 3px } .tooltip.action-required .tooltip-arrow { border-top-color: #ed1c24 } .tooltip.action-required .tooltip-inner { background-color: #ed1c24 } .tooltip-hr { border-bottom: solid 1px #444; margin: 5px 0 } .notable-tooltip .tooltip-inner { scrollbar-color: rgba(255, 255, 255, .1) rgba(100, 100, 100, .3); scrollbar-width: thin; max-width: 400px; text-align: left; padding: 8px; max-height: 400px; overflow-y: auto } .notable-tooltip .tooltip-inner::-webkit-scrollbar { width: 6px; height: 6px } .notable-tooltip .tooltip-inner::-webkit-scrollbar-track { background: rgba(100, 100, 100, .3); border-radius: 3px } .notable-tooltip .tooltip-inner::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .15); transition: all .5s; border-radius: 3px } .notable-tooltip .tooltip-inner::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .4) } .notable-tooltip .tooltip-inner p:first-child { margin-top: 0 } .notable-tooltip .tooltip-inner p:last-child { margin-bottom: 0 } @media(max-width:991px) { .notable-tooltip .tooltip-inner { max-width: 90vw } } body > .tooltip { z-index: 10000 } .popover.remove { color: #333; z-index: 1200 } .popover.remove .popover-title { height: auto !important; font-size: 14px !important; font-family: proxima nova !important; margin: 0 !important; padding: 6px 8px; color: inherit !important } .popover-title.no-border { border: none } .flex-container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start } .flex-container.right-align, .flex-container.lowest { -webkit-justify-content: flex-end; justify-content: flex-end } .flex-container.center-align { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center } .flex-container.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap } .flex-container > .flex-item { -ms-flex-order: 0; -webkit-order: 0; order: 0; align-self: auto } .flex-container.split-2 > .flex-item { -ms-flex: 0 1 50%; -webkit-flex: 0 1 50%; flex: 0 1 50%; max-width: 50% } .flex-container.split-2-1 > .first { -ms-flex: 0 1 65%; -webkit-flex: 0 1 65%; flex: 0 1 65%; max-width: 65% } .flex-container.split-2-1 > .second { -ms-flex: 0 1 35%; -webkit-flex: 0 1 35%; flex: 0 1 35%; max-width: 35% } .flex-container.split-3 > .flex-item { -ms-flex: 0 1 33.333333333333%; -webkit-flex: 0 1 33.333333333333%; flex: 0 1 33.333333333333%; max-width: 33.333333333333% } .flex-container.split-4 > .flex-item { -ms-flex: 0 1 25%; -webkit-flex: 0 1 25%; flex: 0 1 25%; max-width: 25% } .flex-container.split-7 > .flex-item { -ms-flex: 0 1 14.285714285714285714285714285714%; -webkit-flex: 0 1 14.285714285714285714285714285714%; flex: 0 1 14.285714285714285714285714285714%; max-width: 14.285714285714285714285714285714% } .flex-container.split-10 > .flex-item { -ms-flex: 0 1 10%; -webkit-flex: 0 1 10%; flex: 0 1 10%; max-width: 10% } .flex-container.split-12 > .flex-item { -ms-flex: 0 1 8.333333333333333%; -webkit-flex: 0 1 8.333333333333333%; flex: 0 1 8.333333333333333%; max-width: 8.333333333333333% } .flex-container.with-gutter { margin: 0 -10px } .flex-container.with-gutter > .flex-item { margin: 0 10px } .grid-item { transition: all .5s } .grid-item.fade-watched-on, .grid-item.fade-watching-on, .grid-item.fade-unwatched-on, .grid-item.fade-collected-on, .grid-item.fade-collecting-on, .grid-item.fade-uncollected-on, .grid-item.fade-watchlisted-on, .grid-item.fade-unwatchlisted-on, .grid-item.fade-rated-on, .grid-item.fade-unrated-on, .grid-item.fade-calendars-watched-on, .grid-item.fade-calendars-watching-on, .grid-item.fade-calendars-unwatched-on, .grid-item.fade-calendars-collected-on, .grid-item.fade-calendars-collecting-on, .grid-item.fade-calendars-uncollected-on, .grid-item.fade-calendars-watchlisted-on, .grid-item.fade-calendars-unwatchlisted-on, .grid-item.fade-calendars-rated-on, .grid-item.fade-calendars-unrated-on, .grid-item.fade-list-watched-on, .grid-item.fade-list-watching-on, .grid-item.fade-list-unwatched-on, .grid-item.fade-list-collected-on, .grid-item.fade-list-collecting-on, .grid-item.fade-list-uncollected-on, .grid-item.fade-list-watchlisted-on, .grid-item.fade-list-unwatchlisted-on, .grid-item.fade-list-rated-on, .grid-item.fade-list-unrated-on, .grid-item.fade-list-notes-on, .grid-item.fade-list-nonotes-on, .grid-item.fade-person-watched-on, .grid-item.fade-person-watching-on, .grid-item.fade-person-unwatched-on, .grid-item.fade-person-collected-on, .grid-item.fade-person-collecting-on, .grid-item.fade-person-uncollected-on, .grid-item.fade-person-watchlisted-on, .grid-item.fade-person-unwatchlisted-on, .grid-item.fade-person-rated-on, .grid-item.fade-person-unrated-on, .grid-item.fade-show-watched-on, .grid-item.fade-show-watching-on, .grid-item.fade-show-unwatched-on, .grid-item.fade-show-collected-on, .grid-item.fade-show-collecting-on, .grid-item.fade-show-uncollected-on, .grid-item.fade-show-watchlisted-on, .grid-item.fade-show-unwatchlisted-on, .grid-item.fade-show-rated-on, .grid-item.fade-show-unrated-on, .grid-item.fade-season-watched-on, .grid-item.fade-season-watching-on, .grid-item.fade-season-unwatched-on, .grid-item.fade-season-collected-on, .grid-item.fade-season-collecting-on, .grid-item.fade-season-uncollected-on, .grid-item.fade-season-watchlisted-on, .grid-item.fade-season-unwatchlisted-on, .grid-item.fade-season-rated-on, .grid-item.fade-season-unrated-on, .grid-item.fade-shows-watched-on, .grid-item.fade-shows-watching-on, .grid-item.fade-shows-unwatched-on, .grid-item.fade-shows-collected-on, .grid-item.fade-shows-collecting-on, .grid-item.fade-shows-uncollected-on, .grid-item.fade-shows-watchlisted-on, .grid-item.fade-shows-unwatchlisted-on, .grid-item.fade-shows-rated-on, .grid-item.fade-shows-unrated-on, .grid-item.fade-movies-watched-on, .grid-item.fade-movies-watching-on, .grid-item.fade-movies-unwatched-on, .grid-item.fade-movies-collected-on, .grid-item.fade-movies-collecting-on, .grid-item.fade-movies-uncollected-on, .grid-item.fade-movies-watchlisted-on, .grid-item.fade-movies-unwatchlisted-on, .grid-item.fade-movies-rated-on, .grid-item.fade-movies-unrated-on, .grid-item.fade-search-watched-on, .grid-item.fade-search-watching-on, .grid-item.fade-search-unwatched-on, .grid-item.fade-search-collected-on, .grid-item.fade-search-collecting-on, .grid-item.fade-search-uncollected-on, .grid-item.fade-search-watchlisted-on, .grid-item.fade-search-unwatchlisted-on, .grid-item.fade-search-rated-on, .grid-item.fade-search-unrated-on, .grid-item.sortable-ghost { opacity: .15 } .grid-item.fade-watched-on:hover, .grid-item.fade-watching-on:hover, .grid-item.fade-unwatched-on:hover, .grid-item.fade-collected-on:hover, .grid-item.fade-collecting-on:hover, .grid-item.fade-uncollected-on:hover, .grid-item.fade-watchlisted-on:hover, .grid-item.fade-unwatchlisted-on:hover, .grid-item.fade-rated-on:hover, .grid-item.fade-unrated-on:hover, .grid-item.fade-calendars-watched-on:hover, .grid-item.fade-calendars-watching-on:hover, .grid-item.fade-calendars-unwatched-on:hover, .grid-item.fade-calendars-collected-on:hover, .grid-item.fade-calendars-collecting-on:hover, .grid-item.fade-calendars-uncollected-on:hover, .grid-item.fade-calendars-watchlisted-on:hover, .grid-item.fade-calendars-unwatchlisted-on:hover, .grid-item.fade-calendars-rated-on:hover, .grid-item.fade-calendars-unrated-on:hover, .grid-item.fade-list-watched-on:hover, .grid-item.fade-list-watching-on:hover, .grid-item.fade-list-unwatched-on:hover, .grid-item.fade-list-collected-on:hover, .grid-item.fade-list-collecting-on:hover, .grid-item.fade-list-uncollected-on:hover, .grid-item.fade-list-watchlisted-on:hover, .grid-item.fade-list-unwatchlisted-on:hover, .grid-item.fade-list-rated-on:hover, .grid-item.fade-list-unrated-on:hover, .grid-item.fade-list-notes-on:hover, .grid-item.fade-list-nonotes-on:hover, .grid-item.fade-person-watched-on:hover, .grid-item.fade-person-watching-on:hover, .grid-item.fade-person-unwatched-on:hover, .grid-item.fade-person-collected-on:hover, .grid-item.fade-person-collecting-on:hover, .grid-item.fade-person-uncollected-on:hover, .grid-item.fade-person-watchlisted-on:hover, .grid-item.fade-person-unwatchlisted-on:hover, .grid-item.fade-person-rated-on:hover, .grid-item.fade-person-unrated-on:hover, .grid-item.fade-show-watched-on:hover, .grid-item.fade-show-watching-on:hover, .grid-item.fade-show-unwatched-on:hover, .grid-item.fade-show-collected-on:hover, .grid-item.fade-show-collecting-on:hover, .grid-item.fade-show-uncollected-on:hover, .grid-item.fade-show-watchlisted-on:hover, .grid-item.fade-show-unwatchlisted-on:hover, .grid-item.fade-show-rated-on:hover, .grid-item.fade-show-unrated-on:hover, .grid-item.fade-season-watched-on:hover, .grid-item.fade-season-watching-on:hover, .grid-item.fade-season-unwatched-on:hover, .grid-item.fade-season-collected-on:hover, .grid-item.fade-season-collecting-on:hover, .grid-item.fade-season-uncollected-on:hover, .grid-item.fade-season-watchlisted-on:hover, .grid-item.fade-season-unwatchlisted-on:hover, .grid-item.fade-season-rated-on:hover, .grid-item.fade-season-unrated-on:hover, .grid-item.fade-shows-watched-on:hover, .grid-item.fade-shows-watching-on:hover, .grid-item.fade-shows-unwatched-on:hover, .grid-item.fade-shows-collected-on:hover, .grid-item.fade-shows-collecting-on:hover, .grid-item.fade-shows-uncollected-on:hover, .grid-item.fade-shows-watchlisted-on:hover, .grid-item.fade-shows-unwatchlisted-on:hover, .grid-item.fade-shows-rated-on:hover, .grid-item.fade-shows-unrated-on:hover, .grid-item.fade-movies-watched-on:hover, .grid-item.fade-movies-watching-on:hover, .grid-item.fade-movies-unwatched-on:hover, .grid-item.fade-movies-collected-on:hover, .grid-item.fade-movies-collecting-on:hover, .grid-item.fade-movies-uncollected-on:hover, .grid-item.fade-movies-watchlisted-on:hover, .grid-item.fade-movies-unwatchlisted-on:hover, .grid-item.fade-movies-rated-on:hover, .grid-item.fade-movies-unrated-on:hover, .grid-item.fade-search-watched-on:hover, .grid-item.fade-search-watching-on:hover, .grid-item.fade-search-unwatched-on:hover, .grid-item.fade-search-collected-on:hover, .grid-item.fade-search-collecting-on:hover, .grid-item.fade-search-uncollected-on:hover, .grid-item.fade-search-watchlisted-on:hover, .grid-item.fade-search-unwatchlisted-on:hover, .grid-item.fade-search-rated-on:hover, .grid-item.fade-search-unrated-on:hover, .grid-item.sortable-ghost:hover { opacity: 1 } .grid-item.hide-calendars-watched-on, .grid-item.hide-calendars-watching-on, .grid-item.hide-calendars-unwatched-on, .grid-item.hide-calendars-collected-on, .grid-item.hide-calendars-collecting-on, .grid-item.hide-calendars-uncollected-on, .grid-item.hide-calendars-watchlisted-on, .grid-item.hide-calendars-unwatchlisted-on, .grid-item.hide-calendars-rated-on, .grid-item.hide-calendars-unrated-on { display: none } .grid-item.fade-out { opacity: 0 } .grid-item.swipe-out { width: 0; height: 0; padding: 0; margin: 0 } .grid-site-icon { height: 100%; margin-right: 5px; vertical-align: top } .grid-trakt-heart.rating-1 { color: #616161 } .grid-trakt-heart.rating-2 { color: #675b5b } .grid-trakt-heart.rating-3 { color: #705252 } .grid-trakt-heart.rating-4 { color: #7a4747 } .grid-trakt-heart.rating-5 { color: #863c3c } .grid-trakt-heart.rating-6 { color: #922f30 } .grid-trakt-heart.rating-7 { color: #9e2424 } .grid-trakt-heart.rating-8 { color: #a81918 } .grid-trakt-heart.rating-9 { color: #b11010 } .grid-trakt-heart.rating-10 { color: #b70a0a } .grid-metascore-icon { border-radius: 50%; border: solid 1px #fff } .grid-metascore-icon.high { border-color: #6c3 } .grid-metascore-icon.medium { border-color: #fc3 } .grid-metascore-icon.low { border-color: red } body.boxoffice .filter-dropdown li.hider, body.search .filter-dropdown li.hider { display: none } body.search .frame-wrapper[data-results-type=movies] .filter-dropdown li.hider, body.search .frame-wrapper[data-results-type=shows] .filter-dropdown li.hider, body.search .frame-wrapper[data-results-type=episodes] .filter-dropdown li.hider { display: block } body.people.show .filter-dropdown li.typer.season, body.people.show .filter-dropdown li.typer.episode, body.people.show .filter-dropdown li.typer.person { display: none } .chart-tooltip { opacity: 0; position: absolute; background: rgba(0, 0, 0, .9); color: #fff; padding: 5px 8px !important; border-radius: 6px; border: solid 1px #666; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); font-family: proxima nova semibold; z-index: 20; text-align: center; transition: all .5s; white-space: nowrap } .chart-tooltip .stat { font-size: 14px } .chart-tooltip .week { font-size: 11px; color: #999 } .readmore + [data-readmore-toggle] { font-size: 13px; display: block } .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, .15) } .chosen-container.chosen-with-drop .chosen-drop { left: 0 } .chosen-container a { cursor: pointer } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999 } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background-clip: padding-box; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px } .chosen-container-single .chosen-default { color: #999 } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(/assets/base/chosen-sprite-64f5465daa559a5453e3193f6239727af79f1f4444924a235804fc8dc286c123.png) -42px 1px no-repeat; font-size: 1px } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(/assets/base/chosen-sprite-64f5465daa559a5453e3193f6239727af79f1f4444924a235804fc8dc286c123.png) no-repeat 0 2px } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: #fff url(/assets/base/chosen-sprite-64f5465daa559a5453e3193f6239727af79f1f4444924a235804fc8dc286c123.png) no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0 } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; color: #fff } .chosen-container .chosen-results li.highlighted .right-tag { background-color: #999 } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4 } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default } .chosen-container .chosen-results li.group-option { padding-left: 15px } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline } .chosen-container .chosen-results li .avatar { width: 14px; height: 14px; vertical-align: top; border-radius: 50%; margin-right: 3px } .chosen-container .chosen-results li.group-result { text-transform: uppercase; color: #999; border-bottom: solid 1px #555; position: relative } .chosen-container .chosen-results li.group-result .select-all { font-family: proxima nova; font-size: 10px; text-transform: uppercase; color: #000; position: absolute; right: 5px; top: 7px; cursor: pointer; opacity: .5; transition: all .5s } .chosen-container .chosen-results li.group-result .select-all .fa, .chosen-container .chosen-results li.group-result .select-all [class^=fa-], .chosen-container .chosen-results li.group-result .select-all [class*=" fa-"] { transition: all .5s } .chosen-container .chosen-results li.group-result .select-all:hover { opacity: 1 } .chosen-container .chosen-results li.group-result .select-all:hover .fa, .chosen-container .chosen-results li.group-result .select-all:hover [class^=fa-], .chosen-container .chosen-results li.group-result .select-all:hover [class*=" fa-"] { transform: rotate(90deg) } .chosen-container .chosen-results li .right-tag { float: right; background-color: #999; font-size: 11px; padding: 2px 4px 3px; border-radius: 3px; line-height: 1; color: #fff } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; cursor: text } .chosen-container-multi .chosen-choices li { float: left; list-style: none } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap } .chosen-container-multi .chosen-choices li.search-field input[type=text] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: 0 0 !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0 } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05); color: #333; line-height: 13px; cursor: default } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(/assets/base/chosen-sprite-64f5465daa559a5453e3193f6239727af79f1f4444924a235804fc8dc286c123.png) -42px 1px no-repeat; font-size: 1px; border: none } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; color: #666 } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4 } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px } .chosen-container-multi .chosen-results { margin: 0; padding: 0 } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; box-shadow: 0 1px 0 #fff inset } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0 } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222 !important } .chosen-disabled { opacity: .5 !important; cursor: default } .chosen-disabled .chosen-single { cursor: default } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default } .chosen-rtl { text-align: right } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0 } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px } .chosen-rtl .chosen-single div { right: auto; left: 3px } .chosen-rtl .chosen-single abbr { right: auto; left: 26px } .chosen-rtl .chosen-choices li { float: right } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0 } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0 } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; background: #fff url(/assets/base/chosen-sprite-64f5465daa559a5453e3193f6239727af79f1f4444924a235804fc8dc286c123.png) no-repeat -30px -20px; direction: rtl } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url(/assets/base/chosen-sprite@2x-97b8ecc83a66233888e9f324d54ad03d4bbc478ab4ba7947079698164a862abf.png) !important; background-size: 52px 37px !important; background-repeat: no-repeat !important } } @media(min-width:992px) and (max-height:1075px) { .advanced-filters .slider.with-pips { margin-bottom: 0 !important } .advanced-filters .noUi-pips { display: none } } @media(min-width:992px) and (max-height:960px) { .advanced-filters h4.hideable { margin: 0; padding: 0; height: 0 } .advanced-filters h4.hideable .text { display: none } .advanced-filters h4.hideable .chosen-container { bottom: -48px } .advanced-filters .chosen-container { margin-top: 20px } .advanced-filters #filter_genres_chosen, .advanced-filters #filter_certifications_chosen, .advanced-filters #filter_languages_chosen, .advanced-filters #filter_countries_chosen, .advanced-filters #filter_network_ids_chosen, .advanced-filters #filter_studio_ids_chosen, .advanced-filters #filter_status_chosen, .advanced-filters #filter_episode_types_chosen { width: 81% !important } } @media(width:1024px) and (max-height:825px) { .advanced-filters #filter_genres_chosen, .advanced-filters #filter_certifications_chosen, .advanced-filters #filter_languages_chosen, .advanced-filters #filter_countries_chosen, .advanced-filters #filter_network_ids_chosen, .advanced-filters #filter_status_chosen, .advanced-filters #filter_episode_types_chosen { width: 95% !important } } body:not(.vip) #habla_beta_container_do_not_rely_on_div_classes_or_names, body.signed-in-vip #habla_beta_container_do_not_rely_on_div_classes_or_names { display: none } #habla_oplink_a { font-family: proxima nova bold !important } .balance-text { text-wrap: balanced } .dropdown-menu.limit-10 { height: 267px; overflow-y: auto } .dropdown-menu.with-logos .logo { vertical-align: middle; margin-right: 10px } .dropdown-menu.with-logos .text:not(.all):not(.none) { vertical-align: middle; color: #ccc; transition: all .5 } .dropdown-menu.with-logos li:hover .text { color: inherit } .dropdown-menu .dropdown-header { text-transform: uppercase } .dropdown-menu > li > a { padding-top: 2px; padding-bottom: 2px } .dropdown-menu > li > a.selected { color: #ed1c24; position: relative } .dropdown-menu > li > a.selected:before { position: absolute; margin: 0 !important; top: 4px; left: 4px; font-size: 13px !important; content: "\e602"; font-family: trakt } .dropdown-menu > li > a.vip-only { color: #a94442; background-color: #f2dede; font-size: 12px; margin: 0 0 -10px; padding-top: 7px; padding-bottom: 7px; transition: all .5s } .dropdown-menu > li > a.vip-only .trakt-vip { color: #ed1c24; transition: all .5s } .dropdown-menu > li > a.vip-only .trakt-vip i { color: #ed1c24; margin: -2px 0 0; font-size: 1em; transition: all .5s } .dropdown-menu > li > a.vip-only:hover { background-color: #ed1c24; color: #fff } .dropdown-menu > li > a.vip-only:hover .trakt-vip { color: #fff } .dropdown-menu > li > a.vip-only:hover .trakt-vip i { color: #fff } .dropdown-toggle.more-left { margin-left: 15px } .dropdown-toggle .logo { vertical-align: middle } .dropdown-toggle.less-top { margin-top: -10px } .dropdown-menu em, .dropdown-toggle em { color: rgba(0, 0, 0, .3) } #cf_alert_div { z-index: 10000 !important } .dividers { cursor: row-resize } .to-clipboard { cursor: copy } body.hide-watch-now .btn-watch-now, body.hide-watch-now .btn-get-tickets, body.hide-watch-now .quick-icons .watch-now, body.hide-watch-now #info-wrapper .sidebar .streaming-links, body.hide-watch-now .action-buttons .streaming-links { display: none !important } .genre-bars { display: flex; padding: 40px 0 60px; overflow-x: auto; overflow-y: hidden; scrollbar-color: rgba(0, 0, 0, .1) rgba(100, 100, 100, .1); scrollbar-width: thin } .genre-bars::-webkit-scrollbar { width: 6px; height: 6px } .genre-bars::-webkit-scrollbar-track { background: rgba(100, 100, 100, .1); border-radius: 3px } .genre-bars::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .1); transition: all .5s; border-radius: 3px } .genre-bars::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .3) } .genre-bars:hover .bar { opacity: .5 } .genre-bars:hover .bar .percentage { opacity: 1 } .genre-bars .bar { height: 30px; background-color: #222; margin-left: 2px; position: relative; min-width: 45px; transition: all .5s } .genre-bars .bar:nth-child(1), .genre-bars .bar:nth-child(12), .genre-bars .bar:nth-child(23), .genre-bars .bar:nth-child(34) { background-color: #cc333f } .genre-bars .bar:nth-child(1) label, .genre-bars .bar:nth-child(12) label, .genre-bars .bar:nth-child(23) label, .genre-bars .bar:nth-child(34) label { border-color: #cc333f } .genre-bars .bar:nth-child(1) label.with-bg, .genre-bars .bar:nth-child(12) label.with-bg, .genre-bars .bar:nth-child(23) label.with-bg, .genre-bars .bar:nth-child(34) label.with-bg { background-color: #cc333f50; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(2), .genre-bars .bar:nth-child(13), .genre-bars .bar:nth-child(24), .genre-bars .bar:nth-child(35) { background-color: #00a0b0 } .genre-bars .bar:nth-child(2) label, .genre-bars .bar:nth-child(13) label, .genre-bars .bar:nth-child(24) label, .genre-bars .bar:nth-child(35) label { border-color: #00a0b0 } .genre-bars .bar:nth-child(2) label.with-bg, .genre-bars .bar:nth-child(13) label.with-bg, .genre-bars .bar:nth-child(24) label.with-bg, .genre-bars .bar:nth-child(35) label.with-bg { background-color: #00a0b050; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(3), .genre-bars .bar:nth-child(14), .genre-bars .bar:nth-child(25), .genre-bars .bar:nth-child(36) { background-color: #eb6841 } .genre-bars .bar:nth-child(3) label, .genre-bars .bar:nth-child(14) label, .genre-bars .bar:nth-child(25) label, .genre-bars .bar:nth-child(36) label { border-color: #eb6841 } .genre-bars .bar:nth-child(3) label.with-bg, .genre-bars .bar:nth-child(14) label.with-bg, .genre-bars .bar:nth-child(25) label.with-bg, .genre-bars .bar:nth-child(36) label.with-bg { background-color: #eb684150; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(4), .genre-bars .bar:nth-child(15), .genre-bars .bar:nth-child(26), .genre-bars .bar:nth-child(37) { background-color: #6a4a3c } .genre-bars .bar:nth-child(4) label, .genre-bars .bar:nth-child(15) label, .genre-bars .bar:nth-child(26) label, .genre-bars .bar:nth-child(37) label { border-color: #6a4a3c } .genre-bars .bar:nth-child(4) label.with-bg, .genre-bars .bar:nth-child(15) label.with-bg, .genre-bars .bar:nth-child(26) label.with-bg, .genre-bars .bar:nth-child(37) label.with-bg { background-color: #6a4a3c50; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(5), .genre-bars .bar:nth-child(16), .genre-bars .bar:nth-child(27), .genre-bars .bar:nth-child(38) { background-color: #edc951 } .genre-bars .bar:nth-child(5) label, .genre-bars .bar:nth-child(16) label, .genre-bars .bar:nth-child(27) label, .genre-bars .bar:nth-child(38) label { border-color: #edc951 } .genre-bars .bar:nth-child(5) label.with-bg, .genre-bars .bar:nth-child(16) label.with-bg, .genre-bars .bar:nth-child(27) label.with-bg, .genre-bars .bar:nth-child(38) label.with-bg { background-color: #edc95150; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(6), .genre-bars .bar:nth-child(17), .genre-bars .bar:nth-child(28), .genre-bars .bar:nth-child(39) { background-color: #ab3e5b } .genre-bars .bar:nth-child(6) label, .genre-bars .bar:nth-child(17) label, .genre-bars .bar:nth-child(28) label, .genre-bars .bar:nth-child(39) label { border-color: #ab3e5b } .genre-bars .bar:nth-child(6) label.with-bg, .genre-bars .bar:nth-child(17) label.with-bg, .genre-bars .bar:nth-child(28) label.with-bg, .genre-bars .bar:nth-child(39) label.with-bg { background-color: #ab3e5b50; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(7), .genre-bars .bar:nth-child(18), .genre-bars .bar:nth-child(29), .genre-bars .bar:nth-child(40) { background-color: #b3cc57 } .genre-bars .bar:nth-child(7) label, .genre-bars .bar:nth-child(18) label, .genre-bars .bar:nth-child(29) label, .genre-bars .bar:nth-child(40) label { border-color: #b3cc57 } .genre-bars .bar:nth-child(7) label.with-bg, .genre-bars .bar:nth-child(18) label.with-bg, .genre-bars .bar:nth-child(29) label.with-bg, .genre-bars .bar:nth-child(40) label.with-bg { background-color: #b3cc5750; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(8), .genre-bars .bar:nth-child(19), .genre-bars .bar:nth-child(30), .genre-bars .bar:nth-child(41) { background-color: #ef746f } .genre-bars .bar:nth-child(8) label, .genre-bars .bar:nth-child(19) label, .genre-bars .bar:nth-child(30) label, .genre-bars .bar:nth-child(41) label { border-color: #ef746f } .genre-bars .bar:nth-child(8) label.with-bg, .genre-bars .bar:nth-child(19) label.with-bg, .genre-bars .bar:nth-child(30) label.with-bg, .genre-bars .bar:nth-child(41) label.with-bg { background-color: #ef746f50; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(9), .genre-bars .bar:nth-child(20), .genre-bars .bar:nth-child(31), .genre-bars .bar:nth-child(42) { background-color: #3e4147 } .genre-bars .bar:nth-child(9) label, .genre-bars .bar:nth-child(20) label, .genre-bars .bar:nth-child(31) label, .genre-bars .bar:nth-child(42) label { border-color: #3e4147 } .genre-bars .bar:nth-child(9) label.with-bg, .genre-bars .bar:nth-child(20) label.with-bg, .genre-bars .bar:nth-child(31) label.with-bg, .genre-bars .bar:nth-child(42) label.with-bg { background-color: #3e414750; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(10), .genre-bars .bar:nth-child(21), .genre-bars .bar:nth-child(32), .genre-bars .bar:nth-child(43) { background-color: #ffbe40 } .genre-bars .bar:nth-child(10) label, .genre-bars .bar:nth-child(21) label, .genre-bars .bar:nth-child(32) label, .genre-bars .bar:nth-child(43) label { border-color: #ffbe40 } .genre-bars .bar:nth-child(10) label.with-bg, .genre-bars .bar:nth-child(21) label.with-bg, .genre-bars .bar:nth-child(32) label.with-bg, .genre-bars .bar:nth-child(43) label.with-bg { background-color: #ffbe4050; padding: 6px !important; max-width: 500px } .genre-bars .bar:nth-child(11), .genre-bars .bar:nth-child(22), .genre-bars .bar:nth-child(33), .genre-bars .bar:nth-child(44) { background-color: #7b3b3b } .genre-bars .bar:nth-child(11) label, .genre-bars .bar:nth-child(22) label, .genre-bars .bar:nth-child(33) label, .genre-bars .bar:nth-child(44) label { border-color: #7b3b3b } .genre-bars .bar:nth-child(11) label.with-bg, .genre-bars .bar:nth-child(22) label.with-bg, .genre-bars .bar:nth-child(33) label.with-bg, .genre-bars .bar:nth-child(44) label.with-bg { background-color: #7b3b3b50; padding: 6px !important; max-width: 500px } .genre-bars .bar.rating-1 { background-color: #616161 } .genre-bars .bar.rating-1 label { border-color: #616161 } .genre-bars .bar.rating-2 { background-color: #675b5b } .genre-bars .bar.rating-2 label { border-color: #675b5b } .genre-bars .bar.rating-3 { background-color: #705252 } .genre-bars .bar.rating-3 label { border-color: #705252 } .genre-bars .bar.rating-4 { background-color: #7a4747 } .genre-bars .bar.rating-4 label { border-color: #7a4747 } .genre-bars .bar.rating-5 { background-color: #863c3c } .genre-bars .bar.rating-5 label { border-color: #863c3c } .genre-bars .bar.rating-6 { background-color: #922f30 } .genre-bars .bar.rating-6 label { border-color: #922f30 } .genre-bars .bar.rating-7 { background-color: #9e2424 } .genre-bars .bar.rating-7 label { border-color: #9e2424 } .genre-bars .bar.rating-8 { background-color: #a81918 } .genre-bars .bar.rating-8 label { border-color: #a81918 } .genre-bars .bar.rating-9 { background-color: #b11010 } .genre-bars .bar.rating-9 label { border-color: #b11010 } .genre-bars .bar.rating-10 { background-color: #b70a0a } .genre-bars .bar.rating-10 label { border-color: #b70a0a } .genre-bars .bar:nth-child(1) { margin-left: 0 } .genre-bars .bar .percentage { color: #000; position: absolute; width: 100%; text-align: center; left: 0; top: 7px; font-size: 12px; font-family: proxima nova; opacity: 0; transition: .5s } .genre-bars .bar label { position: absolute; left: 0; bottom: 30px; font-family: proxima nova semibold; font-size: 12px; text-transform: uppercase; color: #ddd; margin: 0; font-weight: 400; border-left: solid 1px; padding: 2px 0 2px 4px; line-height: 1; text-align: left; transition: all .5s } .genre-bars .bar label .count { font-family: proxima nova; color: #999; white-space: nowrap; transition: all .5s; font-size: 11px } .genre-bars .bar label .count a { color: #999 } .genre-bars .bar:nth-child(2n) label { top: 30px; bottom: auto; padding-top: 4px; padding-bottom: 0 } .genre-bars .bar:hover { opacity: 1 } .genre-bars .bar:hover label { color: #fff } .genre-bars .bar:hover label .count { color: #aaa } .genre-bars .bar:hover label .count a { color: #aaa } .genre-bars a.bar label { cursor: pointer } .genre-bars.rows { display: block } .genre-bars.rows .bar { margin-left: 0; margin-top: 35px; display: block } .genre-bars.rows .bar.with-bg { margin-top: 50px } .genre-bars.rows .bar label { white-space: nowrap } .genre-bars.rows .bar:nth-child(2n) label { top: auto; bottom: 30px; padding-top: 2px; padding-bottom: 2px } body:not(.dark-knight) .genre-bars.light .bar .percentage { color: #fff } body:not(.dark-knight) .genre-bars.light .bar label { color: #333 } body:not(.dark-knight) .genre-bars.light .bar label .count a { color: #777; transition: all .5s; text-decoration: none } body:not(.dark-knight) .genre-bars.light .bar label .count a:hover { color: #ed1c24 } .sncmp-popup-ok-button { background-color: #ed1c24 !important; color: #fff !important } .sncmp a { color: #ed1c24 !important } .sncmp-toggleAllEnable { color: #ed1c24 !important } .sncmp-banner { border-top: 1px solid #6ac415 !important; -webkit-box-shadow: 0 0 5px 2px rgba(237, 28, 36, .5) !important; -moz-box-shadow: 0 0 5px 2px rgba(237, 28, 36, .5) !important; box-shadow: 0 0 5px 2px rgba(237, 28, 36, .5) !important } .sncmp-banner-btn { border: solid 1px #ed1c24 !important } .sncmp-banner-btn-learnmore { color: #ed1c24 !important } .sncmp-banner-btn-agree { background-color: #ed1c24 !important } input:checked + .sncmp-slider { background-color: #ed1c24 !important } input:focus + .sncmp-slider { box-shadow: 0 0 1px #ed1c24 !important } .sncmp-learnmore-reconsiderbutton { background-color: #ed1c24 !important } .joypixels { font-size: inherit; height: 3ex; width: 3.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: -.2ex .15em .2ex; line-height: normal; vertical-align: middle } img.joypixels { width: auto } .emojionearea { outline: none !important; border: none; background-color: transparent } .emojionearea.focused:not(.in-modal) { -webkit-box-shadow: none; box-shadow: none; border: none } .emojionearea.in-modal { padding: 0 !important } .emojionearea.in-modal .emojionearea-editor { min-height: 8em; max-height: 12em; padding: 10px 30px 10px 10px } .emojionearea .emojionearea-editor { min-height: 1em; max-height: 50em; text-transform: none !important } .emojionearea .emojionearea-button > div { background-image: none !important } .emojionearea .emojionearea-button > div:before { font-family: "font awesome 6 pro"; content: "\f118"; position: absolute; top: 2px; right: 4px; font-weight: 900; color: #aaa; font-size: 16px } .emojionearea .emojionearea-button > div.emojionearea-button-close:before { content: "\f057" } .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] { z-index: 12000 !important } .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a { background-color: transparent } .hide-spoiler:not([data-screenshot]):not(.real) { -webkit-filter: blur(8px); filter: blur(8px); cursor: pointer } .hide-spoiler.external-rating:not([data-screenshot]):not(.real) { -webkit-filter: blur(8px) grayscale(100%); filter: blur(8px) grayscale(100%) } .hide-spoiler.visible:not([data-screenshot]):not(.real) { transition: all .5s; -webkit-filter: blur(0px); filter: blur(0px) } .hide-spoiler.visible.external-rating:not([data-screenshot]):not(.real) { -webkit-filter: blur(0px) grayscale(0%); filter: blur(0px) grayscale(0%) } .alert-cookie-disabled { display: inline-block; padding: 15px 15px 15px 17px; border-radius: .35em; border: none; margin: 20px 0 0; background-color: var(--cc-bg); color: var(--cc-text); font-size: 14px; line-height: 1.4; text-align: left } .alert-cookie-disabled .grid { display: grid; grid-gap: 15px; grid-template-columns: 1fr auto } .alert-cookie-disabled .grid-btn a { display: inline-block; color: #fff; background-color: var(--cc-btn-primary-bg); padding: 8px 12px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; text-align: center; border-radius: 4px; transition: background-color .5s; text-decoration: none } .alert-cookie-disabled .grid-btn a:hover { background-color: var(--cc-btn-primary-hover-bg) } .humanized-minutes, .relative-date-swap { cursor: alias } @media(min-width:768px) { .sticky { position: sticky !important; top: 0; z-index: 20 } .sticky:has(.dropdown.open) { z-index: 35 } .advanced-filters { z-index: 10 } .sticky-wrapper-wrapper { display: flex } .sticky-wrapper { flex: 1 } } @media(min-width:1025px) { .frame-wrapper .sidenav { min-height: 100vh } } .user-card .fanart { border-radius: 15px 15px 0 0 } .user-card .user-info-wrapper { overflow: clip; display: grid; grid-template-columns: 80px auto; margin-top: -15px; background-color: #eee; border-radius: 0 0 15px 15px } .user-card .user-info-wrapper .user-avatar { margin-left: 10px } .user-card .user-info-wrapper .user-avatar img { width: 70px; height: 70px } .user-card .user-info-wrapper .user-info { padding: 25px 0 15px 10px } .user-card .user-info-wrapper .user-info .user-display-name { font-family: proxima nova semibold; font-size: 16px; white-space: nowrap } .user-card .user-info-wrapper .user-info .fa:not(.fa-star) { margin: 0 5px 0 10px } .user-card .user-info-wrapper .user-info .to-clipboard { margin-left: 5px } .user-card .user-info-wrapper .user-info .user-location { white-space: nowrap; font-size: 12px } .user-card .user-info-wrapper .user-info .user-location .fa:first-child { margin-left: 0 } .user-card .user-info-wrapper .user-info .buttons { white-space: nowrap } .user-card .user-info-wrapper .user-info .buttons .btn { font-family: proxima nova bold; text-transform: uppercase; font-size: 12px; padding: 4px 8px; margin: 10px 10px 0 0 } .user-card .user-info-wrapper .user-info .buttons .btn.enabled { display: inline-block } .user-card .user-info-wrapper .user-info .buttons .btn-follow { color: #fff; background-color: #ed1c24; border-color: #ed1c24 } .user-card .user-info-wrapper .user-info .buttons .btn-follow:hover, .user-card .user-info-wrapper .user-info .buttons .btn-follow:focus, .user-card .user-info-wrapper .user-info .buttons .btn-follow:active, .user-card .user-info-wrapper .user-info .buttons .btn-follow.active, .open > .user-card .user-info-wrapper .user-info .buttons .btn-follow.dropdown-toggle { color: #fff; background-color: #c61017; border-color: #bd0f16 } .user-card .user-info-wrapper .user-info .buttons .btn-follow:active, .user-card .user-info-wrapper .user-info .buttons .btn-follow.active, .open > .user-card .user-info-wrapper .user-info .buttons .btn-follow.dropdown-toggle { background-image: none } .user-card .user-info-wrapper .user-info .buttons .btn-follow.disabled, .user-card .user-info-wrapper .user-info .buttons .btn-follow.disabled:hover, .user-card .user-info-wrapper .user-info .buttons .btn-follow.disabled:focus, .user-card .user-info-wrapper .user-info .buttons .btn-follow.disabled:active, .user-card .user-info-wrapper .user-info .buttons .btn-follow.disabled.active, .user-card .user-info-wrapper .user-info .buttons .btn-follow[disabled], .user-card .user-info-wrapper .user-info .buttons .btn-follow[disabled]:hover, .user-card .user-info-wrapper .user-info .buttons .btn-follow[disabled]:focus, .user-card .user-info-wrapper .user-info .buttons .btn-follow[disabled]:active, .user-card .user-info-wrapper .user-info .buttons .btn-follow.active[disabled], fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follow, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follow:hover, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follow:focus, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follow:active, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follow.active { background-color: #ed1c24; border-color: #ed1c24 } .user-card .user-info-wrapper .user-info .buttons .btn-follow .badge { color: #ed1c24; background-color: #fff } .user-card .user-info-wrapper .user-info .buttons .btn-following { display: none; color: #fff; background-color: #16a085; border-color: #16a085 } .user-card .user-info-wrapper .user-info .buttons .btn-following:hover, .user-card .user-info-wrapper .user-info .buttons .btn-following:focus, .user-card .user-info-wrapper .user-info .buttons .btn-following:active, .user-card .user-info-wrapper .user-info .buttons .btn-following.active, .open > .user-card .user-info-wrapper .user-info .buttons .btn-following.dropdown-toggle { color: #fff; background-color: #107360; border-color: #0f6a58 } .user-card .user-info-wrapper .user-info .buttons .btn-following:active, .user-card .user-info-wrapper .user-info .buttons .btn-following.active, .open > .user-card .user-info-wrapper .user-info .buttons .btn-following.dropdown-toggle { background-image: none } .user-card .user-info-wrapper .user-info .buttons .btn-following.disabled, .user-card .user-info-wrapper .user-info .buttons .btn-following.disabled:hover, .user-card .user-info-wrapper .user-info .buttons .btn-following.disabled:focus, .user-card .user-info-wrapper .user-info .buttons .btn-following.disabled:active, .user-card .user-info-wrapper .user-info .buttons .btn-following.disabled.active, .user-card .user-info-wrapper .user-info .buttons .btn-following[disabled], .user-card .user-info-wrapper .user-info .buttons .btn-following[disabled]:hover, .user-card .user-info-wrapper .user-info .buttons .btn-following[disabled]:focus, .user-card .user-info-wrapper .user-info .buttons .btn-following[disabled]:active, .user-card .user-info-wrapper .user-info .buttons .btn-following.active[disabled], fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-following, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-following:hover, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-following:focus, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-following:active, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-following.active { background-color: #16a085; border-color: #16a085 } .user-card .user-info-wrapper .user-info .buttons .btn-following .badge { color: #16a085; background-color: #fff } .user-card .user-info-wrapper .user-info .buttons .btn-following .trakt-icon { margin-right: 5px } .user-card .user-info-wrapper .user-info .buttons .btn-pending { display: none; color: #fff; background-color: #666; border-color: #666 } .user-card .user-info-wrapper .user-info .buttons .btn-pending:hover, .user-card .user-info-wrapper .user-info .buttons .btn-pending:focus, .user-card .user-info-wrapper .user-info .buttons .btn-pending:active, .user-card .user-info-wrapper .user-info .buttons .btn-pending.active, .open > .user-card .user-info-wrapper .user-info .buttons .btn-pending.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #474747 } .user-card .user-info-wrapper .user-info .buttons .btn-pending:active, .user-card .user-info-wrapper .user-info .buttons .btn-pending.active, .open > .user-card .user-info-wrapper .user-info .buttons .btn-pending.dropdown-toggle { background-image: none } .user-card .user-info-wrapper .user-info .buttons .btn-pending.disabled, .user-card .user-info-wrapper .user-info .buttons .btn-pending.disabled:hover, .user-card .user-info-wrapper .user-info .buttons .btn-pending.disabled:focus, .user-card .user-info-wrapper .user-info .buttons .btn-pending.disabled:active, .user-card .user-info-wrapper .user-info .buttons .btn-pending.disabled.active, .user-card .user-info-wrapper .user-info .buttons .btn-pending[disabled], .user-card .user-info-wrapper .user-info .buttons .btn-pending[disabled]:hover, .user-card .user-info-wrapper .user-info .buttons .btn-pending[disabled]:focus, .user-card .user-info-wrapper .user-info .buttons .btn-pending[disabled]:active, .user-card .user-info-wrapper .user-info .buttons .btn-pending.active[disabled], fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-pending, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-pending:hover, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-pending:focus, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-pending:active, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-pending.active { background-color: #666; border-color: #666 } .user-card .user-info-wrapper .user-info .buttons .btn-pending .badge { color: #666; background-color: #fff } .user-card .user-info-wrapper .user-info .buttons .btn-pending .trakt-icon { margin-right: 5px } .user-card .user-info-wrapper .user-info .buttons .btn-follows-you { display: none; color: #fff; background-color: #000; border-color: #000 } .user-card .user-info-wrapper .user-info .buttons .btn-follows-you:hover, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you:focus, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you:active, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.active, .open > .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.dropdown-toggle { color: #fff; background-color: #000; border-color: #000 } .user-card .user-info-wrapper .user-info .buttons .btn-follows-you:active, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.active, .open > .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.dropdown-toggle { background-image: none } .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.disabled, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.disabled:hover, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.disabled:focus, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.disabled:active, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.disabled.active, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you[disabled], .user-card .user-info-wrapper .user-info .buttons .btn-follows-you[disabled]:hover, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you[disabled]:focus, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you[disabled]:active, .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.active[disabled], fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follows-you, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follows-you:hover, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follows-you:focus, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follows-you:active, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .btn-follows-you.active { background-color: #000; border-color: #000 } .user-card .user-info-wrapper .user-info .buttons .btn-follows-you .badge { color: #000; background-color: #fff } .user-card .user-info-wrapper .user-info .buttons .btn-follows-you .trakt-icon { margin-right: 5px } .user-card .user-info-wrapper .user-info .buttons .unfollow { color: #fff; background-color: #666; border-color: #666 } .user-card .user-info-wrapper .user-info .buttons .unfollow:hover, .user-card .user-info-wrapper .user-info .buttons .unfollow:focus, .user-card .user-info-wrapper .user-info .buttons .unfollow:active, .user-card .user-info-wrapper .user-info .buttons .unfollow.active, .open > .user-card .user-info-wrapper .user-info .buttons .unfollow.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #474747 } .user-card .user-info-wrapper .user-info .buttons .unfollow:active, .user-card .user-info-wrapper .user-info .buttons .unfollow.active, .open > .user-card .user-info-wrapper .user-info .buttons .unfollow.dropdown-toggle { background-image: none } .user-card .user-info-wrapper .user-info .buttons .unfollow.disabled, .user-card .user-info-wrapper .user-info .buttons .unfollow.disabled:hover, .user-card .user-info-wrapper .user-info .buttons .unfollow.disabled:focus, .user-card .user-info-wrapper .user-info .buttons .unfollow.disabled:active, .user-card .user-info-wrapper .user-info .buttons .unfollow.disabled.active, .user-card .user-info-wrapper .user-info .buttons .unfollow[disabled], .user-card .user-info-wrapper .user-info .buttons .unfollow[disabled]:hover, .user-card .user-info-wrapper .user-info .buttons .unfollow[disabled]:focus, .user-card .user-info-wrapper .user-info .buttons .unfollow[disabled]:active, .user-card .user-info-wrapper .user-info .buttons .unfollow.active[disabled], fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .unfollow, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .unfollow:hover, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .unfollow:focus, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .unfollow:active, fieldset[disabled] .user-card .user-info-wrapper .user-info .buttons .unfollow.active { background-color: #666; border-color: #666 } .user-card .user-info-wrapper .user-info .buttons .unfollow .badge { color: #666; background-color: #fff } .user-card .user-info-wrapper .user-info .buttons .unfollow .trakt-icon:before { content: "\e604"; font-family: trakt; font-weight: 400 } .filter-dropdown { position: relative } .filter-dropdown .filter-counter { position: absolute; right: 8px; top: -8px; z-index: 1; font-family: proxima nova bold; font-size: 10px; line-height: 1; border-radius: 8px; padding: 2px 3px; min-width: 14px; text-align: center; background-color: #fff; color: #ed1c24 } body.registrations, body.sessions, body.passwords, body.confirmations, body.unlocks, body.authorizations, body.activate, body.settings.email_delete_account, body.mastodon.account, body.magic_link { background-color: #000 } body.registrations header, body.registrations footer, body.registrations #flashes, body.sessions header, body.sessions footer, body.sessions #flashes, body.passwords header, body.passwords footer, body.passwords #flashes, body.confirmations header, body.confirmations footer, body.confirmations #flashes, body.unlocks header, body.unlocks footer, body.unlocks #flashes, body.authorizations header, body.authorizations footer, body.authorizations #flashes, body.activate header, body.activate footer, body.activate #flashes, body.settings.email_delete_account header, body.settings.email_delete_account footer, body.settings.email_delete_account #flashes, body.mastodon.account header, body.mastodon.account footer, body.mastodon.account #flashes, body.magic_link header, body.magic_link footer, body.magic_link #flashes { display: none !important } .form-signin { max-width: 330px; padding: 15px 15px 25px; margin: 0 auto } .form-signin.less-top { padding-top: 5px } .form-signin .form-signin-heading, .form-signin .form-signin .checkbox { margin-bottom: 10px } .form-signin .checkbox { font-weight: 400 } .form-signin .form-control { position: relative; font-size: 16px; height: auto; padding: 10px } .form-signin .form-control.has-error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); background-color: #fde9e9 } .form-signin select.form-control { font-size: 14px; height: 31px; padding: 0 10px } .form-signin select.form-control:not(:focus) { box-shadow: none } .form-signin .form-control:focus { z-index: 2 } .form-signin input.form-control { margin-bottom: -1px } .form-signin input.middle { border-radius: 0 } .form-signin input.top { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .form-signin input.bottom { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0 } .form-signin .oauth-choices { margin-top: 25px } .form-signin .oauth-choices .btn { margin-top: 15px; text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } .form-signin .oauth-choices a { text-decoration: none } .form-signin h4 { font-family: proxima nova semibold; font-size: 13px; text-transform: uppercase; margin: 0 0 5px 1px; color: #666; text-align: left } .form-signin .btn-group { font-size: 13px } .form-signin .btn-group:before, .form-signin .btn-group:after { content: " "; display: table } .form-signin .btn-group:after { clear: both } .form-signin .btn-group .btn { height: auto; padding: 0; text-align: center; position: relative; background-color: #fff; color: #999; border-left: solid 1px #eee; padding: 4px 12px } .form-signin .btn-group .btn.active { color: #fff !important; background-color: #666 } .form-signin .radios, .form-signin .checkboxes { text-align: center; margin-top: 20px } .form-signin .multi-select { margin-top: 20px } .form-signin .multi-select .chosen-container .chosen-choices { padding: 0 7px } .form-signin .btn-group.single { display: block } .form-signin .radios .btn-group .btn:first-child { border-radius: 3px 0 0 3px; border-left: none } .form-signin .radios .btn-group .btn:last-child { border-radius: 0 3px 3px 0 } .form-signin .checkboxes .btn-group .btn { border-radius: 3px; border: none; width: 100% } .form-signin .checkboxes .btn-group .btn .fa, .form-signin .checkboxes .btn-group .btn [class^=fa-], .form-signin .checkboxes .btn-group .btn [class*=" fa-"] { font-family: trakt; content: "\e604" } .form-signin .checkboxes .btn-group .btn.active .fa, .form-signin .checkboxes .btn-group .btn.active [class^=fa-], .form-signin .checkboxes .btn-group .btn.active [class*=" fa-"] { content: "\e602" } .form-signin .checkboxes .btn-group .btn:hover { color: #000 } .form-signin p.instructions { margin-top: 20px; font-size: 12px; font-style: italic; background-color: #fff; margin: 20px -30px 0; padding: 10px 15px; border-top: solid 1px #eee; border-bottom: solid 1px #eee } .form-signin .under-help { font-size: 12px; font-style: italic; margin-top: 5px; color: #999 } .form-signin .under-help:before, .form-signin .under-help:after { content: " "; display: table } .form-signin .under-help:after { clear: both } .form-signin .under-help .error { color: #ed1c24 } .form-signin .under-help .left { float: left } .form-signin .under-help .right { float: right } .form-signin .chosen-container .chosen-choices, .form-signin .chosen-container .chosen-single { background: #fff !important; color: #000; border: solid 1px #ccc; box-shadow: none; height: 28px; line-height: 28px; padding: 2px 7px } .form-signin .chosen-container .chosen-choices div b, .form-signin .chosen-container .chosen-single div b { background-position: 0 4px } .form-signin .chosen-container .chosen-choices li.search-choice, .form-signin .chosen-container .chosen-single li.search-choice { background: #ddd !important; color: #333; border: none; box-shadow: none; margin: 5px 7px 4px 0; padding: 6px 22px 6px 8px; font-size: 14px } .form-signin .chosen-container .chosen-choices li.search-choice .search-choice-close, .form-signin .chosen-container .chosen-single li.search-choice .search-choice-close { top: 7px; right: 5px } .form-signin .chosen-container .chosen-choices li.search-field input[type=text], .form-signin .chosen-container .chosen-single li.search-field input[type=text] { color: #333 !important; font-size: 14px; margin: 5px 0; width: auto !important } .form-signin .chosen-container .chosen-single { height: 35px; line-height: 30px } .form-signin .chosen-container .chosen-single div b { background-position: 0 7px } .form-signin .chosen-container .chosen-drop { background: #fff; border: solid 1px #ccc; border-top: none; box-shadow: none; margin-top: -1px } .form-signin .chosen-container .chosen-drop .result-selected { color: #bbb } .form-signin .chosen-container .chosen-results { color: #333; margin: 0; padding: 0 } .form-signin .chosen-container .chosen-results li { padding: 6px 8px } .form-signin .chosen-container .chosen-results li.highlighted { background: #ddd !important; color: #333 } .form-signin .chosen-container .chosen-results li.group-result { text-transform: uppercase; color: #777; border-bottom: solid 1px #ccc } .form-signin .chosen-container .chosen-results li.group-option { padding-left: 15px } #auth-bg-wrapper { width: 100%; height: 100%; background-color: #222; background-size: cover; background-position: center center; position: fixed; z-index: -1; transition: opacity .5s; opacity: 0 } #auth-bg-wrapper.bg-on { opacity: 1 } #auth-form-wrapper, .checkin-modal { position: fixed; z-index: 10000; background-color: #f5f5f7; width: 360px; left: 50%; top: 100px; margin-left: -180px; -webkit-box-shadow: 0 0 20px #666; box-shadow: 0 0 20px #666; border-radius: 12px; margin-bottom: 40px } #auth-form-wrapper.wider, .checkin-modal.wider { width: 600px; margin-left: -300px } #auth-form-wrapper .logo-wrapper, .checkin-modal .logo-wrapper { width: 128px; height: 128px; position: absolute; left: 50%; top: -64px; margin-left: -64px } #auth-form-wrapper .logo-wrapper .base, .checkin-modal .logo-wrapper .base { position: absolute; background-color: #fff; border-radius: 50%; width: 118px; height: 118px; left: 5px; top: 5px } #auth-form-wrapper .logo-wrapper .logo, .checkin-modal .logo-wrapper .logo { position: absolute; background: url(/assets/logos/medium@2x-11822a28bccd4f9940f69add6c4a9f06fab374da2071c5474499ea175558c46b.png) no-repeat; background-size: 128px 128px; width: 100%; height: 100% } #auth-form-wrapper .logo-wrapper .user-avatar, .checkin-modal .logo-wrapper .user-avatar { height: 100% } #auth-form-wrapper .logo-wrapper .user-avatar img, .checkin-modal .logo-wrapper .user-avatar img { height: 100%; border: solid 5px #fff; background-color: #fff; box-shadow: #ccc 0 0 10px } #auth-form-wrapper h1, .checkin-modal h1 { font-size: 30px; margin: 85px 0 20px; text-align: center; font-family: proxima nova bold; text-transform: uppercase; letter-spacing: 4px } #auth-form-wrapper h2, .checkin-modal h2 { text-align: center; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; font-size: 16px; margin: 0 0 20px } #auth-form-wrapper h2.quote, .checkin-modal h2.quote { font-family: Georgia, times new roman, Times, serif; font-style: italic } #auth-form-wrapper h2.error, .checkin-modal h2.error { color: #fff; padding: 7px 0; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-family: proxima nova semibold } #auth-form-wrapper h2.no-bottom, .checkin-modal h2.no-bottom { margin-bottom: 0 } #auth-form-wrapper .form-signin, .checkin-modal .form-signin { padding-top: 0 } #auth-form-wrapper .btn-primary, .checkin-modal .btn-primary { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } #auth-form-wrapper .auth-services .btn, .checkin-modal .auth-services .btn { margin-top: 20px; font-size: 20px; border-radius: 3px } #auth-form-wrapper .auth-services .btn-magic-link .fa-solid, .checkin-modal .auth-services .btn-magic-link .fa-solid { vertical-align: middle; color: #000 } #auth-form-wrapper .auth-services form, .checkin-modal .auth-services form { display: inline-block } #auth-form-wrapper .auth-services form button, .checkin-modal .auth-services form button { display: inline-block; border: none; padding: 0; margin: 0; background: 0 0 } #auth-form-wrapper .auth-services-wrapper, .checkin-modal .auth-services-wrapper { background-color: #eee; padding: 0 30px 20px; border-top: solid 1px #ddd; position: relative; text-align: center } #auth-form-wrapper .auth-services-wrapper .auth-or, .checkin-modal .auth-services-wrapper .auth-or { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; background-color: #f5f5f7; display: inline-block; position: absolute; top: -1px; border: solid 1px #ddd; border-top: 0; padding: 2px 7px 3px; border-radius: 0 0 5px 5px; font-size: 11px; color: #666 } #auth-form-wrapper .auth-services-wide-buttons-wrapper, .checkin-modal .auth-services-wide-buttons-wrapper { background-color: #eee; padding: 5px 30px 20px; margin: 0 0 40px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; position: relative; text-align: center } #auth-form-wrapper .auth-services-wide-buttons-wrapper form, .checkin-modal .auth-services-wide-buttons-wrapper form { display: block } #auth-form-wrapper .auth-services-wide-buttons-wrapper form button, .checkin-modal .auth-services-wide-buttons-wrapper form button { display: block; width: 100% } #auth-form-wrapper .auth-services-wide-buttons-wrapper form button .btn, .checkin-modal .auth-services-wide-buttons-wrapper form button .btn { display: block; width: 100%; margin: 15px 0 0; text-transform: none; font-family: proxima nova semibold; font-size: 16px; background-color: #fff !important; border-color: #999 !important; transition: all .5s } #auth-form-wrapper .auth-services-wide-buttons-wrapper form button .btn:hover, .checkin-modal .auth-services-wide-buttons-wrapper form button .btn:hover { box-shadow: 0 0 15px rgba(0, 0, 0, .3); border-color: #333 !important; transform: scale(1.03) } #auth-form-wrapper .auth-services-wide-buttons-wrapper form button .btn .icon, .checkin-modal .auth-services-wide-buttons-wrapper form button .btn .icon { display: inline-block; vertical-align: middle; color: #000 !important } #auth-form-wrapper .auth-services-wide-buttons-wrapper form button .btn .icon.fa-google, .checkin-modal .auth-services-wide-buttons-wrapper form button .btn .icon.fa-google { font-size: 18px } #auth-form-wrapper .auth-services-wide-buttons-wrapper form button .btn .icon-img, .checkin-modal .auth-services-wide-buttons-wrapper form button .btn .icon-img { margin: 10px 0; width: 16px; height: 16px } #auth-form-wrapper .auth-services-wide-buttons-wrapper form button .btn .text, .checkin-modal .auth-services-wide-buttons-wrapper form button .btn .text { display: inline-block; color: #000; vertical-align: middle; padding: 0 0 0 10px } #auth-form-wrapper .auth-services-wide-buttons-wrapper .auth-or, .checkin-modal .auth-services-wide-buttons-wrapper .auth-or { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; background-color: #eee; display: inline-block; position: absolute; bottom: -21px; border: solid 1px #ddd; border-top: 0; padding: 2px 7px 3px; border-radius: 0 0 5px 5px; font-size: 11px; color: #666 } #auth-form-wrapper .mid-wrapper, .checkin-modal .mid-wrapper { background-color: #ebebeb; border-top: solid 1px #ddd } #auth-form-wrapper .bottom-wrapper, .checkin-modal .bottom-wrapper { background-color: #fff; border-top: solid 1px #ddd; padding: 20px; text-align: center; border-radius: 0 0 12px 12px } #auth-form-wrapper .bottom-wrapper a, .checkin-modal .bottom-wrapper a { font-weight: 700 } #auth-form-wrapper .bottom-wrapper.pin-code, .checkin-modal .bottom-wrapper.pin-code { font-family: pt mono, Courier; font-size: 36px; text-align: center; text-transform: uppercase } #auth-form-wrapper .bottom-wrapper.clean, .checkin-modal .bottom-wrapper.clean { border: none; background-color: transparent } #auth-form-wrapper .inset-wrapper, .checkin-modal .inset-wrapper { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; background-color: #fff; padding: 20px; text-align: center; font-family: proxima nova semibold; font-size: 22px; margin: -20px 0 0 } #auth-form-wrapper .inset-wrapper.approved, .checkin-modal .inset-wrapper.approved { color: #5cb85c } #auth-form-wrapper .inset-wrapper.denied, .checkin-modal .inset-wrapper.denied { color: #d9534f } #auth-form-wrapper .inset-wrapper .fa, #auth-form-wrapper .inset-wrapper [class^=fa-], #auth-form-wrapper .inset-wrapper [class*=" fa-"], .checkin-modal .inset-wrapper .fa, .checkin-modal .inset-wrapper [class^=fa-], .checkin-modal .inset-wrapper [class*=" fa-"] { margin-right: 7px; font-size: 32px; vertical-align: bottom } #auth-form-wrapper .inset-wrapper .avatar, .checkin-modal .inset-wrapper .avatar { border-radius: 50%; width: 60px; height: 60px; background-color: #404040; border: solid 3px #404040 } #auth-form-wrapper .inset-wrapper .arrow, .checkin-modal .inset-wrapper .arrow { margin: 0 15px; font-size: 26px } #auth-form-wrapper .inset-wrapper.user-block .username, .checkin-modal .inset-wrapper.user-block .username { margin-top: 5px; font-family: proxima nova semibold; font-size: 16px } #auth-form-wrapper .inset-wrapper.user-block .label-vip, .checkin-modal .inset-wrapper.user-block .label-vip { margin: 0 } #auth-form-wrapper .info-wrapper, .checkin-modal .info-wrapper { border-bottom: solid 1px #ccc } #auth-form-wrapper .info-wrapper #error-explanation, .checkin-modal .info-wrapper #error-explanation { margin: 0; padding: 15px !important } #auth-form-wrapper .activation-code, .checkin-modal .activation-code { padding: 30px 0 20px } #auth-form-wrapper .activation-code input, .checkin-modal .activation-code input { font-family: pt mono, Courier; font-size: 36px; text-align: center; text-transform: uppercase; text-align: center; width: 100%; border: solid 1px #ccc; transition: all .5s } #auth-form-wrapper .activation-code input:focus, .checkin-modal .activation-code input:focus { outline: none; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc } #auth-form-wrapper .accept-terms, .checkin-modal .accept-terms { font-size: 11px; color: #666; text-align: left; margin: 0 0 20px } #auth-form-wrapper .accept-terms a, .checkin-modal .accept-terms a { color: #666; border-bottom: solid 1px #ccc; text-decoration: none; transition: all .5s } #auth-form-wrapper .accept-terms a:hover, .checkin-modal .accept-terms a:hover { color: #ed1c24; border-color: #ed1c24 } #auth-form-wrapper .accept-terms input[type=checkbox], .checkin-modal .accept-terms input[type=checkbox] { display: inline-block; vertical-align: top; margin: -1px 7px 0 12px; width: 16px; height: 16px } #auth-form-wrapper .accept-terms label, .checkin-modal .accept-terms label { font-weight: 400; display: inline-block; width: calc(100% - 37px); vertical-align: top } #auth-form-wrapper .accept-terms .term, .checkin-modal .accept-terms .term { margin-bottom: 5px } #auth-form-wrapper .accept-terms .term .explainer, .checkin-modal .accept-terms .term .explainer { background-color: #fff; border: solid 1px #ddd; padding: 5px; border-radius: 5px; margin-top: 5px; font-style: italic } #auth-form-wrapper #error-explanation, #auth-form-wrapper #error_explanation, .checkin-modal #error-explanation, .checkin-modal #error_explanation { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 10px; margin: 0 } #auth-form-wrapper #error-explanation.success, #auth-form-wrapper #error_explanation.success, .checkin-modal #error-explanation.success, .checkin-modal #error_explanation.success { color: #3c763d; background-color: #dff0d8 } #auth-form-wrapper #error-explanation.info, #auth-form-wrapper #error_explanation.info, .checkin-modal #error-explanation.info, .checkin-modal #error_explanation.info { color: #31708f; background-color: #d9edf7 } #auth-form-wrapper #error-explanation h2, #auth-form-wrapper #error_explanation h2, .checkin-modal #error-explanation h2, .checkin-modal #error_explanation h2 { display: none } #auth-form-wrapper #error-explanation ul, #auth-form-wrapper #error_explanation ul, .checkin-modal #error-explanation ul, .checkin-modal #error_explanation ul { margin: 10px 0 } #auth-form-wrapper #error-explanation.more-bottom, #auth-form-wrapper #error_explanation.more-bottom, .checkin-modal #error-explanation.more-bottom, .checkin-modal #error_explanation.more-bottom { margin-bottom: 25px } #auth-form-wrapper #error-explanation.more-top, #auth-form-wrapper #error_explanation.more-top, .checkin-modal #error-explanation.more-top, .checkin-modal #error_explanation.more-top { margin-top: 30px } #auth-form-wrapper #error-explanation.text-only, #auth-form-wrapper #error_explanation.text-only, .checkin-modal #error-explanation.text-only, .checkin-modal #error_explanation.text-only { padding: 15px 20px; text-align: center } #auth-form-wrapper #error-explanation .code, #auth-form-wrapper #error_explanation .code, .checkin-modal #error-explanation .code, .checkin-modal #error_explanation .code { font-family: pt mono, Courier; text-transform: uppercase; font-weight: 700; font-size: 15px } #auth-form-wrapper #error-explanation a, #auth-form-wrapper #error_explanation a, .checkin-modal #error-explanation a, .checkin-modal #error_explanation a { border-bottom: dotted 1px #ed1c24; text-decoration: none } #auth-form-wrapper #error-explanation a:hover, #auth-form-wrapper #error_explanation a:hover, .checkin-modal #error-explanation a:hover, .checkin-modal #error_explanation a:hover { border-bottom: solid 1px #ed1c24 } #auth-form-wrapper #error-explanation .btn-upgrade, #auth-form-wrapper #error_explanation .btn-upgrade, .checkin-modal #error-explanation .btn-upgrade, .checkin-modal #error_explanation .btn-upgrade { border-radius: 3px; font-size: 14px; padding: 6px 10px; margin-top: 10px } #auth-form-wrapper #error-explanation.smaller, #auth-form-wrapper #error_explanation.smaller, .checkin-modal #error-explanation.smaller, .checkin-modal #error_explanation.smaller { padding: 10px; font-size: 12px } #auth-form-wrapper #error-explanation.sso-message, #auth-form-wrapper #error_explanation.sso-message, .checkin-modal #error-explanation.sso-message, .checkin-modal #error_explanation.sso-message { transition: all .5s; max-height: 0; padding-top: 0; padding-bottom: 0; overflow: hidden } #auth-form-wrapper #error-explanation.sso-message.open, #auth-form-wrapper #error_explanation.sso-message.open, .checkin-modal #error-explanation.sso-message.open, .checkin-modal #error_explanation.sso-message.open { max-height: 100px; padding-top: 10px; padding-bottom: 10px } @media(max-width:767px) and (orientation:portrait) { #auth-form-wrapper, .checkin-modal { width: 90%; margin-left: -45%; top: 50px } #auth-form-wrapper .logo-wrapper, .checkin-modal .logo-wrapper { width: 80px; height: 80px; position: absolute; left: 50%; top: -40px; margin-left: -40px } #auth-form-wrapper .logo-wrapper .base, .checkin-modal .logo-wrapper .base { width: 74px; height: 74px; left: 3px; top: 4px } #auth-form-wrapper .logo-wrapper .logo, .checkin-modal .logo-wrapper .logo { background-size: 80px 80px } #auth-form-wrapper h1, .checkin-modal h1 { margin-top: 50px } #auth-form-wrapper .form-signin, .checkin-modal .form-signin { max-width: 100% } #auth-form-wrapper .auth-services-wrapper, .checkin-modal .auth-services-wrapper { padding-left: 15px; padding-right: 15px } } #auth-form-wrapper { position: absolute } #auth-form-wrapper .has-error .help-inline { height: 1px; overflow: hidden; display: block } #auth-form-wrapper .has-error .form-control { background-color: #fde9e9 } #auth-form-wrapper .under-wrapper { position: absolute; text-align: center; width: 100% } #auth-form-wrapper .under-wrapper a { display: block; background-color: rgba(0, 0, 0, .4); border-radius: 0 0 3px 3px; font-weight: 700; color: #fff; text-shadow: 0 0 20px #000; padding: 20px 0; text-decoration: none; transition: all .5s } #auth-form-wrapper .under-wrapper a:hover { background-color: rgba(0, 0, 0, .6) } #auth-form-wrapper .auth-services a { text-decoration: none } #auth-form-wrapper .auth-services .row { padding-top: 35px; text-align: center } #auth-form-wrapper .auth-services .btn { text-align: center; padding: 0; font-family: proxima nova; font-size: 11px; text-transform: uppercase; overflow: hidden; display: inline-block; width: 40px; margin: 0 5px } #auth-form-wrapper .auth-services .btn .icon { display: block; padding: 8px 0; text-align: center; font-size: 20px; color: #fff !important } #auth-form-wrapper .auth-services .btn .text { padding: 10px 0 6px; display: none } .side-pw-strength { position: absolute; right: 10px; top: 0; z-index: 10; font-size: 20px; line-height: 45px; transition: all .5s; opacity: 0; transform: rotate(180deg); color: #d9534f } .side-pw-strength:before { font: var(--fa-font-solid); content: "\f164" } .side-pw-strength.pw-enabled { opacity: 1 } .side-pw-strength.pw-strong { color: #5cb85c; transform: rotate(0) } .side-pw-strength.pw-medium { color: #5bc0de; transform: rotate(90deg) } body.settings .simple_form .form-group .side-pw-strength { right: 18px; line-height: 36px } body.settings .simple_form .form-group #user_password, body.settings .simple_form .form-group #user_password_confirmation { padding-right: 58px } .with-icons { margin: 30px 0 20px } .with-icons .with-icon { position: relative } .with-icons .with-icon .icon { color: #ed1c24; font-size: 20px; position: absolute; left: 10px; top: 12px; z-index: 10 } .with-icons .with-icon .icon.flag { font-size: 19px; top: 10px } .with-icons .with-icon .side-link { position: absolute; right: 10px; top: 0; z-index: 10; font-size: 12px; line-height: 45px } .with-icons .with-icon .side-icon { color: #fff; font-size: 20px; position: absolute; right: 5px; top: 11px; z-index: 10; cursor: pointer; transition: all .5s } .with-icons .with-icon .side-icon.faded { color: #555 } .with-icons .with-icon .side-icon.faded:hover { color: #fff } .with-icons .with-icon input { padding-left: 40px !important } .with-icons .with-icon #user_password, .with-icons .with-icon #user_password_confirmation { padding-right: 58px } #authorized-applications { padding-top: 20px; padding-bottom: 20px } #authorized-applications .row.new-app { text-align: center; margin-top: -10px } #authorized-applications .row.new-app:before, #authorized-applications .row.new-app:after { content: " "; display: table } #authorized-applications .row.new-app:after { clear: both } #authorized-applications .row.new-app .btn { margin: 10px 10px 0 } #authorized-applications .row.new-app .btn .fa, #authorized-applications .row.new-app .btn [class^=fa-], #authorized-applications .row.new-app .btn [class*=" fa-"] { margin-right: 7px } #authorized-applications .row.new-app .btn-branding .fa, #authorized-applications .row.new-app .btn-branding [class^=fa-], #authorized-applications .row.new-app .btn-branding [class*=" fa-"] { margin-top: -2px } #authorized-applications .row:not(:first-child):not(.no-border) { border-top: solid 1px #eee; padding-top: 20px; margin-top: 20px } #authorized-applications .row .icon img { width: 100%; border-radius: 50%; background-color: #404040; border: solid 3px #404040 } #authorized-applications .row .btn { text-transform: uppercase; font-family: proxima nova semibold; font-weight: 400 } #authorized-applications .row .info form { float: right; margin-top: 3px } #authorized-applications .row .info h4 { font-family: proxima nova semibold; margin: 5px 0 } #authorized-applications .row .info p { margin: 0 } #authorized-applications .row .info .tags { margin: 10px 0 7px } #authorized-applications .row .info .tags .label { margin-right: 5px } #authorized-applications .row .info .tags .label .fa, #authorized-applications .row .info .tags .label [class^=fa-], #authorized-applications .row .info .tags .label [class*=" fa-"] { margin-right: 2px } #authorized-applications .row .info h5 { margin-top: 10px; font-style: italic; color: #999 } #authorized-applications .row .info .actions { float: right; padding-top: 5px } #authorized-applications .row .info .actions * { vertical-align: middle } #authorized-applications .row .info .actions .btn { margin: 0 0 0 15px; font-family: proxima nova; font-size: 13px; padding: 0; border: 0; cursor: pointer } #authorized-applications .row .info .actions .btn.details { color: #009edf } #authorized-applications .row .info .actions .btn.update { color: #5cb85c } #authorized-applications .row .info .actions .btn.delete { color: #ed1c24 } #authorized-applications .row .info .actions .btn .icon { margin: 0 5px 0 0; font-size: 20px } #authorized-applications .row .info .actions input { padding: 0; margin: 0 } #authorized-applications .row .info .actions form { margin: 0; padding: 0 } .api-auth-choices { background-color: #fafafa; color: #555; margin: 0; padding-top: 20px; padding-bottom: 20px } .api-auth-choices.alt { background-color: #fdfdfd } .api-auth-choices .auth-title { background-color: #404040; color: #fff; text-align: center; padding: 5px 2px; font-family: proxima nova bold; border-radius: 3px } .api-auth-choices h4 { font-family: proxima nova semibold; margin: 5px 0 1px } .api-auth-choices p { margin: 5px 0 0 } .api-auth-choices .alert { text-align: left !important; display: inline-block; padding: 5px 10px; font-size: 13px; border-radius: 3px; margin-bottom: 10px } .auth-app-icon { width: 40px; height: 40px; border-radius: 50%; background-color: #404040; vertical-align: text-top; margin-right: 5px } @media(max-width:767px) { #authorized-applications .row .info .actions { padding-top: 0 } #authorized-applications .row .info .actions .btn { margin-left: 5px } #authorized-applications .row .info .actions .btn .text { display: none } .api-auth-choices .auth-title { margin: -20px -10px 20px; border-radius: 0 } .api-auth-choices .alert { display: block } code { word-break: break-all } body.applications .subnav-wrapper { white-space: normal; overflow-x: visible; padding-left: 15px !important; padding-right: 15px !important } } body.moderate .modal-backdrop.fade.in { opacity: .7 } .modal-backdrop { z-index: 2000 } .modal-backdrop.fade.in { opacity: 1 } .modal-backdrop.blur.fade.in { opacity: .7 } .modal-backdrop .image { width: 100%; height: 100%; background-size: cover; background-position: center center; position: absolute; -webkit-filter: blur(8px); filter: blur(8px); transition: opacity .45s; opacity: 0 } .modal-backdrop .image.shown { opacity: 1 } .checkin-close { position: absolute; right: -5px; top: -5px; padding: 10px; color: #ccc; cursor: pointer; z-index: 100 } .checkin-modal { height: auto; bottom: auto; outline: none; display: none } .checkin-modal.maxed-height { overflow-y: auto; overflow-x: hidden } @media(max-width:767px) and (orientation:portrait) { .checkin-modal { max-width: 90% !important; margin-left: -45% !important } .checkin-modal .form-signin { padding-bottom: 15px } .checkin-modal .screenshot .fanart { margin-left: -15px !important; margin-right: -15px !important } } .checkin-modal h1 { margin: 10px 0 0; text-transform: none; letter-spacing: normal; font-size: 26px; font-family: proxima nova semibold } .checkin-modal h1 img { width: 100%; min-height: 0 } .checkin-modal h1.logo { margin-top: 15px; min-height: 116px } .checkin-modal h2 { margin-top: 15px } .checkin-modal h2 .main-title-sxe { font-family: proxima nova bold } .checkin-modal .screenshot { margin-top: 15px; display: none } .checkin-modal .screenshot .fanart { margin: 0 -30px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd } .checkin-modal .screenshot .fanart img { transition: all .5s } .checkin-modal .screenshot .fanart img.off { opacity: 0 } .checkin-modal .screenshot .fanart img.on { opacity: 1 } .checkin-modal #checkin-message { margin-top: 20px } .checkin-modal .checkin-submit { margin-top: 20px } .checkin-modal.with-avatar h2 { margin: 80px 0 20px } .checkin-modal.without-avatar h2 { margin: 10px 0 20px } .checkin-modal .auth-services .row, .new-comment-wrapper .auth-services .row { text-align: center } .checkin-modal .auth-services .row > div, .new-comment-wrapper .auth-services .row > div { float: none; display: inline-block } .checkin-modal .auth-services .btn, .new-comment-wrapper .auth-services .btn { opacity: .2; transition: all .5s; color: #fff !important } .checkin-modal .auth-services .btn.selected, .new-comment-wrapper .auth-services .btn.selected { opacity: 1 } .checkin-modal .auth-services .btn.selected .text-on, .new-comment-wrapper .auth-services .btn.selected .text-on { display: inline } .checkin-modal .auth-services .btn.selected .text-off, .new-comment-wrapper .auth-services .btn.selected .text-off { display: none } .checkin-modal .auth-services .btn .text-on, .checkin-modal .auth-services .btn .text-off, .new-comment-wrapper .auth-services .btn .text-on, .new-comment-wrapper .auth-services .btn .text-off { display: inline; font-size: 11px; padding-left: 7px; vertical-align: middle } .checkin-modal .auth-services .btn .text-on, .new-comment-wrapper .auth-services .btn .text-on { display: none } #import-movie-modal h2, #import-show-modal h2, #import-podcast-modal h2, #saved-filters-modal h2, #filter-watchnow-modal h2, #filter-notifications-modal h2, #filter-terms-modal h2 { margin: 20px 0; font-size: 14px; line-height: 1.3 } #filter-notifications-modal #filter-notifications-title { display: inline-block; font-weight: 700; font-style: italic } #import-movie-modal input, #import-show-modal input, #import-podcast-modal input, #saved-filters-modal input { text-align: center } #saved-filters-modal h2, #saved-filters-modal input { text-align: left } #saved-filters-modal .buttons { margin-top: 20px; display: grid; grid-template-columns: 66px auto; grid-gap: 10px } #saved-filters-modal.unsaved .buttons { grid-template-columns: 50px auto } #saved-filters-modal.unsaved h4 { margin: 20px 0 -5px } #import-podcast-modal .form-signin { max-width: 400px; padding-left: 30px; padding-right: 30px } #import-podcast-modal #import-podcast-query-form { background-color: #e8e8e9; border-top: solid 1px #ddd } #import-podcast-modal #import-podcast-feed-url-form { border-top: solid 1px #ddd } #moderate-modal, #metadata-merge-modal, #metadata-move-modal, #metadata-split-modal { width: 790px !important } #moderate-modal h4, #metadata-merge-modal h4, #metadata-move-modal h4, #metadata-split-modal h4 { font-family: proxima nova semibold } #moderate-modal h5, #metadata-merge-modal h5, #metadata-move-modal h5, #metadata-split-modal h5 { font-family: proxima nova semibold; color: #aaa; margin: 15px 0 5px } #moderate-modal h5 .icon, #metadata-merge-modal h5 .icon, #metadata-move-modal h5 .icon, #metadata-split-modal h5 .icon { height: 16px; vertical-align: middle; margin-right: 5px } #moderate-modal h5 .fa, #metadata-merge-modal h5 .fa, #metadata-move-modal h5 .fa, #metadata-split-modal h5 .fa { vertical-align: middle } #moderate-modal .btn-primary, #metadata-merge-modal .btn-primary, #metadata-move-modal .btn-primary, #metadata-split-modal .btn-primary { font-family: proxima nova bold } #moderate-modal input.form-control[type=text], #metadata-merge-modal input.form-control[type=text], #metadata-move-modal input.form-control[type=text], #metadata-split-modal input.form-control[type=text] { float: none; display: block } #moderate-modal .modal-footer, #metadata-merge-modal .modal-footer, #metadata-move-modal .modal-footer, #metadata-split-modal .modal-footer { padding-bottom: 25px; text-align: center; border-top: 0 } #moderate-modal .input-row, #metadata-merge-modal .input-row, #metadata-move-modal .input-row, #metadata-split-modal .input-row { padding: 0 30px } #moderate-modal .input-row .delete, #metadata-merge-modal .input-row .delete, #metadata-move-modal .input-row .delete, #metadata-split-modal .input-row .delete { float: right; margin-top: -2px } #moderate-modal .input-row .delete input[type=checkbox], #metadata-merge-modal .input-row .delete input[type=checkbox], #metadata-move-modal .input-row .delete input[type=checkbox], #metadata-split-modal .input-row .delete input[type=checkbox] { width: 11px; height: 11px } #moderate-modal .input-row .delete input[type=checkbox]:checked + label, #metadata-merge-modal .input-row .delete input[type=checkbox]:checked + label, #metadata-move-modal .input-row .delete input[type=checkbox]:checked + label, #metadata-split-modal .input-row .delete input[type=checkbox]:checked + label { transform: all .5s; color: #ed1c24 } #moderate-modal .input-row .delete label, #metadata-merge-modal .input-row .delete label, #metadata-move-modal .input-row .delete label, #metadata-split-modal .input-row .delete label { font-weight: 400; margin: 0 0 0 5px; vertical-align: middle } #moderate-modal .form-signin, #metadata-merge-modal .form-signin, #metadata-move-modal .form-signin, #metadata-split-modal .form-signin { padding: 0 10px; max-width: 100%; margin: 0 } #moderate-modal .streaming-links.split-bg, #metadata-merge-modal .streaming-links.split-bg, #metadata-move-modal .streaming-links.split-bg, #metadata-split-modal .streaming-links.split-bg { background-image: linear-gradient(to right, transparent, transparent 48%, #eaeaea 48%, #f5f5f7); background-size: cover; background-repeat: no-repeat; padding: 1px 0 20px; margin: -10px 0 0; border-bottom: solid 1px #ddd } #moderate-modal .streaming-links .title, #metadata-merge-modal .streaming-links .title, #metadata-move-modal .streaming-links .title, #metadata-split-modal .streaming-links .title { margin-bottom: 0; margin-top: 20px } #moderate-modal .streaming-links .title .no-left-margin, #metadata-merge-modal .streaming-links .title .no-left-margin, #metadata-move-modal .streaming-links .title .no-left-margin, #metadata-split-modal .streaming-links .title .no-left-margin { margin-left: -15px } #moderate-modal .streaming-links .main-title-sxe, #metadata-merge-modal .streaming-links .main-title-sxe, #metadata-move-modal .streaming-links .main-title-sxe, #metadata-split-modal .streaming-links .main-title-sxe { font-weight: 700 } #moderate-modal .streaming-links a, #metadata-merge-modal .streaming-links a, #metadata-move-modal .streaming-links a, #metadata-split-modal .streaming-links a { padding: 0; width: auto; font-family: inherit; display: inline; color: #ed1c24 } #moderate-modal #moderate-content .title-wrapper, #moderate-modal #metadata-merge-modal .title-wrapper, #moderate-modal #metadata-move-modal .title-wrapper, #moderate-modal #metadata-split-modal .title-wrapper, #metadata-merge-modal #moderate-content .title-wrapper, #metadata-merge-modal #metadata-merge-modal .title-wrapper, #metadata-merge-modal #metadata-move-modal .title-wrapper, #metadata-merge-modal #metadata-split-modal .title-wrapper, #metadata-move-modal #moderate-content .title-wrapper, #metadata-move-modal #metadata-merge-modal .title-wrapper, #metadata-move-modal #metadata-move-modal .title-wrapper, #metadata-move-modal #metadata-split-modal .title-wrapper, #metadata-split-modal #moderate-content .title-wrapper, #metadata-split-modal #metadata-merge-modal .title-wrapper, #metadata-split-modal #metadata-move-modal .title-wrapper, #metadata-split-modal #metadata-split-modal .title-wrapper { margin-bottom: 0 } #metadata-merge-modal[data-source=show] .visible-show, #metadata-move-modal[data-source=show] .visible-show, #metadata-split-modal[data-source=show] .visible-show { display: block !important; visibility: visible !important } #metadata-merge-modal[data-source=season] .visible-season, #metadata-move-modal[data-source=season] .visible-season, #metadata-split-modal[data-source=season] .visible-season { display: block !important; visibility: visible !important } #metadata-merge-modal #metadata-merge-error, #metadata-merge-modal #metadata-move-error, #metadata-merge-modal #metadata-split-error, #metadata-move-modal #metadata-merge-error, #metadata-move-modal #metadata-move-error, #metadata-move-modal #metadata-split-error, #metadata-split-modal #metadata-merge-error, #metadata-split-modal #metadata-move-error, #metadata-split-modal #metadata-split-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 10px 25px; margin: -25px -14px 20px } #metadata-merge-lookup { font-size: 14px; padding: 6px 10px 5px } #metadata-merge-form .has-error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); background-color: #fde9e9 } #metadata-merge-button:focus { outline: none; box-shadow: 0 0 15px #aaa } #report-comment-modal, #report-item-modal { width: 500px; max-width: 90%; margin-left: -250px } #report-comment-modal .form-signin, #report-item-modal .form-signin { max-width: calc(100% - 20px) } #report-comment-modal .form-signin > h4, #report-item-modal .form-signin > h4 { margin-top: 20px } #report-comment-modal .checkin-submit, #report-item-modal .checkin-submit { width: auto } #report-comment-modal .radios .btn, #report-item-modal .radios .btn { width: 20% } #report-comment-modal .titles-wrapper, #report-item-modal .titles-wrapper { background-color: #eee; border-bottom: solid 1px #ddd; margin: -15px -25px 0; padding: 15px 25px; border-radius: 3px 3px 0 0 } #report-comment-modal .titles-wrapper h4, #report-item-modal .titles-wrapper h4 { color: #444; margin-left: 0 } #report-comment-modal .titles-wrapper h5, #report-item-modal .titles-wrapper h5 { margin: 0 0 3px } #report-comment-modal #report-comment-error, #report-comment-modal #report-item-error, #report-item-modal #report-comment-error, #report-item-modal #report-item-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 10px 25px; margin: 0 -25px 0 } body.calendars .alert-no-data { margin: 0 !important } body.calendars .date-separator { color: #fff; background-color: #2a2a2a; transition: all .5s } body.calendars .date-separator.today { color: #ed1c24 } body.calendars .date-separator.filler { opacity: .2 } body.calendars .date-separator .date { float: left; font-family: proxima nova bold; font-size: 36px; padding: 0 10px } body.calendars .date-separator .month { font-family: proxima nova bold; line-height: .8; padding-top: 11px } body.calendars .date-separator .day { font-family: proxima nova } body.calendars .flex-item:hover .date-separator { background-color: #ed1c24; color: #fff } body.calendars .calendar-list .no-episodes { padding: 10px 0; text-align: center } body.calendars .calendar-list .no-episodes img { width: 50%; opacity: .5 } body.calendars .calendar-list .grid-item .notable-badge { left: -10px } body.calendars .calendar-list .date-separator { padding-bottom: 9px !important } body.calendars .calendar-list .grid-items-wrapper { display: flex; flex-wrap: wrap } body.calendars .calendar-list .grid-items-wrapper .grid-item { border-bottom: solid 1px #2d2d2d; border-right: solid 1px #2d2d2d; padding: 0 } body.calendars .calendar-list .grid-items-wrapper .row-nothing { width: 100% } body.calendars .calendar-list .grid-items-wrapper .text-only { padding: 0; margin: 0 } body.calendars .calendar-grid { margin: 0 -10px 0 -11px } body.calendars .calendar-grid #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper { display: none } body.calendars .calendar-grid .date-separator { padding-bottom: 10px } body.calendars .calendar-grid .date-separator.more-bottom { margin-bottom: 15px } body.calendars .calendar-grid .alert-no-data { padding: 10px; border-bottom: solid 1px #2d2d2d; margin: 0 -10px } body.calendars .calendar-grid .no-episodes { padding: 10px 0 } body.calendars .calendar-grid .no-episodes img { width: 100%; opacity: .5 } body.calendars .calendar-grid.flex-container { -webkit-flex-wrap: wrap; flex-wrap: wrap; border-bottom: solid 1px #2d2d2d } body.calendars .calendar-grid.flex-container > .flex-item { border-left: solid 1px #2d2d2d } body.calendars .calendar-grid.flex-container .no-episodes { padding-top: 0 } @media(min-width:768px) and (max-width:991px) { body.calendars .calendar-grid.flex-container > .flex-item { -ms-flex: 0 1 25%; -webkit-flex: 0 1 25%; flex: 0 1 25%; max-width: 25% } } @media(max-width:767px) { body.calendars .calendar-grid #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper { width: 100%; display: block } body.calendars .calendar-grid .date-separator { border-top: solid 1px #2d2d2d !important } body.calendars .calendar-grid.flex-container > .flex-item { -ms-flex: 0 1 50%; -webkit-flex: 0 1 50%; flex: 0 1 50%; max-width: 50% } } body.calendars .calendar-grid .posters { margin-bottom: 0 } body.calendars .calendar-grid .posters .grid-item { border-bottom: solid 1px #2d2d2d; position: relative } body.calendars .calendar-grid .posters .notable-badge { left: -10px } body.calendars .calendar-grid .posters .poster { border: none } body.calendars .calendar-grid .posters .poster.logo img.base { visibility: hidden } body.calendars .calendar-grid .posters .poster.logo img.real { opacity: .35 } body.calendars .calendar-grid .posters .poster.logo h4 { top: 0 } body.calendars .calendar-grid .posters .poster .logo-wrapper { margin: 0 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap } body.calendars .calendar-grid .posters > div { margin-top: 0; padding-bottom: 15px } body.calendars .calendar-grid .posters > div .quick-icons { border: none; border-bottom: solid 1px #2d2d2d !important } body.calendars .calendar-grid .posters > div .titles { margin: 0; padding: 0 10px } body.calendars .calendar-grid .posters > div .titles h3 { color: #fff; font-size: 15px } body.calendars .calendar-grid .posters > div .titles h4 { color: #eee } body.calendars .calendar-grid .posters > div .titles h5 { background-color: #ed1c24; color: #fff; font-size: 11px; padding: 3px 0; margin: 0 -10px; font-family: proxima nova; height: auto; text-align: center } body.calendars .calendar-grid .posters.om1gYCfRiN > div { position: relative } body.calendars .calendar-grid .posters.om1gYCfRiN img { width: 100% } body.calendars .calendar-grid .posters.om1gYCfRiN h1 { font-size: 20px } body.calendars .calendar-grid .posters.om1gYCfRiN.banner h1 { margin-bottom: 20px } body.calendars .calendar-grid .posters.om1gYCfRiN.banner h2 { display: none } body.calendars .calendar-grid .posters.om1gYCfRiN.banner h2.hidden { display: block !important; visibility: visible !important } body.calendars .calendar-grid .schedule-episode h6 .premiere { margin: 0 0 5px } body.calendars .calendar-grid .schedule-episode h6 br.hidden { display: block !important; visibility: visible !important } body.calendars .schedule-episode { color: #fff; border-bottom: solid 1px #2d2d2d } body.calendars .schedule-episode:last-of-type { border-bottom: none; padding-bottom: 0 } body.calendars .schedule-episode h4, body.calendars .schedule-episode h5, body.calendars .schedule-episode h6 { height: auto; text-align: left } body.calendars .schedule-episode h4 { font-size: 20px; font-family: proxima nova semibold; margin: 0 0 5px } body.calendars .schedule-episode h5 { margin: 0; font-size: 14px; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } body.calendars .schedule-episode h5 .main-title-abs { font-family: proxima nova bold } body.calendars .schedule-episode h5 .main-title-sxe { font-family: proxima nova bold } body.calendars .schedule-episode h6 { margin: 5px 0 0 } body.calendars .schedule-episode h6 .premiere { background-color: #08a508; display: inline-block; margin: -2px 5px -2px 0; padding: 2px 4px } body.calendars .schedule-episode .quick-icons { margin: 10px -5px; height: 26px } body.calendars .schedule-episode .quick-icons .actions a { width: 23px; line-height: 27px; font-size: 1em; height: 26px } body.calendars .schedule-episode .quick-icons .actions a.watch-now { font-size: 1.3em; line-height: 25px } body.calendars .schedule-episode .quick-icons .metadata .percentage { line-height: 27px; font-size: 13px } body.calendars .frame.list .schedule-episode { margin-bottom: 0; padding: 10px 10px 0 } body.calendars .frame.grid .schedule-episode { padding-left: 10px; padding-right: 10px; margin-bottom: 10px } #list-privacy-group .btn { width: 33.333333333333% } #notable-privacy-group .btn { width: 33.333333333333% } #notable-spoiler-group .btn { width: 50% } #list-allow-comments-group .btn, #list-display-numbers-group .btn, #metadata-merge-type-group .btn { width: 50% } #list-default-sort-by { display: inline-block; width: calc(100% - 65px) } #list-default-sort-how { display: inline-block; width: 50px; margin-left: 15px } ul.dropdown-menu.for-sortable a { cursor: pointer } #sort-direction { transition: all .5s; margin-left: 4px; vertical-align: middle } #sort-direction.selected { color: #ed1c24 } #filter-watchnow-launcher { transition: all .5s; font-size: 1.4em; margin: 0 0 0 5px; cursor: pointer } #filter-watchnow-launcher.selected { color: #ed1c24 } #filter-watchnow-launcher .caret { margin: 2px 0 0 5px } #filter-terms-launcher { transition: all .5s; font-size: 1.3em; cursor: pointer } #filter-terms-launcher.selected { color: #ed1c24 } #filter-terms-launcher .caret { margin: 1px 0 0 2px } #filter-terms-launcher.with-hide-dividers { margin-left: 8px } #list-total-runtime { text-transform: none } #btn-list-add, .new-comment-focus.main { transition: all .5s; font-size: 20px; color: #38a038; cursor: pointer } #btn-list-add:hover, .new-comment-focus.main:hover { color: #2b7a2b } .btn-list-edit-items, #btn-list-edit-lists { margin-left: 10px; transition: all .5s; font-size: 20px; cursor: pointer; color: #333 } .btn-list-edit-items .icon, #btn-list-edit-lists .icon { transition: all .5s } .btn-list-edit-items.active, #btn-list-edit-lists.active { color: #ed1c24 !important; transform: rotate(180deg) } .btn-list-edit-items.active .icon, #btn-list-edit-lists.active .icon { transform: rotate(180deg); color: #ed1c24 !important } .btn-list-edit-items:focus, #btn-list-edit-lists:focus { outline: none } #sortable-grid.without-rank .rank-wrapper { opacity: 0 } #sortable-grid.sortable .grid-item .poster { cursor: default } #sortable-grid.sortable .poster .list-edit, #sortable-grid.sortable .poster-items-wrapper .list-edit { top: 0 } #sortable-grid.sortable .quick-icons > div { opacity: .5 } #sortable-grid.sortable .rank-wrapper { opacity: 1 } #sortable-grid.sortable .rank-wrapper .rank { transition: all .5s; cursor: pointer; outline: none } #sortable-grid.sortable .rank-wrapper .rank:focus { transform: scale(1.3); background-color: #ed1c24; border-color: #c61017 } #sortable-grid.sortable .rank-wrapper .rank:focus::selection { background: #7f0a0f } #sortable-grid.sortable:not(.lists) .drag { display: none } #sortable-grid.sortable:not(.lists) .change-rank { margin-left: 0 } #sortable-grid.sortable.lists .change-rank { display: none } #sortable-grid.sortable.rank .grid-item .poster, #sortable-grid.sortable.rank .custom-list .drag { cursor: move } #sortable-grid.sortable.rank .drag { display: inline; opacity: 1; margin-right: 12px } #sortable-grid.sortable.rank .change-rank { display: none } #sortable-grid.sortable.rank .move-first { margin-left: 0 } #sortable-grid.sortable:not([data-page-count="1"]) .grid-item .poster, #sortable-grid.sortable:not([data-page-count="1"]) .custom-list .drag { cursor: pointer } #sortable-grid.sortable:not([data-page-count="1"]) .grid-item .poster .drag { display: none } #sortable-grid.sortable:not([data-page-count="1"]) .grid-item .poster .drag + .move-first { margin-left: 0 } .comment-wrapper.list { margin-left: -20px; padding-left: 20px } .comment-wrapper.list.more-top { margin-top: 8px } .comment-wrapper.list .above-comment { display: -ms-flexbox; display: -webkit-flex; display: flex; background: 0 0; padding: 10px 20px 10px 0 } .comment-wrapper.list .above-comment .user-avatar { float: none; margin: 0 } .comment-wrapper.list .above-comment .user-avatar img { margin-bottom: 0 } .comment-wrapper.list .above-comment .user-name { -webkit-flex: 1; flex: 1; float: none; font-size: 14px } .comment-wrapper.list .above-comment .user-name h4 { margin: 2px 0 0 } .comment-wrapper.list .above-comment .user-name h4 a.username { color: #333; font-family: proxima nova } .comment-wrapper.list .above-comment .user-name h4 a.username .pill { font-family: proxima nova semibold } .comment-wrapper.list .above-comment .interactions { float: none; white-space: nowrap; margin-top: 12px } .comment-wrapper.subnav { display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 0 !important } .comment-wrapper.subnav .above-comment { padding: 0 } .comment-wrapper.subnav .above-comment .interactions { margin: 0 } .comment-wrapper.subnav .above-comment .interactions [class^=trakt-icon-], .comment-wrapper.subnav .above-comment .interactions [class*=" trakt-icon-"] { margin-left: 0 } .comment-wrapper.subnav .above-comment .interactions .btn-list-update, .comment-wrapper.subnav .above-comment .interactions .btn-list-edit-items, .comment-wrapper.subnav .above-comment .interactions .btn-list-delete { margin-left: 15px; cursor: pointer } .comment-wrapper.subnav .above-comment .interactions .btn-list-update { color: #5cb85c } .comment-wrapper.subnav .above-comment .interactions .btn-list-delete { color: #ed1c24 } .comment-wrapper.subnav .above-comment .interactions .btn-list-copy-items, .comment-wrapper.subnav .above-comment .interactions .btn-list-move-items, .comment-wrapper.subnav .above-comment .interactions .btn-list-delete-items, .comment-wrapper.subnav .above-comment .interactions .btn-list-subscribe, .comment-wrapper.subnav .above-comment .interactions .btn-list-progress { color: #333 } .comment-wrapper.subnav .above-comment .interactions.add-left { margin-left: 15px } .comment-wrapper.subnav .above-comment .interactions .arrow { font-size: 12px; margin: 0 5px } .comment-wrapper.lists { margin-top: -2px; margin-left: 0; padding-left: 0 } .comment-wrapper.lists .count-text { display: inline; font-size: 13px } .comment-wrapper.two-liner { margin-top: 1px; line-height: 1.2 } @media(max-width:767px) { body.list .subnav-wrapper, body.watchlist .subnav-wrapper, body.favorites .subnav-wrapper, body.lists.official .subnav-wrapper { padding: 0 } body.list .subnav-wrapper.list-title-wrapper, body.watchlist .subnav-wrapper.list-title-wrapper, body.favorites .subnav-wrapper.list-title-wrapper, body.lists.official .subnav-wrapper.list-title-wrapper { padding-top: 15px } body.list .subnav-wrapper.list-title-wrapper .left.with-title, body.watchlist .subnav-wrapper.list-title-wrapper .left.with-title, body.favorites .subnav-wrapper.list-title-wrapper .left.with-title, body.lists.official .subnav-wrapper.list-title-wrapper .left.with-title { margin: -5px 0 0; padding-left: 0 } body.list .subnav-wrapper.list-title-wrapper .left.with-title h2, body.watchlist .subnav-wrapper.list-title-wrapper .left.with-title h2, body.favorites .subnav-wrapper.list-title-wrapper .left.with-title h2, body.lists.official .subnav-wrapper.list-title-wrapper .left.with-title h2 { margin-bottom: 0; padding-right: 10px } body.list .subnav-wrapper.list-title-wrapper .left.with-title h2 .right a .icon, body.list .subnav-wrapper.list-title-wrapper .left.with-title h2 .btn-list-update, body.list .subnav-wrapper.list-title-wrapper .left.with-title h2 .btn-list-delete, body.watchlist .subnav-wrapper.list-title-wrapper .left.with-title h2 .right a .icon, body.watchlist .subnav-wrapper.list-title-wrapper .left.with-title h2 .btn-list-update, body.watchlist .subnav-wrapper.list-title-wrapper .left.with-title h2 .btn-list-delete, body.favorites .subnav-wrapper.list-title-wrapper .left.with-title h2 .right a .icon, body.favorites .subnav-wrapper.list-title-wrapper .left.with-title h2 .btn-list-update, body.favorites .subnav-wrapper.list-title-wrapper .left.with-title h2 .btn-list-delete, body.lists.official .subnav-wrapper.list-title-wrapper .left.with-title h2 .right a .icon, body.lists.official .subnav-wrapper.list-title-wrapper .left.with-title h2 .btn-list-update, body.lists.official .subnav-wrapper.list-title-wrapper .left.with-title h2 .btn-list-delete { vertical-align: top } body.list .subnav-wrapper.list-title-wrapper .right, body.watchlist .subnav-wrapper.list-title-wrapper .right, body.favorites .subnav-wrapper.list-title-wrapper .right, body.lists.official .subnav-wrapper.list-title-wrapper .right { padding-top: 0; padding-right: 0 } body.list .subnav-wrapper.list-title-wrapper .right .toggle-subnav-options, body.watchlist .subnav-wrapper.list-title-wrapper .right .toggle-subnav-options, body.favorites .subnav-wrapper.list-title-wrapper .right .toggle-subnav-options, body.lists.official .subnav-wrapper.list-title-wrapper .right .toggle-subnav-options { float: right; margin: 1px 0 0 10px } body.list .subnav-wrapper.list-title-wrapper .right .btn-list-edit-items, body.list .subnav-wrapper.list-title-wrapper .right .btn-list-update, body.list .subnav-wrapper.list-title-wrapper .right .btn-list-delete, body.list .subnav-wrapper.list-title-wrapper .right .btn-list-copy-items, body.list .subnav-wrapper.list-title-wrapper .right .btn-list-move-items, body.list .subnav-wrapper.list-title-wrapper .right .btn-list-delete-items, body.list .subnav-wrapper.list-title-wrapper .right .btn-list-subscribe, body.list .subnav-wrapper.list-title-wrapper .right .btn-list-progress, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-edit-items, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-update, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-delete, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-copy-items, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-move-items, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-delete-items, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-subscribe, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-progress, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-edit-items, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-update, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-delete, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-copy-items, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-move-items, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-delete-items, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-subscribe, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-progress, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-edit-items, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-update, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-delete, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-copy-items, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-move-items, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-delete-items, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-subscribe, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-progress { margin: 1px 0 0 10px !important } body.list .subnav-wrapper.list-title-wrapper .right .btn-list-progress .icon, body.watchlist .subnav-wrapper.list-title-wrapper .right .btn-list-progress .icon, body.favorites .subnav-wrapper.list-title-wrapper .right .btn-list-progress .icon, body.lists.official .subnav-wrapper.list-title-wrapper .right .btn-list-progress .icon { margin-top: 2px } body.list .subnav-wrapper.list-stats-wrapper .left, body.watchlist .subnav-wrapper.list-stats-wrapper .left, body.favorites .subnav-wrapper.list-stats-wrapper .left, body.lists.official .subnav-wrapper.list-stats-wrapper .left { padding-left: 0 } body.list .subnav-wrapper.list-stats-wrapper .right, body.watchlist .subnav-wrapper.list-stats-wrapper .right, body.favorites .subnav-wrapper.list-stats-wrapper .right, body.lists.official .subnav-wrapper.list-stats-wrapper .right { padding: 0 } body.list .subnav-wrapper.flex .container, body.watchlist .subnav-wrapper.flex .container, body.favorites .subnav-wrapper.flex .container, body.lists.official .subnav-wrapper.flex .container { display: block } body.list .subnav-wrapper .comment-wrapper.list, body.watchlist .subnav-wrapper .comment-wrapper.list, body.favorites .subnav-wrapper .comment-wrapper.list, body.lists.official .subnav-wrapper .comment-wrapper.list { text-align: left; margin: 0 !important; border-bottom: solid 1px #eee; padding: 8px 0; overflow-x: auto; width: 100vw } body.list .subnav-wrapper .comment-wrapper.list .above-comment, body.watchlist .subnav-wrapper .comment-wrapper.list .above-comment, body.favorites .subnav-wrapper .comment-wrapper.list .above-comment, body.lists.official .subnav-wrapper .comment-wrapper.list .above-comment { padding-left: 0 } body.list .subnav-wrapper .comment-wrapper.list .above-comment .interactions, body.watchlist .subnav-wrapper .comment-wrapper.list .above-comment .interactions, body.favorites .subnav-wrapper .comment-wrapper.list .above-comment .interactions, body.lists.official .subnav-wrapper .comment-wrapper.list .above-comment .interactions { padding-left: 0; margin-left: -5px } body.list .subnav-wrapper .comment-wrapper.list .above-comment .interactions .comment-count, body.watchlist .subnav-wrapper .comment-wrapper.list .above-comment .interactions .comment-count, body.favorites .subnav-wrapper .comment-wrapper.list .above-comment .interactions .comment-count, body.lists.official .subnav-wrapper .comment-wrapper.list .above-comment .interactions .comment-count { padding-right: 10px } body.lists .alert-no-data { margin-left: 10px; margin-right: 10px } body.lists #filter-terms-launcher { margin: 3px 0 0 10px } body.show_progress .list-stats-wrapper { background-color: #f3f3f3 } body.show_progress .comment-wrapper.list { background-color: transparent } body.show_progress .comment-wrapper.list .above-comment .interactions { padding-left: 5px } } @media(max-width:991px) { body.lists .comment-wrapper.lists { padding-left: 10px; margin-top: -4px } body.lists .comment-wrapper.lists .icon { margin-right: 0 } body.lists .comment-wrapper.lists .count-text { display: none } body.list .subnav-wrapper.list-title-wrapper .left.with-title h2 .right a .icon, body.watchlist .subnav-wrapper.list-title-wrapper .left.with-title h2 .right a .icon, body.favorites .subnav-wrapper.list-title-wrapper .left.with-title h2 .right a .icon, body.lists.official .subnav-wrapper.list-title-wrapper .left.with-title h2 .right a .icon { margin-right: 0 } body.list .subnav-wrapper.list-title-wrapper .left.with-title h2 .right .count-text, body.watchlist .subnav-wrapper.list-title-wrapper .left.with-title h2 .right .count-text, body.favorites .subnav-wrapper.list-title-wrapper .left.with-title h2 .right .count-text, body.lists.official .subnav-wrapper.list-title-wrapper .left.with-title h2 .right .count-text { display: none } } body.lists #info-wrapper .personal-list .list-info .user-actions .btn-list-update, body.lists #info-wrapper .personal-list .list-info .user-actions .btn-list-delete:not(.official), body.lists_season #info-wrapper .personal-list .list-info .user-actions .btn-list-update, body.lists_season #info-wrapper .personal-list .list-info .user-actions .btn-list-delete:not(.official), body.lists_episode #info-wrapper .personal-list .list-info .user-actions .btn-list-update, body.lists_episode #info-wrapper .personal-list .list-info .user-actions .btn-list-delete:not(.official) { display: none } body.lists .pagination-bottom, body.lists_season .pagination-bottom, body.lists_episode .pagination-bottom { margin-top: 20px } body.lists .pagination-bottom ul.pagination, body.lists_season .pagination-bottom ul.pagination, body.lists_episode .pagination-bottom ul.pagination { margin-top: 0 !important } body.lists .alert-no-data, body.lists_season .alert-no-data, body.lists_episode .alert-no-data { margin-top: 20px } .summary-lists .btn-list-update, .summary-lists .btn-list-delete { display: none } #list-modal.watchlist .hidden-watchlist, #list-modal.favorites .hidden-watchlist { display: none } #list-modal .collaborations-wrapper .label-vip { float: right; margin-top: 0 } #list-modal .collaborations-wrapper .alert { padding: 7px 10px; font-size: 13px; border-radius: 3px } #list-modal #list-share-link { float: right } .subnav-wrapper.list-title-wrapper { background-color: #fff; padding: 4px 0 6px } .subnav-wrapper.list-title-wrapper .left.with-title h2 .right { margin-top: -2px } .subnav-wrapper.list-title-wrapper a.list-title { color: inherit } .subnav-wrapper .btn-list-edit-items, .subnav-wrapper .btn-list-update, .subnav-wrapper .btn-list-delete, .subnav-wrapper .btn-list-copy-items, .subnav-wrapper .btn-list-move-items, .subnav-wrapper .btn-list-delete-items, .subnav-wrapper .btn-list-subscribe, .subnav-wrapper .btn-list-progress, .subnav-wrapper .collaborations-deny > div, .subnav-wrapper .btn-item-report { margin: -1px 0 0 15px !important; font-size: 20px !important; cursor: pointer } .subnav-wrapper .btn-list-update { color: #5cb85c !important } .subnav-wrapper .btn-list-delete, .subnav-wrapper .collaborations-deny, .subnav-wrapper .collaborations-deny * { color: #ed1c24 !important } .subnav-wrapper .collaborations-deny .icon { font-size: 15px !important; vertical-align: middle } .subnav-wrapper .btn-list-copy-items, .subnav-wrapper .btn-list-move-items, .subnav-wrapper .btn-list-delete-items, .subnav-wrapper .btn-list-subscribe { color: #333 } .subnav-wrapper .btn-list-progress .icon { font-size: 18px !important } .subnav-wrapper .collaborations-deny > div { color: #ed1c24 } .subnav-wrapper .btn-item-report { transition: all .5s; opacity: 0 } .subnav-wrapper a.share { color: #009edf !important; cursor: pointer } .subnav-wrapper a.share .trakt-icon { font-size: 17px !important; margin: -2px 0 0 15px !important; color: #009edf !important } .subnav-wrapper:hover .btn-item-report { opacity: 1 } .copied-from { font-size: 11px !important; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; margin-top: 5px; color: #777 } .copied-from .trakt-icon-copy { font-size: 10px !important; margin: 0 5px 0 0 !important; color: #333 } .copied-from * { font-size: 10px !important } #sortable-watchnow-applied-filters { display: none; background-color: #eee } #sortable-watchnow-applied-filters.on { display: block } #sortable-watchnow-applied-filters h4 { font-family: proxima nova semibold; font-size: 14px; text-transform: uppercase; margin: 2px 0 0; color: #888 } #sortable-watchnow-applied-filters .streaming-links { margin: 10px -5px } #sortable-watchnow-applied-filters .streaming-links a { padding: 0 5px 10px; cursor: default; width: 90px } #sortable-watchnow-applied-filters .streaming-links a .icon { height: 42px } #sortable-watchnow-applied-filters .streaming-links a.has-country .icon:after { font-size: 9px; padding: 4px 3px } .list-description-wrapper.no-description { height: 1px } .list-description-wrapper.no-description.copied { height: 15px } .list-description-wrapper.list-filter .subnav-text { padding: 0 } .list-description-wrapper.list-filter .subnav-text .text { padding-top: 0; padding-bottom: 0 } .list-description-wrapper.list-filter .personal-list { padding-top: 15px } .list-description-wrapper.list-filter .personal-list .posters, .list-description-wrapper.list-filter .personal-list .interactions, .list-description-wrapper.list-filter .personal-list .overview { display: none !important } .list-description-wrapper.list-filter .personal-list:last-child { padding-bottom: 20px } .list-description-wrapper.list-filter .personal-list .comment-wrapper.list { background-color: transparent !important; padding-left: 0 } .list-description-wrapper.list-filter .personal-list .comment-wrapper.list .above-comment { background-color: transparent !important; padding-top: 0; padding-bottom: 0 } .list-description-wrapper.list-filter .personal-list .comment-wrapper.list .label-vip .text { font-size: 11px } .list-read-notes, .list-add-notes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B3000000', GradientType=0); z-index: 10; color: #fff; text-align: center; top: 100%; transition: all .25s } .list-read-notes.open, .list-add-notes.open { top: 0 } .list-read-notes .label, .list-add-notes .label { text-align: center; position: absolute; width: 100%; bottom: 10px; left: 0; font-size: 13px; font-family: proxima nova semibold; font-weight: 400; text-transform: uppercase } .list-read-notes .label .fa, .list-read-notes .label [class^=fa-], .list-read-notes .label [class*=" fa-"], .list-add-notes .label .fa, .list-add-notes .label [class^=fa-], .list-add-notes .label [class*=" fa-"] { margin-left: 5px } .subnav-wrapper.list-manage-wrapper { background-color: #2b678f !important; color: #fff; transition: all .5s; height: 0; overflow: hidden; padding: 0; opacity: 1 } .subnav-wrapper.list-manage-wrapper .left h2 { font-family: proxima nova; font-size: 16px; margin: 0 } .subnav-wrapper.list-manage-wrapper .left h2 .left { padding-top: 4px } .subnav-wrapper.list-manage-wrapper .left h2 .right a { color: #fff } .subnav-wrapper.list-manage-wrapper .left h2 b { font-family: proxima nova bold } .subnav-wrapper.list-manage-wrapper.expanded { padding: 13px 0 15px; height: auto; opacity: 1 } .subnav-wrapper.list-manage-wrapper .icon { color: #fff !important } @media(max-width:991px) { .subnav-wrapper.list-manage-wrapper .container h2 .left { padding-left: 0; padding-top: 3px; font-size: 14px } .subnav-wrapper.list-manage-wrapper.expanded { padding-bottom: 13px } .subnav-wrapper a.share .trakt-icon { margin: -10px 0 0 12px !important } } @media(max-width:767px) { .subnav-wrapper.list-manage-wrapper .container h2 .left { padding-top: 6px } .subnav-wrapper.list-manage-wrapper .container h2 .right { padding-right: 20px } .subnav-wrapper.list-manage-wrapper .container h2 .right .count-text { display: none } .subnav-wrapper.list-manage-wrapper .container h2 .right a .icon { margin-right: 0 } } .credits-list-wrapper .sidebar { top: 55px } .credits-list-wrapper .info { margin-top: 0 !important } body.home #vip-features-wrapper .inner .top-info, body.index #vip-features-wrapper .inner .top-info { padding-top: 10px; padding-bottom: 10px } body.home #vip-features-wrapper .inner .top-info h1, body.index #vip-features-wrapper .inner .top-info h1 { font-family: proxima nova; font-size: 42px; color: #fff; margin-bottom: 30px } body.home #vip-features-wrapper .inner .top-info h1 strong, body.index #vip-features-wrapper .inner .top-info h1 strong { font-family: proxima nova bold } body.home #ph-bubble, body.index #ph-bubble { position: absolute; right: 10%; top: 60%; background-color: #da552f; padding: 10px 20px; font-size: 24px; border-radius: 15px } body.home #ph-bubble .icons, body.index #ph-bubble .icons { vertical-align: middle; padding-bottom: 10px; text-align: center } body.home #ph-bubble .icons .trakt-icon-trakt, body.index #ph-bubble .icons .trakt-icon-trakt { font-size: 36px } body.home #ph-bubble .icons .fa-heart, body.index #ph-bubble .icons .fa-heart { margin: 0 10px; font-size: 20px; color: #ccc; vertical-align: middle } body.home #ph-bubble .icons img, body.index #ph-bubble .icons img { height: 36px; width: 36px } body.home #ph-bubble:after, body.index #ph-bubble:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #da552f transparent; display: block; width: 0; z-index: 1; margin-left: -15px; top: -15px; left: 15% } #watching-wrapper, .watching-wrapper, .hero-wrapper { background-color: #000; background-size: cover; background-position: 50% 10%; height: 650px; color: #fff; position: relative } #watching-wrapper .shadow, .watching-wrapper .shadow, .hero-wrapper .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=1) } #watching-wrapper .shadow-full-width, .watching-wrapper .shadow-full-width, .hero-wrapper .shadow-full-width { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=1) } #watching-wrapper .shadow-full, .watching-wrapper .shadow-full, .hero-wrapper .shadow-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-color: rgba(0, 0, 0, .6) } #watching-wrapper .shadow-from-right, .watching-wrapper .shadow-from-right, .hero-wrapper .shadow-from-right { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#CC000000', GradientType=1) } #watching-wrapper .shadow-left, .watching-wrapper .shadow-left, .hero-wrapper .shadow-left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); height: 100%; width: 50%; position: absolute; top: 0; left: 0 } #watching-wrapper .shadow-right, .watching-wrapper .shadow-right, .hero-wrapper .shadow-right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); height: 100%; width: 50%; position: absolute; top: 0; right: 0 } #watching-wrapper .shadow-top-down, #watching-wrapper .shadow-top-down-60, .watching-wrapper .shadow-top-down, .watching-wrapper .shadow-top-down-60, .hero-wrapper .shadow-top-down, .hero-wrapper .shadow-top-down-60 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=0) } #watching-wrapper .shadow-top-down-60, .watching-wrapper .shadow-top-down-60, .hero-wrapper .shadow-top-down-60 { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=0) } #watching-wrapper .container, .watching-wrapper .container, .hero-wrapper .container { position: relative; height: 100% } #watching-wrapper h1, .watching-wrapper h1, .hero-wrapper h1 { font-family: proxima nova semibold; font-size: 42px; margin: 150px 0 20px; text-shadow: 0 0 20px #000; line-height: 1 } #watching-wrapper h2, .watching-wrapper h2, .hero-wrapper h2 { font-family: proxima nova; font-size: 19px; font-weight: 400; margin: 20px 0; text-shadow: 0 0 20px #000; line-height: 1.2 } #watching-wrapper h2.with-top-separator, .watching-wrapper h2.with-top-separator, .hero-wrapper h2.with-top-separator { border-top: solid 1px rgba(0, 0, 0, .5); padding-top: 20px; margin-top: 25px } #watching-wrapper h6, .watching-wrapper h6, .hero-wrapper h6 { font-family: proxima nova; font-size: 12px; font-weight: 400; margin-top: 25px; text-shadow: 0 0 20px #000; line-height: 1.2; font-style: italic; opacity: .6; transition: all .5s } #watching-wrapper h6:hover, .watching-wrapper h6:hover, .hero-wrapper h6:hover { opacity: 1 } #watching-wrapper .buttons .btn-primary, #watching-wrapper .btn-signin, .watching-wrapper .buttons .btn-primary, .watching-wrapper .btn-signin, .hero-wrapper .buttons .btn-primary, .hero-wrapper .btn-signin { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } #watching-wrapper .btn-secondary, .watching-wrapper .btn-secondary, .hero-wrapper .btn-secondary { margin-left: 20px; background: rgba(0, 0, 0, .4); border-color: #555; transition: all .5s } #watching-wrapper .btn-secondary:hover, .watching-wrapper .btn-secondary:hover, .hero-wrapper .btn-secondary:hover { background: rgba(0, 0, 0, .8) } #watching-wrapper .btn-signin, .watching-wrapper .btn-signin, .hero-wrapper .btn-signin { color: #fff; text-decoration: underline; text-shadow: 0 0 20px #000 } #watching-wrapper .watching-now, .watching-wrapper .watching-now, .hero-wrapper .watching-now { background: rgba(0, 0, 0, .6); color: #fff; position: absolute; right: 0; bottom: 0; padding: 15px; text-align: left } #watching-wrapper .watching-now:before, #watching-wrapper .watching-now:after, .watching-wrapper .watching-now:before, .watching-wrapper .watching-now:after, .hero-wrapper .watching-now:before, .hero-wrapper .watching-now:after { content: " "; display: table } #watching-wrapper .watching-now:after, .watching-wrapper .watching-now:after, .hero-wrapper .watching-now:after { clear: both } #watching-wrapper .watching-now .user-avatar, .watching-wrapper .watching-now .user-avatar, .hero-wrapper .watching-now .user-avatar { width: 60px; height: 60px; display: table-cell; vertical-align: middle } #watching-wrapper .watching-now .user-avatar img, .watching-wrapper .watching-now .user-avatar img, .hero-wrapper .watching-now .user-avatar img { margin: 0 } #watching-wrapper .watching-now .text, .watching-wrapper .watching-now .text, .hero-wrapper .watching-now .text { display: table-cell; vertical-align: middle; height: 60px; padding-left: 15px } #watching-wrapper .watching-now a, .watching-wrapper .watching-now a, .hero-wrapper .watching-now a { color: #fff } #watching-wrapper.welcome, .watching-wrapper.welcome, .hero-wrapper.welcome { height: auto; padding: 40px 0 20px; background-position: 50% 20% } #watching-wrapper.welcome li, .watching-wrapper.welcome li, .hero-wrapper.welcome li { text-shadow: 0 0 20px #000 } #watching-wrapper.welcome h2, .watching-wrapper.welcome h2, .hero-wrapper.welcome h2 { margin: 0 0 30px } #watching-wrapper.welcome a, .watching-wrapper.welcome a, .hero-wrapper.welcome a { text-decoration: none; color: #fff; font-weight: 700; border-bottom: dotted 1px #ccc; transition: all .5s } #watching-wrapper.welcome a:hover, .watching-wrapper.welcome a:hover, .hero-wrapper.welcome a:hover { color: #eee; border-bottom-color: #fff } #watching-wrapper.welcome .media-centers-wrapper, .watching-wrapper.welcome .media-centers-wrapper, .hero-wrapper.welcome .media-centers-wrapper { margin: 5px -13px 0 } #watching-wrapper.welcome .media-centers-wrapper a, .watching-wrapper.welcome .media-centers-wrapper a, .hero-wrapper.welcome .media-centers-wrapper a { border: none } #watching-wrapper.welcome .media-centers-wrapper img, .watching-wrapper.welcome .media-centers-wrapper img, .hero-wrapper.welcome .media-centers-wrapper img { margin: 5px 13px } #watching-wrapper.welcome #vip-features .features h5, .watching-wrapper.welcome #vip-features .features h5, .hero-wrapper.welcome #vip-features .features h5 { color: #ccc } #watching-wrapper.welcome .connections, .watching-wrapper.welcome .connections, .hero-wrapper.welcome .connections { margin: 10px 0 0 } #watching-wrapper.welcome .connections a, .watching-wrapper.welcome .connections a, .hero-wrapper.welcome .connections a { border: none } #watching-wrapper.welcome .connections .fa, #watching-wrapper.welcome .connections [class^=fa-], #watching-wrapper.welcome .connections [class*=" fa-"], .watching-wrapper.welcome .connections .fa, .watching-wrapper.welcome .connections [class^=fa-], .watching-wrapper.welcome .connections [class*=" fa-"], .hero-wrapper.welcome .connections .fa, .hero-wrapper.welcome .connections [class^=fa-], .hero-wrapper.welcome .connections [class*=" fa-"] { font-size: 22px; margin-right: 15px; color: #fff; vertical-align: middle } #watching-wrapper.welcome .connections .fa.trakt-icon-pushover, #watching-wrapper.welcome .connections .trakt-icon-pushover[class^=fa-], #watching-wrapper.welcome .connections .trakt-icon-pushover[class*=" fa-"], .watching-wrapper.welcome .connections .fa.trakt-icon-pushover, .watching-wrapper.welcome .connections .trakt-icon-pushover[class^=fa-], .watching-wrapper.welcome .connections .trakt-icon-pushover[class*=" fa-"], .hero-wrapper.welcome .connections .fa.trakt-icon-pushover, .hero-wrapper.welcome .connections .trakt-icon-pushover[class^=fa-], .hero-wrapper.welcome .connections .trakt-icon-pushover[class*=" fa-"] { font-size: 19px } #watching-wrapper.welcome .connections .fa.trakt-icon-pushbullet, #watching-wrapper.welcome .connections .trakt-icon-pushbullet[class^=fa-], #watching-wrapper.welcome .connections .trakt-icon-pushbullet[class*=" fa-"], .watching-wrapper.welcome .connections .fa.trakt-icon-pushbullet, .watching-wrapper.welcome .connections .trakt-icon-pushbullet[class^=fa-], .watching-wrapper.welcome .connections .trakt-icon-pushbullet[class*=" fa-"], .hero-wrapper.welcome .connections .fa.trakt-icon-pushbullet, .hero-wrapper.welcome .connections .trakt-icon-pushbullet[class^=fa-], .hero-wrapper.welcome .connections .trakt-icon-pushbullet[class*=" fa-"] { font-size: 18px } #watching-wrapper.welcome .follow-buttons, .watching-wrapper.welcome .follow-buttons, .hero-wrapper.welcome .follow-buttons { vertical-align: top !important; margin-top: 15px } #watching-wrapper.welcome .follow-buttons > div, #watching-wrapper.welcome .follow-buttons iframe, #watching-wrapper.welcome .follow-buttons .btn-blog, .watching-wrapper.welcome .follow-buttons > div, .watching-wrapper.welcome .follow-buttons iframe, .watching-wrapper.welcome .follow-buttons .btn-blog, .hero-wrapper.welcome .follow-buttons > div, .hero-wrapper.welcome .follow-buttons iframe, .hero-wrapper.welcome .follow-buttons .btn-blog { vertical-align: top !important; margin: 0 15px 10px 0 } #watching-wrapper.welcome .follow-buttons .btn-blog, .watching-wrapper.welcome .follow-buttons .btn-blog, .hero-wrapper.welcome .follow-buttons .btn-blog { display: inline-block; line-height: 27px; background-color: #444; border-radius: 6px; border: none; font-size: 12px; padding: 2px 10px 0 } #watching-wrapper.welcome .follow-buttons .btn-blog .fa, #watching-wrapper.welcome .follow-buttons .btn-blog [class^=fa-], #watching-wrapper.welcome .follow-buttons .btn-blog [class*=" fa-"], .watching-wrapper.welcome .follow-buttons .btn-blog .fa, .watching-wrapper.welcome .follow-buttons .btn-blog [class^=fa-], .watching-wrapper.welcome .follow-buttons .btn-blog [class*=" fa-"], .hero-wrapper.welcome .follow-buttons .btn-blog .fa, .hero-wrapper.welcome .follow-buttons .btn-blog [class^=fa-], .hero-wrapper.welcome .follow-buttons .btn-blog [class*=" fa-"] { font-size: 14px; margin-right: 5px } #watching-wrapper.no-data, .watching-wrapper.no-data, .hero-wrapper.no-data { height: 220px; background-position: 50% 10% } #watching-wrapper.no-data.self, .watching-wrapper.no-data.self, .hero-wrapper.no-data.self { height: 550px } #watching-wrapper.no-data h1, .watching-wrapper.no-data h1, .hero-wrapper.no-data h1 { margin-top: 60px } .hero-wrapper { height: 600px; background-color: #000; background-size: cover; background-position: center center } .hero-wrapper h1 { margin-top: 100px; margin-bottom: 0 } .hero-wrapper .container .row { height: 100% } .hero-wrapper .container .row .info-wrapper { height: 100% } .hero-wrapper .featured-app-info { position: absolute; bottom: 15px; text-shadow: 0 0 20px #000; font-size: 12px; font-family: proxima nova semibold } .hero-wrapper .featured-app-info a { color: #666; text-decoration: none } .hero-wrapper .featured-app-info a:hover { color: #fff } .hero-wrapper.media-centers { background-image: url(/assets/main/hero-media-centers@2x-08e4cda0a93d8ce52f374484fce47dad1b092b78ae5e9b7d59a98455a7c5c675.jpg) } .hero-wrapper.media-centers h2 { margin-bottom: 30px } .hero-wrapper.media-centers .media-centers-wrapper { margin-bottom: 30px } .hero-wrapper.media-centers .media-centers-wrapper img { margin: 0 13px } .hero-wrapper.media-centers .media-centers-wrapper a:first-child img { margin-left: 0 } .hero-wrapper.media-centers .media-centers-wrapper a:last-child img { margin-right: 0 } .hero-wrapper.mobile { background-image: url(/assets/main/hero-iphone@2x-265c7b49be8b6f94b1bc7aa31d29eaf6ec8b636e20307952f41f867129d64476.jpg) } .hero-wrapper.watch { background-image: url(/assets/main/hero-watch@2x-e1d4e404f47d3e0bab2bb0f6ec08d262573253aac548e49ef899e423e403ed00.jpg) } .hero-wrapper.watch .featured-app-info { right: 0 } .hero-wrapper.vip { height: 300px; text-align: center; background-image: url(/assets/vip/bg-36eb0e54f43f0277668ce86cfe15b39554b571623eec25ef40e4b30b794c890e.jpg) } .hero-wrapper.vip .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background: -moz-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -o-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -ms-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%) } .hero-wrapper.vip .inner { height: 100% } .hero-wrapper.vip h1 { margin-top: 50px } .hero-wrapper.vip h1 .trakt-icon-trakt { vertical-align: top; color: #ed1c24 } .hero-wrapper.vip a { color: #fff } #vip-periodic.hero-wrapper.vip { height: auto } #vip-periodic.hero-wrapper.vip .inner { padding: 70px 0 } #vip-periodic.hero-wrapper.vip h1 { margin-top: 0 } .hero-wrapper.vip .btn-primary { padding: 10px 12px; font-family: proxima nova bold; font-size: 18px; line-height: 1; margin-top: 5px } .hide-db-vip, .hide-db-welcome, .hide-ios-beta, .hide-ios-public, .hide-traktcasts-ios-beta, .hide-android-beta, .hide-android-public, .hide-mobile-public, .hide-tvos-public, .hide-dec-crash, .hide-yir-2022, .hide-yir-2023, .hide-vip-referral { position: absolute; top: 0; right: 0; padding: 10px; text-transform: uppercase; font-size: 12px; color: #999; font-family: proxima nova semibold; transition: all .5s; cursor: pointer; z-index: 100 } .hide-db-vip .icon, .hide-db-welcome .icon, .hide-ios-beta .icon, .hide-ios-public .icon, .hide-traktcasts-ios-beta .icon, .hide-android-beta .icon, .hide-android-public .icon, .hide-mobile-public .icon, .hide-tvos-public .icon, .hide-dec-crash .icon, .hide-yir-2022 .icon, .hide-yir-2023 .icon, .hide-vip-referral .icon { font-size: 13px; margin: -1px 3px 0 0 } .hide-db-vip:hover, .hide-db-welcome:hover, .hide-ios-beta:hover, .hide-ios-public:hover, .hide-traktcasts-ios-beta:hover, .hide-android-beta:hover, .hide-android-public:hover, .hide-mobile-public:hover, .hide-tvos-public:hover, .hide-dec-crash:hover, .hide-yir-2022:hover, .hide-yir-2023:hover, .hide-vip-referral:hover { color: #fff } .hide-db-welcome { color: #ccc } .hide-yir-2022, .hide-yir-2023 { text-shadow: 0 0 20px #000; color: #eee } #features-wrapper { text-align: center } #scrobble-wrapper { text-align: center; color: #fff; padding: 60px 0; position: relative; text-shadow: 0 0 20px #000; background-color: transparent } #scrobble-wrapper h1 { font-family: proxima nova semibold; font-size: 42px; margin: 0 0 25px; padding: 0 } #scrobble-wrapper h2 { font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; margin: 0; padding: 0 } #scrobble-wrapper .media-centers-wrapper { padding: 35px 0 50px } #scrobble-wrapper .media-centers-wrapper img { margin-top: 15px } .media-centers-wrapper a { display: inline-block; vertical-align: middle; transition: all .5s } .media-centers-wrapper a img { margin: 0 11px } .media-centers-wrapper a .fa, .media-centers-wrapper a [class^=fa-], .media-centers-wrapper a [class*=" fa-"] { margin: 0 14px; font-size: 36px; color: #fff } .media-centers-wrapper a .fa-android { color: #a4c439 } .media-centers-wrapper a .fa-windows { color: #ed1c24 } .media-centers-wrapper a.faded { opacity: .5 } .media-centers-wrapper a.mediaportal img { margin-right: 10px } .media-centers-wrapper a.stremio img { margin-right: 10px } .media-centers-wrapper.icons a img, .media-centers-wrapper.icons a .fa, .media-centers-wrapper.icons a [class^=fa-], .media-centers-wrapper.icons a [class*=" fa-"] { margin: 0 9px } .media-centers-wrapper.icons a.mediaportal img { margin-right: 8px } .media-centers-wrapper.icons a.stremio img { margin-right: 7px } #mobile-wrapper { background-color: #eee; height: 670px; overflow: hidden } #mobile-wrapper .container { position: relative; height: 100% } #mobile-wrapper h1 { font-family: proxima nova semibold; font-size: 42px; margin: 100px 0 0; padding: 0 } #mobile-wrapper h2 { font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; margin: 15px 0 0; padding: 0; width: 350px } #mobile-wrapper .btn-primary { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } #map-wrapper { height: 720px; background: #1d1d1d no-repeat 50% 0; background-size: 1400px 700px; background-image: url(/assets/main/map-dots@2x-469b900c6e202e895727925b8b8584d9757e771d2290a4d09b566bb12bc92ca0.jpg) } #map-wrapper .stats { list-style-type: none; padding: 0; margin: 0; color: #fff; background-color: #ed1c24; font-family: proxima nova } #map-wrapper .stats:before, #map-wrapper .stats:after { content: " "; display: table } #map-wrapper .stats:after { clear: both } #map-wrapper .stats strong { font-family: proxima nova semibold; font-weight: 400 } #map-wrapper .stats li { float: right; height: 80px; font-size: 24px; text-align: center; width: 185px; line-height: 1; padding: 16px } #map-wrapper .stats li.plays { float: left; font-size: 28px; text-align: left; white-space: nowrap; line-height: 80px; padding: 0 0 0 30px } #map-wrapper .stats li.shows { background-color: #009edf } #map-wrapper .stats li.episodes { background-color: #8e44ad } #map-wrapper .stats li.movies { background-color: #16a085 } #results-top-wrapper.user-wrapper { padding: calc(30px + var(--header-height)) 0 0 0; transition: padding-top .5s; color: #fff; position: relative; text-align: left } #results-top-wrapper.user-wrapper .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=1) } #results-top-wrapper.user-wrapper .shadow-full-width { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=1) } #results-top-wrapper.user-wrapper.watching-now .stats-wrapper, #results-top-wrapper.user-wrapper.vip-fanart .stats-wrapper { background-color: rgba(0, 0, 0, .7) } #results-top-wrapper.user-wrapper.watching-now .poster-bg-wrapper .poster-bg, #results-top-wrapper.user-wrapper.vip-fanart .poster-bg-wrapper .poster-bg { background-image: none; background-size: cover; opacity: 0; transition: all .5s; -webkit-filter: blur(0px); filter: blur(0px); background-position: center 20% } #results-top-wrapper.user-wrapper.watching-now .poster-bg-wrapper .poster-bg.enabled, #results-top-wrapper.user-wrapper.vip-fanart .poster-bg-wrapper .poster-bg.enabled { opacity: 1 } #results-top-wrapper.user-wrapper.watching-now { padding-bottom: 70px } #results-top-wrapper.user-wrapper.watching-now #watching-now-wrapper { background-color: rgba(237, 28, 36, .9) } #results-top-wrapper.user-wrapper h1 { margin-top: 7px } #results-top-wrapper.user-wrapper .buttons { text-align: right; padding-top: 10px } #results-top-wrapper.user-wrapper .buttons .btn { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px; text-shadow: none } #results-top-wrapper.user-wrapper .user-avatar { float: left; width: 72px; margin-right: 15px; margin-bottom: 20px } #results-top-wrapper.user-wrapper .user-avatar img { border-color: #fff; border-width: 3px } body.dashboard .stats-wrapper { background-color: rgba(0, 0, 0, .5) } body.dashboard .stats-wrapper a { color: #fff } body.dashboard .stats-wrapper a:hover { text-decoration: none; color: #ddd } body.dashboard .stats-wrapper a:hover * { color: #ddd } body.dashboard .stats-wrapper .row { padding: 10px 0 } body.dashboard .stats-wrapper .row > div:before, body.dashboard .stats-wrapper .row > div:after { content: " "; display: table } body.dashboard .stats-wrapper .row > div:after { clear: both } body.dashboard .stats-wrapper .trakt-icon { font-size: 37px; float: left; margin-right: 10px } body.dashboard .stats-wrapper .trakt-icon.fa-tv-retro { font-size: 29px; margin-top: 4px } body.dashboard .stats-wrapper .trakt-icon.fa-camera-movie { font-size: 29px; margin-top: 4px } body.dashboard .stats-wrapper .trakt-icon.trakt-icon-collection { font-size: 30px; margin-top: 4px; margin-right: 7px } .vip-expiring, .username-signin { margin: 0; padding: 10px } .vip-expiring .btn, .username-signin .btn { float: right; font-family: proxima nova bold } .vip-expiring .text, .username-signin .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; font-size: 13px } .vip-expiring .text b, .username-signin .text b { font-size: 15px } .vip-expiring .text b i, .username-signin .text b i { font-size: 16px } .username-signin { padding-top: 20px; padding-bottom: 20px } #dashboard-vip-referral-wrapper { padding: 0; position: relative; color: #fff } #dashboard-vip-referral-wrapper .full-screenshot { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-position: 50% 35%; opacity: 0; transition: all 1s; z-index: 1 } #dashboard-vip-referral-wrapper .full-screenshot.enabled { opacity: 1 } #dashboard-vip-referral-wrapper .inner-wrapper { background: rgba(94, 41, 116, .75); padding-top: 40px; padding-bottom: 40px; position: relative; z-index: 10 } #dashboard-vip-referral-wrapper h2 { font-family: proxima nova semibold; font-size: 22px; margin: 0 0 5px; text-shadow: 0 0 20px #000 } #dashboard-vip-referral-wrapper h2 b { font-family: proxima nova bold } #dashboard-vip-referral-wrapper h3 { font-size: 16px; margin: 0; text-shadow: 0 0 20px #000 } #dashboard-vip-referral-wrapper .logo img { height: 50px; width: 50px } #dashboard-vip-referral-wrapper .grid-wrapper { display: grid; grid-template-columns: 65px auto auto; align-items: center } #dashboard-vip-referral-wrapper .buttons { text-align: right } #dashboard-vip-referral-wrapper .buttons .btn { margin-left: 15px; border-radius: 5px; font-family: proxima nova bold } #dashboard-vip-referral-wrapper .buttons .btn .fa-solid { margin-right: 5px } #inbox-wrapper { background-color: #1d1d1d; color: #fff; padding-bottom: 30px } #inbox-wrapper .alert-no-data { background-color: #2d2d2d; color: #999 } #inbox-wrapper h2 { margin-bottom: 0 } #inbox-wrapper h3 { font-size: 14px; text-transform: uppercase; margin: 28px 0 15px; font-family: proxima nova bold } #inbox-wrapper .notification-row { font-size: 13px } #inbox-wrapper .notification-row:before, #inbox-wrapper .notification-row:after { content: " "; display: table } #inbox-wrapper .notification-row:after { clear: both } #inbox-wrapper .notification-row:not(:first-of-type) { border-top: solid 1px #4d4d4d; padding-top: 10px; margin-top: 10px } #inbox-wrapper .notification-row .user-avatar { float: left; width: 45px; margin-right: 10px } #inbox-wrapper .notification-row .user-avatar img { margin: 0; border: 0; background-color: transparent } #inbox-wrapper .notification-row .message { padding-top: 5px; margin-left: 55px } #inbox-wrapper .notification-row .message .fa, #inbox-wrapper .notification-row .message [class^=fa-], #inbox-wrapper .notification-row .message [class*=" fa-"] { color: #ccc; margin-right: 5px } #inbox-wrapper .notification-row .message .fa.fa-external-link, #inbox-wrapper .notification-row .message .fa-external-link[class^=fa-], #inbox-wrapper .notification-row .message .fa-external-link[class*=" fa-"] { color: inherit; margin-left: 5px; font-size: 12px } #inbox-wrapper .notification-row .message a .fa, #inbox-wrapper .notification-row .message a [class^=fa-], #inbox-wrapper .notification-row .message a [class*=" fa-"] { color: inherit } #inbox-wrapper .notification-row .message b { font-size: 14px } #inbox-wrapper .notification-row .actions { float: right; font-size: 26px; padding-right: 10px; padding-left: 10px } #inbox-wrapper .notification-row .actions > a { transition: all .5s } #inbox-wrapper .notification-row .actions > a.off { opacity: 0 } #inbox-wrapper .notification-row .actions .requests-approve, #inbox-wrapper .notification-row .actions .requests-follow, #inbox-wrapper .notification-row .actions .collaborations-approve { color: #5cb85c; margin-right: 10px } #inbox-wrapper .notification-row .actions .requests-deny, #inbox-wrapper .notification-row .actions .collaborations-deny { color: #ed1c24 } #inbox-wrapper .notification-row .actions .requests-block, #inbox-wrapper .notification-row .actions .hide-site-notice, #inbox-wrapper .notification-row .actions .collaborations-block { color: #999; font-size: 23px; vertical-align: text-bottom; line-height: 35px; margin-left: 10px; cursor: pointer } .page-navigator { text-align: center; margin-top: -2px; display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; border: solid 1px #ddd; background-color: #fff; border-radius: 5px; z-index: 1 } .page-navigator > div { display: inline-block; margin: 4px 6px; font-size: 11px; font-family: proxima nova; text-transform: uppercase; cursor: pointer; transition: all .5s; opacity: .5 } .page-navigator > div .fa, .page-navigator > div [class^=fa-], .page-navigator > div [class*=" fa-"] { font-size: 16px; vertical-align: middle; margin: -2px 5px 0 2px } .page-navigator > div:hover { color: #ed1c24; opacity: 1 } .page-navigator.dark { border: solid 1px #333; background-color: #111; color: #fff } .page-navigator.dark > div:hover { color: #ed1c24; opacity: 1 } body.dashboard #list-wrapper { background-color: #e5e5e5; padding-bottom: 10px } body.dashboard #list-items { margin-bottom: 0; margin-top: -20px } #ondeck-wrapper { background-color: #e5e5e5; padding-bottom: 10px } #ondeck-wrapper h3 { margin-bottom: 0 } #ondeck-wrapper .posters .rewatching-badge, #ondeck-wrapper .posters .notable-badge { border-color: #e5e5e5 } #ondeck-wrapper #sortable-watchnow-applied-filters { background: 0 0; margin: 0 0 0 40px } #ondeck-wrapper #sortable-watchnow-applied-filters .container { padding: 0 } #ondeck-wrapper #sortable-watchnow-applied-filters h4 { display: none } #ondeck-wrapper #sortable-watchnow-applied-filters .streaming-links { margin-top: 0; margin-bottom: 0 } #ondeck-wrapper #ondeck-shows .grid-item, body.dashboard #list-items .grid-item { transition: all .5s } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(7), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(8), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(9), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(10), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(11), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(12), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(13), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(14), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(15), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(16), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(17), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(18), body.dashboard #list-items[data-row-count="1"] .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] ~ .page-navigator .load-less, body.dashboard #list-items[data-row-count="1"] ~ .page-navigator .load-less { display: none } #ondeck-wrapper #ondeck-shows[data-row-count="1"][data-row-max="1"] ~ .page-navigator .load-more, body.dashboard #list-items[data-row-count="1"][data-row-max="1"] ~ .page-navigator .load-more { display: none } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(13), body.dashboard #list-items[data-row-count="2"] .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(14), body.dashboard #list-items[data-row-count="2"] .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(15), body.dashboard #list-items[data-row-count="2"] .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(16), body.dashboard #list-items[data-row-count="2"] .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(17), body.dashboard #list-items[data-row-count="2"] .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(18), body.dashboard #list-items[data-row-count="2"] .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"][data-row-max="2"] ~ .page-navigator .load-more, body.dashboard #list-items[data-row-count="2"][data-row-max="2"] ~ .page-navigator .load-more { display: none } #ondeck-wrapper #ondeck-shows[data-row-count="3"] ~ .page-navigator .load-more, body.dashboard #list-items[data-row-count="3"] ~ .page-navigator .load-more { display: none } #ondeck-shows, #progress-grid-wrapper { transition: opacity .5s } #ondeck-shows.loading, #progress-grid-wrapper.loading { opacity: .15 } #ondeck-shows .ignore, #ondeck-shows .reset, #progress-grid-wrapper .ignore, #progress-grid-wrapper .reset { cursor: pointer; margin-right: 5px; color: #999; transition: all .5s; vertical-align: middle } #ondeck-shows .ignore:hover, #ondeck-shows .reset:hover, #progress-grid-wrapper .ignore:hover, #progress-grid-wrapper .reset:hover { color: #000 } #ondeck-shows .ignore > i, #progress-grid-wrapper .ignore > i { margin-top: -2px } #ondeck-shows .reset > i, #progress-grid-wrapper .reset > i { line-height: .9 } #ondeck-shows > div .titles, #progress-grid-wrapper > div .titles { position: relative } #ondeck-shows > div .titles h3, #progress-grid-wrapper > div .titles h3 { height: 16px; margin-top: 14px } #ondeck-shows .titles-link, #progress-grid-wrapper .titles-link { color: #333; vertical-align: middle } #schedule-outer-wrapper { background-color: #eee } #schedule-wrapper { background-color: #eee; padding-bottom: 30px; min-height: 380px } #schedule-wrapper.items-0 { min-height: 1px } #schedule-wrapper .alert-no-data { background-color: #fafafa } #schedule-wrapper h3:not(.help-text) { font-size: 14px; text-transform: uppercase; margin: 0 0 15px } #schedule-wrapper .poster-wrapper { position: relative } #schedule-wrapper .poster-wrapper .poster { width: 100%; position: absolute; top: 0; left: 0; padding: 0 10px; transition: all .5s; opacity: 0 } #schedule-wrapper .poster-wrapper .poster:first-child { opacity: 1 } #schedule-wrapper .schedule-episode:not(:first-of-type), body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode:not(:first-of-type) { padding-top: 15px; border-top: solid 1px #d9d9d9; margin-top: 15px } #schedule-wrapper .schedule-episode h4, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h4 { font-size: 18px; font-family: proxima nova semibold; margin: 0 0 5px; word-wrap: break-word } #schedule-wrapper .schedule-episode h5, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h5 { margin: 0; font-size: 14px; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; word-wrap: break-word } #schedule-wrapper .schedule-episode h5 a, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h5 a { color: inherit !important } #schedule-wrapper .schedule-episode h5 .main-title-abs, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h5 .main-title-abs { font-family: proxima nova bold } #schedule-wrapper .schedule-episode h5 .main-title-sxe, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h5 .main-title-sxe { font-family: proxima nova bold } #schedule-wrapper .schedule-episode h6, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h6 { margin: 5px 0 0 } #schedule-wrapper .schedule-episode h6 .premiere, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h6 .premiere { font-size: 11px; display: inline-block; padding: 3px 5px; margin: 0 5px 5px 0; font-family: proxima nova semibold; color: #fff } #schedule-wrapper .schedule-episode h6 a, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h6 a { color: inherit !important } #schedule-wrapper .schedule-episode .btn-watch-now, #schedule-wrapper .schedule-episode .btn-get-tickets, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode .btn-watch-now, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode .btn-get-tickets { background: 0 0; color: inherit; font-size: 11px; text-transform: uppercase; font-family: proxima nova semibold; margin: 5px 0 0 -3px; display: inline-block; cursor: pointer } #schedule-wrapper .schedule-episode .btn-watch-now .icon, #schedule-wrapper .schedule-episode .btn-get-tickets .icon, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode .btn-watch-now .icon, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode .btn-get-tickets .icon { font-size: 15px; vertical-align: top; margin-right: 2px } #schedule-wrapper .schedule-episode .btn-get-tickets, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode .btn-get-tickets { margin-left: 0 } #schedule-wrapper .schedule-episode .btn-get-tickets .icon, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode .btn-get-tickets .icon { margin-right: 3px } #schedule-wrapper .schedule-episode.same-show, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode.same-show { padding-top: 0; border: 0; margin-top: 10px } #schedule-wrapper .schedule-episode.same-show h4, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode.same-show h4 { display: none } #schedule-wrapper .schedule-episode.same-show h6, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode.same-show h6 { display: none } #activity-wrapper { padding-bottom: 10px } #activity-wrapper .see-more-link:nth-child(2) .see-more { margin-right: 15px } #activity-wrapper #recently-watched-wrapper .grid-item { transition: all .5s; margin-bottom: 20px } #activity-wrapper #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(4) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="1"] ~ .page-navigator .load-less { display: none } #activity-wrapper #recently-watched-wrapper[data-row-count="1"][data-row-max="1"] ~ .page-navigator .load-more { display: none } #activity-wrapper #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #activity-wrapper #recently-watched-wrapper[data-row-count="2"][data-row-max="2"] ~ .page-navigator .load-more { display: none } #activity-wrapper #recently-watched-wrapper[data-row-count="3"] ~ .page-navigator .load-more { display: none } #network-wrapper { background-color: #eee } #network-wrapper .alert-no-data { background-color: #fafafa } #network-wrapper #network-activities { transition: all .5s; opacity: 0 } #network-wrapper #network-activities.loaded { opacity: 1 } #network-wrapper #network-activities .network-item { transition: all .5s } #network-wrapper .posters > div { margin: 0 0 20px; position: relative } #network-wrapper .posters .poster-wrapper .titles, #network-wrapper .posters .poster-wrapper .quick-icons { display: none } #network-wrapper .posters .action { border: 2px solid #fff; background-color: #333; width: 40px; height: 40px; position: absolute; top: -20px; left: 50%; margin-left: -5px; border-radius: 50%; z-index: 2; color: #fff; font-size: 24px } #network-wrapper .posters .action .icon { line-height: 40px } #network-wrapper .posters .action.watch { background-color: #8e44ad } #network-wrapper .posters .action.collect { background-color: #16a085 } #network-wrapper .posters .action.list { background-color: #2b678f } #network-wrapper .posters .poster-under { background-color: #fff; text-align: center; font-size: 12px; padding: 30px 10px 10px; position: relative } #network-wrapper .posters .poster-under .user-avatar { width: 40px; height: 40px; position: absolute; top: -20px; left: 50%; margin-left: -35px; z-index: 1 } #network-wrapper .posters .poster-under .user-avatar img { border: 2px solid #fff; background-color: #fff } #network-wrapper .posters .poster-under .text { height: 54px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: block; display: -webkit-box } #network-wrapper .posters .poster-under .text a.username { font-weight: 700 } #network-wrapper .posters .btn-primary { display: block; text-transform: none; font-size: 13px } #network-wrapper .posters .activity-date { background-color: #ddd; color: #555; padding: 6px 0; text-align: center; font-size: 10px; text-transform: uppercase } #recommendations-wrapper { background-color: #222; padding-bottom: 20px } #recommendations-wrapper.fixed-height { min-height: 432px } #recommendations-wrapper .alert-no-data { background-color: #444; color: #999 } #recommendations-wrapper h2 { color: #fff } #recommendations-wrapper h2 .label { float: right; background-color: #ed1c24; font-family: proxima nova; font-size: 14px; color: #fff; display: inline-block; font-weight: 400 !important; transition: all .5s; line-height: 1; border-radius: 3px; padding: 4px 5px } #recommendations-wrapper h2 .label .count { border: solid 1px #fff; background-color: #fff; color: #ed1c24; font-size: 10px; padding: 1px 4px; border-radius: 3px; display: inline-block; vertical-align: top; font-family: proxima nova bold; transition: all .5s; margin: -1px 0 -1px 3px } #recommendations-wrapper h3.help-text { margin-bottom: 10px } #recommendations-wrapper .grid-item { margin-top: 20px; border: 0 } #recommendations-wrapper .grid-item .poster, #recommendations-wrapper .grid-item .quick-icons { border: none } #recommendations-wrapper .grid-item a { text-decoration: none } #recommendations-wrapper .grid-item h3 { color: #fff } #recommendations-wrapper .grid-item h4 { cursor: pointer } #recommendations-wrapper .grid-item h4 a { color: #aaa } #recommendations-wrapper .grid-item h4 a:hover { color: #fff } #recommendations-wrapper .posters, #recommendations-wrapper .fanarts { margin-bottom: 0 } #recommendations-wrapper .page-navigator { margin-top: 8px } #recommendations-wrapper #related-items .grid-item { margin-top: 0 } #dec-crash-wrapper, #dec-crash-history-recovered, #db-welcome-wrapper { text-align: left !important } #dec-crash-wrapper *, #dec-crash-history-recovered *, #db-welcome-wrapper * { text-align: left !important } #dec-crash-wrapper .shade-left, #dec-crash-history-recovered .shade-left, #db-welcome-wrapper .shade-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0) 70%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0) 70%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0) 70%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6000000', endColorstr='#00000000', GradientType=1) } #dec-crash-wrapper ul, #dec-crash-history-recovered ul, #db-welcome-wrapper ul { text-align: left } #dec-crash-history-recovered .alert, #db-welcome-wrapper .alert { border-radius: 6px; padding: 10px; display: inline-block } #dec-crash-history-recovered .alert:before, #dec-crash-history-recovered .alert:after, #db-welcome-wrapper .alert:before, #db-welcome-wrapper .alert:after { content: " "; display: table } #dec-crash-history-recovered .alert:after, #db-welcome-wrapper .alert:after { clear: both } #dec-crash-history-recovered .alert .fa, #dec-crash-history-recovered .alert [class^=fa-], #dec-crash-history-recovered .alert [class*=" fa-"], #db-welcome-wrapper .alert .fa, #db-welcome-wrapper .alert [class^=fa-], #db-welcome-wrapper .alert [class*=" fa-"] { font-size: 34px; float: left; margin-top: 2px } #dec-crash-history-recovered .alert .text, #db-welcome-wrapper .alert .text { margin-left: 45px } #db-welcome-wrapper { height: auto } #db-welcome-wrapper .shade-left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#80000000', GradientType=1); width: 60% } #db-welcome-wrapper .shade-right { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 20%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 20%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 20%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); width: 40%; margin-left: 60% } #db-welcome-wrapper h1 { margin-top: 70px } #db-welcome-wrapper h2 a { color: #fff; border-bottom: 1px solid currentColor; text-decoration: none; transition: all .5s } #db-welcome-wrapper h2 a:hover { color: #ed1c24 } #db-welcome-wrapper h3 { margin: 1px 0 5px; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; font-size: 14px } #db-welcome-wrapper .follow-buttons iframe { vertical-align: middle; margin: 10px 15px 0 0; background-color: #1d9bf0; border-radius: 3px; box-sizing: content-box; border: solid 3px #1d9bf0 } #db-welcome-wrapper ol { margin-bottom: 70px; display: grid; grid-template-columns: 1fr 1fr } #db-welcome-wrapper li { margin-bottom: 20px !important } #db-welcome-wrapper li:before { font: var(--fa-font-solid) !important; line-height: 2.3em !important } #db-welcome-wrapper li.features:before { content: "\f135" !important } #db-welcome-wrapper li.connect:before { content: "\f0a1" !important } #db-welcome-wrapper li.vip .label-vip { margin-left: 0; margin-right: 6px } #db-welcome-wrapper li.vip:before { content: "\f13e" !important } #db-welcome-wrapper li.support:before { content: "\f128" !important } #db-welcome-wrapper li.scrobbler:before { content: "\f8d6" !important } #db-welcome-wrapper li.watch:before { content: "\f00c" !important } #db-welcome-wrapper li.apps a { vertical-align: top } #db-welcome-wrapper li.apps .btn-app-store { margin: 10px 10px 0 0; display: inline-block } #db-welcome-wrapper li.apps:before { content: "\f3ce" !important } body.dashboard #recommendations-wrapper .posters .added-by .user-avatar img, body.dashboard #recommendations-wrapper .fanarts .added-by .user-avatar img { border-color: #222 } body.dashboard #recommendations-wrapper .posters .added-by.plus-more, body.dashboard #recommendations-wrapper .fanarts .added-by.plus-more { border-color: #222 } body.dashboard #recommendations-wrapper .posters .grid-item, body.dashboard #recommendations-wrapper .fanarts .grid-item { transition: all .5s } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(4), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(4) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(5), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(6), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(7), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(8), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(9), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .page-navigator .load-less { display: none } body.dashboard #recommendations-wrapper[data-row-count="1"][data-row-max="1"] .page-navigator .load-more { display: none } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(7), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(8), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(9), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"][data-row-max="2"] .page-navigator .load-more { display: none } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .page-navigator .load-more { display: none } #charts-wrapper .row > div { padding-bottom: 20px } #charts-wrapper .genre-bars { padding-bottom: 50px; padding-top: 70px } #charts-wrapper .genre-bars.less-top { padding-top: 50px } #charts-wrapper .see-more-link:nth-child(2) .see-more { margin-right: 15px } #charts-wrapper #charts-minutes-wrapper { cursor: pointer; padding-left: 2px } #charts-wrapper h3 .dash { margin: 0 6px; color: #999 } #charts-wrapper h3 .plays { color: #bbb } #charts-wrapper .fa-heart { margin-right: 3px } #charts-wrapper .fa-heart.rating-1 { color: #616161 } #charts-wrapper .fa-heart.rating-2 { color: #675b5b } #charts-wrapper .fa-heart.rating-3 { color: #705252 } #charts-wrapper .fa-heart.rating-4 { color: #7a4747 } #charts-wrapper .fa-heart.rating-5 { color: #863c3c } #charts-wrapper .fa-heart.rating-6 { color: #922f30 } #charts-wrapper .fa-heart.rating-7 { color: #9e2424 } #charts-wrapper .fa-heart.rating-8 { color: #a81918 } #charts-wrapper .fa-heart.rating-9 { color: #b11010 } #charts-wrapper .fa-heart.rating-10 { color: #b70a0a } #charts-wrapper .ratings-bars .row { transition: all .5s } #charts-wrapper .ratings-bars .row > div { padding-bottom: 0 } #charts-wrapper .ratings-bars:hover .row { opacity: .5 } #charts-wrapper .ratings-bars:hover .row:hover { opacity: 1 } #charts-wrapper .ratings-bars .progress { margin-bottom: 0; background-color: #600000; height: 15px } #charts-wrapper .ratings-bars .percentage { font-size: 18px; line-height: 1; margin-top: -1px; font-family: proxima nova semibold } #charts-wrapper .ratings-bars .titles { margin: 1px 0 10px; font-size: 12px; color: #fff } #charts-wrapper .ratings-bars .count { color: #757575 } body.dashboard #om1gYCfRiN-IGJj59JMAC-wrapper.top, body.users #om1gYCfRiN-IGJj59JMAC-wrapper.top { padding: 20px 0 } body.dashboard #om1gYCfRiN-IGJj59JMAC-wrapper.middle, body.users #om1gYCfRiN-IGJj59JMAC-wrapper.middle { padding: 20px 0 } body.dashboard #om1gYCfRiN-IGJj59JMAC-wrapper.bottom, body.users #om1gYCfRiN-IGJj59JMAC-wrapper.bottom { padding: 20px 0; margin-top: -20px } body.dashboard #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, body.dashboard #om1gYCfRiN-IGJj59JMAC-F9HnZ5DZak, body.dashboard #om1gYCfRiN-IGJj59JMAC-whhPY7alOm, body.dashboard #om1gYCfRiN-IGJj59JMAC-mouGYcVmIY, body.dashboard #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD, body.users #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, body.users #om1gYCfRiN-IGJj59JMAC-F9HnZ5DZak, body.users #om1gYCfRiN-IGJj59JMAC-whhPY7alOm, body.users #om1gYCfRiN-IGJj59JMAC-mouGYcVmIY, body.users #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD { margin: 0 auto } .db-welcome-wrapper { color: #fff; background-color: #222; padding: 5px 0 20px; position: relative } .db-welcome-wrapper .container { position: relative } .db-welcome-wrapper .side-icon { float: left; padding-top: 20px } .db-welcome-wrapper .info { margin: 10px 0 0 35px; line-height: 1.3 } .db-welcome-wrapper .trakt-icon-check-thick { color: #5cb85c } .db-welcome-wrapper .trakt-icon-trakt { color: #ed1c24 } .db-welcome-wrapper .fa-rocket { color: #009edf } .db-welcome-wrapper h2 { margin-bottom: 0; font-size: 24px } .db-welcome-wrapper a { font-weight: 700; color: #fff; border-bottom: 1px dotted #999; text-decoration: none; transition: all .5s } .db-welcome-wrapper a:hover { color: #ed1c24 } .db-welcome-wrapper .follow-buttons { vertical-align: top !important; margin-top: 20px } .db-welcome-wrapper .follow-buttons > div, .db-welcome-wrapper .follow-buttons iframe, .db-welcome-wrapper .follow-buttons .btn-blog { vertical-align: top !important; margin: 0 10px 10px 0 } .db-welcome-wrapper .follow-buttons .btn-blog { color: #fff; background-color: #ed1c24; border-color: #ed1c24; display: inline-block; line-height: 27px; border-radius: 4px; border: none; font-size: 12px; padding: 2px 10px 0; color: #fff; text-decoration: none; transition: all .5s } .db-welcome-wrapper .follow-buttons .btn-blog:hover, .db-welcome-wrapper .follow-buttons .btn-blog:focus, .db-welcome-wrapper .follow-buttons .btn-blog:active, .db-welcome-wrapper .follow-buttons .btn-blog.active, .open > .db-welcome-wrapper .follow-buttons .btn-blog.dropdown-toggle { color: #fff; background-color: #c61017; border-color: #bd0f16 } .db-welcome-wrapper .follow-buttons .btn-blog:active, .db-welcome-wrapper .follow-buttons .btn-blog.active, .open > .db-welcome-wrapper .follow-buttons .btn-blog.dropdown-toggle { background-image: none } .db-welcome-wrapper .follow-buttons .btn-blog.disabled, .db-welcome-wrapper .follow-buttons .btn-blog.disabled:hover, .db-welcome-wrapper .follow-buttons .btn-blog.disabled:focus, .db-welcome-wrapper .follow-buttons .btn-blog.disabled:active, .db-welcome-wrapper .follow-buttons .btn-blog.disabled.active, .db-welcome-wrapper .follow-buttons .btn-blog[disabled], .db-welcome-wrapper .follow-buttons .btn-blog[disabled]:hover, .db-welcome-wrapper .follow-buttons .btn-blog[disabled]:focus, .db-welcome-wrapper .follow-buttons .btn-blog[disabled]:active, .db-welcome-wrapper .follow-buttons .btn-blog.active[disabled], fieldset[disabled] .db-welcome-wrapper .follow-buttons .btn-blog, fieldset[disabled] .db-welcome-wrapper .follow-buttons .btn-blog:hover, fieldset[disabled] .db-welcome-wrapper .follow-buttons .btn-blog:focus, fieldset[disabled] .db-welcome-wrapper .follow-buttons .btn-blog:active, fieldset[disabled] .db-welcome-wrapper .follow-buttons .btn-blog.active { background-color: #ed1c24; border-color: #ed1c24 } .db-welcome-wrapper .follow-buttons .btn-blog .badge { color: #ed1c24; background-color: #fff } .db-welcome-wrapper .follow-buttons .btn-blog .fa, .db-welcome-wrapper .follow-buttons .btn-blog [class^=fa-], .db-welcome-wrapper .follow-buttons .btn-blog [class*=" fa-"] { font-size: 14px; margin-right: 5px; vertical-align: text-top } body.main.home, body.main.index { background: #080111 url(/assets/yir/2022/bg/space-d0bdfa87f205085dcd1722c49718877e2dd26a3ad117342203ba426955fcee74.jpg); background-position: 0 50%; background-size: contain } body.main.home header#top-nav, body.main.index header#top-nav { background: transparent; -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px) } body.main.home header#top-nav .btn-signup, body.main.index header#top-nav .btn-signup { display: none; opacity: 0; margin-top: -100px } body.main.home header#top-nav.scrolled .btn-signup, body.main.index header#top-nav.scrolled .btn-signup { display: inline-block } body.main.home.scrolled header#top-nav .btn-signup, body.main.index.scrolled header#top-nav .btn-signup { display: inline-block } body.main.home #scrobblers-wrapper, body.main.index #scrobblers-wrapper { height: 700px } body.main.home #scrobblers-wrapper .media-centers-wrapper, body.main.index #scrobblers-wrapper .media-centers-wrapper { margin: 25px 0 30px -13px } body.main.home #map-wrapper, body.main.index #map-wrapper { background-image: none } body.main.home #map-wrapper .full-screenshot, body.main.index #map-wrapper .full-screenshot { background-size: 1400px 700px } body.main.home .btn, body.main.index .btn { border-radius: 8px } body.main.home .hero-wrapper h1.less-height, body.main.index .hero-wrapper h1.less-height, body.apps .hero-wrapper h1.less-height, body.welcome .hero-wrapper h1.less-height, body.branding .hero-wrapper h1.less-height { margin-top: 60px } body.main.home .hero-wrapper.light, body.main.index .hero-wrapper.light, body.apps .hero-wrapper.light, body.welcome .hero-wrapper.light, body.branding .hero-wrapper.light { background-color: #fff; color: inherit } body.main.home .hero-wrapper.light h1, body.main.home .hero-wrapper.light h2, body.main.index .hero-wrapper.light h1, body.main.index .hero-wrapper.light h2, body.apps .hero-wrapper.light h1, body.apps .hero-wrapper.light h2, body.welcome .hero-wrapper.light h1, body.welcome .hero-wrapper.light h2, body.branding .hero-wrapper.light h1, body.branding .hero-wrapper.light h2 { text-shadow: none } body.main.home .hero-wrapper .buttons, body.main.index .hero-wrapper .buttons, body.apps .hero-wrapper .buttons, body.welcome .hero-wrapper .buttons, body.branding .hero-wrapper .buttons { margin-top: 25px } body.main.home .hero-wrapper .buttons .btn:not(:first-child), body.main.index .hero-wrapper .buttons .btn:not(:first-child), body.apps .hero-wrapper .buttons .btn:not(:first-child), body.welcome .hero-wrapper .buttons .btn:not(:first-child), body.branding .hero-wrapper .buttons .btn:not(:first-child) { margin-left: 20px } body.main.home .hero-wrapper .full-screenshot, body.main.index .hero-wrapper .full-screenshot, body.apps .hero-wrapper .full-screenshot, body.welcome .hero-wrapper .full-screenshot, body.branding .hero-wrapper .full-screenshot { background-position: center top; background-repeat: no-repeat } body.main.home #watching-wrapper, body.main.index #watching-wrapper, body.apps #watching-wrapper, body.welcome #watching-wrapper, body.branding #watching-wrapper { height: calc(600px + var(--header-height)); transition: height .5s } body.main.home #watching-wrapper .info-wrapper, body.main.index #watching-wrapper .info-wrapper, body.apps #watching-wrapper .info-wrapper, body.welcome #watching-wrapper .info-wrapper, body.branding #watching-wrapper .info-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; text-align: center; white-space: normal; width: 100% } body.main.home #watching-wrapper .info-wrapper h1, body.main.index #watching-wrapper .info-wrapper h1, body.apps #watching-wrapper .info-wrapper h1, body.welcome #watching-wrapper .info-wrapper h1, body.branding #watching-wrapper .info-wrapper h1 { margin: 5px 0 0 !important } body.main.home #watching-wrapper .info-wrapper h1.new-tagline, body.main.index #watching-wrapper .info-wrapper h1.new-tagline, body.apps #watching-wrapper .info-wrapper h1.new-tagline, body.welcome #watching-wrapper .info-wrapper h1.new-tagline, body.branding #watching-wrapper .info-wrapper h1.new-tagline { font-family: proxima nova; font-size: 30px } body.main.home #watching-wrapper .info-wrapper h1.new-tagline strong, body.main.index #watching-wrapper .info-wrapper h1.new-tagline strong, body.apps #watching-wrapper .info-wrapper h1.new-tagline strong, body.welcome #watching-wrapper .info-wrapper h1.new-tagline strong, body.branding #watching-wrapper .info-wrapper h1.new-tagline strong { font-family: proxima nova bold } body.main.home #watching-wrapper .info-wrapper h2, body.main.index #watching-wrapper .info-wrapper h2, body.apps #watching-wrapper .info-wrapper h2, body.welcome #watching-wrapper .info-wrapper h2, body.branding #watching-wrapper .info-wrapper h2 { margin: 5px 0 0 !important; font-size: 22px !important; color: #eee } body.main.home #watching-wrapper .trakt-full, body.main.index #watching-wrapper .trakt-full, body.apps #watching-wrapper .trakt-full, body.welcome #watching-wrapper .trakt-full, body.branding #watching-wrapper .trakt-full { font-size: 50px; margin: 20px 0 40px; border-bottom: solid 1px rgba(255, 255, 255, .2); padding-bottom: 20px; text-align: center; font-family: proxima nova bold; text-transform: uppercase; letter-spacing: 4px; display: inline-block } body.main.home #watching-wrapper .trakt-full img, body.main.index #watching-wrapper .trakt-full img, body.apps #watching-wrapper .trakt-full img, body.welcome #watching-wrapper .trakt-full img, body.branding #watching-wrapper .trakt-full img { width: 60px; height: 60px; vertical-align: text-bottom; margin-right: 10px } body.main.home #watching-wrapper .shade, body.main.index #watching-wrapper .shade, body.apps #watching-wrapper .shade, body.welcome #watching-wrapper .shade, body.branding #watching-wrapper .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background: -moz-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -o-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -ms-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%) } body.main.home #watching-wrapper .works-with, body.main.index #watching-wrapper .works-with, body.apps #watching-wrapper .works-with, body.welcome #watching-wrapper .works-with, body.branding #watching-wrapper .works-with { position: absolute; bottom: 30px; width: 100%; text-align: center } body.main.home #watching-wrapper .buttons, body.main.index #watching-wrapper .buttons, body.apps #watching-wrapper .buttons, body.welcome #watching-wrapper .buttons, body.branding #watching-wrapper .buttons { margin: 70px 0 50px } body.main.home #watching-wrapper .buttons .btn-signin, body.main.index #watching-wrapper .buttons .btn-signin, body.apps #watching-wrapper .buttons .btn-signin, body.welcome #watching-wrapper .buttons .btn-signin, body.branding #watching-wrapper .buttons .btn-signin { background-color: rgba(255, 255, 255, .15); margin-left: 20px; text-decoration: none !important } body.main.home #watching-wrapper .icons-header, body.main.index #watching-wrapper .icons-header, body.apps #watching-wrapper .icons-header, body.welcome #watching-wrapper .icons-header, body.branding #watching-wrapper .icons-header { font-family: proxima nova semibold; margin: 0 0 20px; position: relative; text-transform: uppercase; display: inline-block } body.main.home #watching-wrapper .icons-header:not(.no-lines):before, body.main.home #watching-wrapper .icons-header:not(.no-lines):after, body.main.index #watching-wrapper .icons-header:not(.no-lines):before, body.main.index #watching-wrapper .icons-header:not(.no-lines):after, body.apps #watching-wrapper .icons-header:not(.no-lines):before, body.apps #watching-wrapper .icons-header:not(.no-lines):after, body.welcome #watching-wrapper .icons-header:not(.no-lines):before, body.welcome #watching-wrapper .icons-header:not(.no-lines):after, body.branding #watching-wrapper .icons-header:not(.no-lines):before, body.branding #watching-wrapper .icons-header:not(.no-lines):after { background-color: rgba(255, 255, 255, .4); content: ''; height: 1px; left: -60px; position: absolute; top: 50%; width: 50px } body.main.home #watching-wrapper .icons-header:not(.no-lines):after, body.main.index #watching-wrapper .icons-header:not(.no-lines):after, body.apps #watching-wrapper .icons-header:not(.no-lines):after, body.welcome #watching-wrapper .icons-header:not(.no-lines):after, body.branding #watching-wrapper .icons-header:not(.no-lines):after { left: auto; right: -60px } body.main.home #watchnow-wrapper, body.main.home #api-wrapper, body.main.home #apps-wrapper, body.main.index #watchnow-wrapper, body.main.index #api-wrapper, body.main.index #apps-wrapper, body.apps #watchnow-wrapper, body.apps #api-wrapper, body.apps #apps-wrapper, body.welcome #watchnow-wrapper, body.welcome #api-wrapper, body.welcome #apps-wrapper, body.branding #watchnow-wrapper, body.branding #api-wrapper, body.branding #apps-wrapper { height: auto; padding-bottom: 80px } body.main.home #watchnow-wrapper h1, body.main.home #api-wrapper h1, body.main.home #apps-wrapper h1, body.main.index #watchnow-wrapper h1, body.main.index #api-wrapper h1, body.main.index #apps-wrapper h1, body.apps #watchnow-wrapper h1, body.apps #api-wrapper h1, body.apps #apps-wrapper h1, body.welcome #watchnow-wrapper h1, body.welcome #api-wrapper h1, body.welcome #apps-wrapper h1, body.branding #watchnow-wrapper h1, body.branding #api-wrapper h1, body.branding #apps-wrapper h1 { margin-top: 80px } body.main.home #watchnow-wrapper .shade, body.main.home #api-wrapper .shade, body.main.home #apps-wrapper .shade, body.main.index #watchnow-wrapper .shade, body.main.index #api-wrapper .shade, body.main.index #apps-wrapper .shade, body.apps #watchnow-wrapper .shade, body.apps #api-wrapper .shade, body.apps #apps-wrapper .shade, body.welcome #watchnow-wrapper .shade, body.welcome #api-wrapper .shade, body.welcome #apps-wrapper .shade, body.branding #watchnow-wrapper .shade, body.branding #api-wrapper .shade, body.branding #apps-wrapper .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background: -moz-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(100%, rgba(0, 0, 0, 0.3))); background: -webkit-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.3) 100%); background: -o-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.3) 100%); background: -ms-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.3) 100%); background: radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.3) 100%) } body.main.home #watchnow-wrapper .info-wrapper, body.main.home #api-wrapper .info-wrapper, body.main.home #apps-wrapper .info-wrapper, body.main.index #watchnow-wrapper .info-wrapper, body.main.index #api-wrapper .info-wrapper, body.main.index #apps-wrapper .info-wrapper, body.apps #watchnow-wrapper .info-wrapper, body.apps #api-wrapper .info-wrapper, body.apps #apps-wrapper .info-wrapper, body.welcome #watchnow-wrapper .info-wrapper, body.welcome #api-wrapper .info-wrapper, body.welcome #apps-wrapper .info-wrapper, body.branding #watchnow-wrapper .info-wrapper, body.branding #api-wrapper .info-wrapper, body.branding #apps-wrapper .info-wrapper { text-align: center } body.main.home #watchnow-wrapper, body.main.index #watchnow-wrapper, body.apps #watchnow-wrapper, body.welcome #watchnow-wrapper, body.branding #watchnow-wrapper { padding-bottom: 60px; background: 0 0; overflow: clip; margin: 0 20px; border-radius: 20px } body.main.home #watchnow-wrapper .full-screenshot, body.main.index #watchnow-wrapper .full-screenshot, body.apps #watchnow-wrapper .full-screenshot, body.welcome #watchnow-wrapper .full-screenshot, body.branding #watchnow-wrapper .full-screenshot { background-repeat: repeat } body.main.home #watchnow-wrapper .shade-from-bottom, body.main.index #watchnow-wrapper .shade-from-bottom, body.apps #watchnow-wrapper .shade-from-bottom, body.welcome #watchnow-wrapper .shade-from-bottom, body.branding #watchnow-wrapper .shade-from-bottom { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3000000', endColorstr='#E6000000', GradientType=0) } body.main.home #watchnow-wrapper .shade-streaming-links, body.main.index #watchnow-wrapper .shade-streaming-links, body.apps #watchnow-wrapper .shade-streaming-links, body.welcome #watchnow-wrapper .shade-streaming-links, body.branding #watchnow-wrapper .shade-streaming-links { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; height: 50px; bottom: 0; top: auto; z-index: 10; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#CC000000', GradientType=0) } body.main.home #watchnow-wrapper .streaming-links a, body.main.index #watchnow-wrapper .streaming-links a, body.apps #watchnow-wrapper .streaming-links a, body.welcome #watchnow-wrapper .streaming-links a, body.branding #watchnow-wrapper .streaming-links a { padding: 10px; width: 140px } body.main.home #watchnow-wrapper .streaming-links a .icon, body.main.index #watchnow-wrapper .streaming-links a .icon, body.apps #watchnow-wrapper .streaming-links a .icon, body.welcome #watchnow-wrapper .streaming-links a .icon, body.branding #watchnow-wrapper .streaming-links a .icon { height: auto } body.main.home #watchnow-wrapper .streaming-links a .icon img.on-channel, body.main.index #watchnow-wrapper .streaming-links a .icon img.on-channel, body.apps #watchnow-wrapper .streaming-links a .icon img.on-channel, body.welcome #watchnow-wrapper .streaming-links a .icon img.on-channel, body.branding #watchnow-wrapper .streaming-links a .icon img.on-channel { margin-bottom: 5% } body.main.home #watchnow-wrapper .streaming-links-wrapper, body.main.index #watchnow-wrapper .streaming-links-wrapper, body.apps #watchnow-wrapper .streaming-links-wrapper, body.welcome #watchnow-wrapper .streaming-links-wrapper, body.branding #watchnow-wrapper .streaming-links-wrapper { position: relative; text-align: center } body.main.home #watchnow-wrapper .streaming-links-wrapper[data-row="1"], body.main.index #watchnow-wrapper .streaming-links-wrapper[data-row="1"], body.apps #watchnow-wrapper .streaming-links-wrapper[data-row="1"], body.welcome #watchnow-wrapper .streaming-links-wrapper[data-row="1"], body.branding #watchnow-wrapper .streaming-links-wrapper[data-row="1"] { margin-top: 50px } body.main.home #watchnow-wrapper .streaming-links-wrapper[data-row="3"], body.main.index #watchnow-wrapper .streaming-links-wrapper[data-row="3"], body.apps #watchnow-wrapper .streaming-links-wrapper[data-row="3"], body.welcome #watchnow-wrapper .streaming-links-wrapper[data-row="3"], body.branding #watchnow-wrapper .streaming-links-wrapper[data-row="3"] { height: 42px } body.main.home #watchnow-wrapper .streaming-links-wrapper:nth-child(odd) .streaming-links, body.main.index #watchnow-wrapper .streaming-links-wrapper:nth-child(odd) .streaming-links, body.apps #watchnow-wrapper .streaming-links-wrapper:nth-child(odd) .streaming-links, body.welcome #watchnow-wrapper .streaming-links-wrapper:nth-child(odd) .streaming-links, body.branding #watchnow-wrapper .streaming-links-wrapper:nth-child(odd) .streaming-links { right: 10px } body.main.home .trending-wrapper, body.main.index .trending-wrapper, body.apps .trending-wrapper, body.welcome .trending-wrapper, body.branding .trending-wrapper { background: 0 0; height: auto !important } body.main.home .trending-wrapper h1, body.main.index .trending-wrapper h1, body.apps .trending-wrapper h1, body.welcome .trending-wrapper h1, body.branding .trending-wrapper h1 { margin-top: 50px; margin-bottom: 0; font-size: 32px } body.main.home .trending-wrapper h2, body.main.index .trending-wrapper h2, body.apps .trending-wrapper h2, body.welcome .trending-wrapper h2, body.branding .trending-wrapper h2 { margin: 0; font-size: 16px } body.main.home .trending-wrapper .container .row, body.main.index .trending-wrapper .container .row, body.apps .trending-wrapper .container .row, body.welcome .trending-wrapper .container .row, body.branding .trending-wrapper .container .row { height: auto } body.main.home .trending-wrapper .fanarts, body.main.index .trending-wrapper .fanarts, body.apps .trending-wrapper .fanarts, body.welcome .trending-wrapper .fanarts, body.branding .trending-wrapper .fanarts { margin-top: 20px } body.main.home .trending-wrapper .fanarts .fanart .real, body.main.index .trending-wrapper .fanarts .fanart .real, body.apps .trending-wrapper .fanarts .fanart .real, body.welcome .trending-wrapper .fanarts .fanart .real, body.branding .trending-wrapper .fanarts .fanart .real { height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } body.main.home .trending-wrapper .fanarts .grid-item, body.main.index .trending-wrapper .fanarts .grid-item, body.apps .trending-wrapper .fanarts .grid-item, body.welcome .trending-wrapper .fanarts .grid-item, body.branding .trending-wrapper .fanarts .grid-item { margin-bottom: 20px } body.main.home .trending-wrapper .fanarts .grid-item .fanart, body.main.index .trending-wrapper .fanarts .grid-item .fanart, body.apps .trending-wrapper .fanarts .grid-item .fanart, body.welcome .trending-wrapper .fanarts .grid-item .fanart, body.branding .trending-wrapper .fanarts .grid-item .fanart { border-radius: 16px } body.main.home .trending-wrapper .fanarts .grid-item .fanart h4, body.main.index .trending-wrapper .fanarts .grid-item .fanart h4, body.apps .trending-wrapper .fanarts .grid-item .fanart h4, body.welcome .trending-wrapper .fanarts .grid-item .fanart h4, body.branding .trending-wrapper .fanarts .grid-item .fanart h4 { border-radius: 10px; padding: 4px 9px; font-size: 10px } body.main.home .trending-wrapper .fanarts .grid-item .quick-icons, body.main.home .trending-wrapper .fanarts .grid-item .corner-rating, body.main.home .trending-wrapper .fanarts .grid-item .notable-badge, body.main.index .trending-wrapper .fanarts .grid-item .quick-icons, body.main.index .trending-wrapper .fanarts .grid-item .corner-rating, body.main.index .trending-wrapper .fanarts .grid-item .notable-badge, body.apps .trending-wrapper .fanarts .grid-item .quick-icons, body.apps .trending-wrapper .fanarts .grid-item .corner-rating, body.apps .trending-wrapper .fanarts .grid-item .notable-badge, body.welcome .trending-wrapper .fanarts .grid-item .quick-icons, body.welcome .trending-wrapper .fanarts .grid-item .corner-rating, body.welcome .trending-wrapper .fanarts .grid-item .notable-badge, body.branding .trending-wrapper .fanarts .grid-item .quick-icons, body.branding .trending-wrapper .fanarts .grid-item .corner-rating, body.branding .trending-wrapper .fanarts .grid-item .notable-badge { display: none } body.main.home .popular-lists-wrapper, body.main.index .popular-lists-wrapper, body.apps .popular-lists-wrapper, body.welcome .popular-lists-wrapper, body.branding .popular-lists-wrapper { margin: 20px 0 50px; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr; background: 0 0 } body.main.home .popular-lists-wrapper .popular-items-wrapper, body.main.index .popular-lists-wrapper .popular-items-wrapper, body.apps .popular-lists-wrapper .popular-items-wrapper, body.welcome .popular-lists-wrapper .popular-items-wrapper, body.branding .popular-lists-wrapper .popular-items-wrapper { border-radius: 16px; overflow: clip } body.main.home #apps-wrapper .info-wrapper, body.main.index #apps-wrapper .info-wrapper, body.apps #apps-wrapper .info-wrapper, body.welcome #apps-wrapper .info-wrapper, body.branding #apps-wrapper .info-wrapper { text-align: left } body.main.home #apps-wrapper .media-centers-wrapper, body.main.index #apps-wrapper .media-centers-wrapper, body.apps #apps-wrapper .media-centers-wrapper, body.welcome #apps-wrapper .media-centers-wrapper, body.branding #apps-wrapper .media-centers-wrapper { margin: 25px 0 30px -13px } body.main.home #apps-wrapper .label-vip, body.main.index #apps-wrapper .label-vip, body.apps #apps-wrapper .label-vip, body.welcome #apps-wrapper .label-vip, body.branding #apps-wrapper .label-vip { transform: scale(.8); margin: 0 } body.main.home #apps-wrapper .label-beta, body.main.index #apps-wrapper .label-beta, body.apps #apps-wrapper .label-beta, body.welcome #apps-wrapper .label-beta, body.branding #apps-wrapper .label-beta { transform: scale(.8); margin: 0 5px 0 -5px } body.main.home #api-wrapper, body.main.index #api-wrapper, body.apps #api-wrapper, body.welcome #api-wrapper, body.branding #api-wrapper { border-top: solid 1px #ddd } body.main.home #api-wrapper h1 .trakt-icon-trakt, body.main.index #api-wrapper h1 .trakt-icon-trakt, body.apps #api-wrapper h1 .trakt-icon-trakt, body.welcome #api-wrapper h1 .trakt-icon-trakt, body.branding #api-wrapper h1 .trakt-icon-trakt { vertical-align: top; margin-right: 8px } body.main.home #api-wrapper .full-screenshot, body.main.index #api-wrapper .full-screenshot, body.apps #api-wrapper .full-screenshot, body.welcome #api-wrapper .full-screenshot, body.branding #api-wrapper .full-screenshot { opacity: .1; background-position: center } @keyframes scale-up { 0%, 100% { transform: scale(1) } 50% { transform: scale(1.05) } } #dashboard-legal-notice { height: auto; padding-bottom: 60px } #dashboard-legal-notice .legal-speak { padding-top: 30px } #dashboard-legal-notice .legal-speak.summary { background-color: transparent; border: none; padding-bottom: 0 } #dashboard-legal-notice h1 { margin-top: 50px; font-size: 40px } #dashboard-legal-notice a { color: #ed1c24; border-bottom: solid 1px #ed1c24; text-decoration: none; transition: all .5s } #dashboard-legal-notice a:hover { color: #c61017; border-color: #c61017 } #dashboard-legal-notice .accept-terms { font-size: 17px; font-family: proxima nova; padding-left: 5px } #dashboard-legal-notice .accept-terms input[type=checkbox] { display: inline-block; vertical-align: top; margin: 3px 8px 0 12px; width: 16px; height: 16px } #dashboard-legal-notice .accept-terms label { font-weight: 400; display: inline-block; vertical-align: top; width: calc(100% - 37px) } #dashboard-legal-notice .accept-terms .term { padding-top: 5px; margin-bottom: 0; transition: all .5s; position: relative } #dashboard-legal-notice .accept-terms .term .explainer { background-color: rgba(255, 255, 255, .1); padding: 8px 10px; border-radius: 5px; margin-top: 5px; font-style: italic; font-size: 14px; display: inline-block } #dashboard-legal-notice .accept-terms .term .required { position: absolute; right: 10px; font-family: proxima nova bold; font-size: 14px; line-height: 23px; letter-spacing: 1px; letter-spacing: 1p; letter-spacing: 1px; opacity: 0; transition: all .5s } #dashboard-legal-notice .accept-terms .term.has-error { background-color: rgba(237, 28, 36, .25); border-radius: 5px; animation-name: scale-up; animation-duration: 1s } #dashboard-legal-notice .accept-terms .term.has-error .required { opacity: 1 } #dashboard-legal-notice .buttons { padding: 20px 0 0 42px } @keyframes yir-scrolling-wrapper-bg { 0% { background-position-y: 0 } 50% { background-position-y: 100% } 100% { background-position-y: 0 } } @keyframes streaming-links-scroller { 0% { transform: translateX(0%) } 50% { transform: translateX(-50%) } 100% { transform: translateX(0%) } } @keyframes streaming-links-scroller-reverse { 0% { transform: translateX(0%) } 50% { transform: translateX(50%) } 100% { transform: translateX(0%) } } #yir-2022-wrapper, #yir-2023-wrapper { height: auto; margin-bottom: 100px } #yir-2022-wrapper .full-screenshot, #yir-2023-wrapper .full-screenshot { background-position: 0 0; background-repeat: repeat; animation: yir-scrolling-wrapper-bg 120s infinite linear } #yir-2022-wrapper .info-wrapper h1, #yir-2023-wrapper .info-wrapper h1 { margin-top: 40px } #yir-2022-wrapper .logo-wrapper, #yir-2023-wrapper .logo-wrapper { margin-top: 100px; position: relative; text-align: right } #yir-2022-wrapper .logo-wrapper img, #yir-2023-wrapper .logo-wrapper img { margin-top: 90px; max-width: 85% } #yir-2023-wrapper { margin-bottom: 0; padding-bottom: 50px } #yir-2023-wrapper .logo-wrapper { margin-top: 0 } #yir-2023-wrapper .logo-wrapper img { margin-top: 50px } @media(width:1024px) and (height:768px) { body.main.home #watching-wrapper, body.main.index #watching-wrapper, body.apps #watching-wrapper { height: 100vh } } @media(max-width:991px) { body.main.home header#top-nav .navbar-nav .btn-primary, body.main.index header#top-nav .navbar-nav .btn-primary { opacity: 1 } body.main.home .media-centers-wrapper a img, body.main.home .media-centers-wrapper a .fa, body.main.home .media-centers-wrapper a [class^=fa-], body.main.home .media-centers-wrapper a [class*=" fa-"], body.main.index .media-centers-wrapper a img, body.main.index .media-centers-wrapper a .fa, body.main.index .media-centers-wrapper a [class^=fa-], body.main.index .media-centers-wrapper a [class*=" fa-"], body.apps .media-centers-wrapper a img, body.apps .media-centers-wrapper a .fa, body.apps .media-centers-wrapper a [class^=fa-], body.apps .media-centers-wrapper a [class*=" fa-"] { margin: 0 7px } body.main.home .media-centers-wrapper a img, body.main.index .media-centers-wrapper a img, body.apps .media-centers-wrapper a img { max-height: 25px } body.main.home .media-centers-wrapper a .fa, body.main.home .media-centers-wrapper a [class^=fa-], body.main.home .media-centers-wrapper a [class*=" fa-"], body.main.index .media-centers-wrapper a .fa, body.main.index .media-centers-wrapper a [class^=fa-], body.main.index .media-centers-wrapper a [class*=" fa-"], body.apps .media-centers-wrapper a .fa, body.apps .media-centers-wrapper a [class^=fa-], body.apps .media-centers-wrapper a [class*=" fa-"] { font-size: 26px } body.main.home .popular-lists-wrapper, body.main.index .popular-lists-wrapper, body.apps .popular-lists-wrapper { grid-template-columns: 1fr 1fr } } @media(max-width:767px) { body.main.home #map-wrapper, body.main.index #map-wrapper { height: 400px } body.main.home #map-wrapper .full-screenshot, body.main.index #map-wrapper .full-screenshot { background-position: 50% 110px; background-size: 560px 320px } body.main.home #map-wrapper .stats, body.main.index #map-wrapper .stats { margin: 0 -10px } body.main.home #map-wrapper .stats li, body.main.index #map-wrapper .stats li { font-size: 19px; height: 70px } body.main.home #map-wrapper .stats li.plays, body.main.index #map-wrapper .stats li.plays { font-size: 23px; line-height: 70px; padding: 0; text-align: center } #ios-beta-wrapper, #ios-public-wrapper, #traktcasts-ios-beta-wrapper, #android-app-beta-wrapper, #android-public-wrapper, #mobile-public-wrapper, #mobile-home-wrapper, #tvos-public-wrapper, #dec-crash-wrapper, #dec-crash-history-recovered, #yir-2022-wrapper, #yir-2023-wrapper, #updated-legal-notice, #db-welcome-wrapper { height: auto !important; padding-bottom: 0 !important } #ios-beta-wrapper .shadow-full-width, #ios-public-wrapper .shadow-full-width, #traktcasts-ios-beta-wrapper .shadow-full-width, #android-app-beta-wrapper .shadow-full-width, #android-public-wrapper .shadow-full-width, #mobile-public-wrapper .shadow-full-width, #mobile-home-wrapper .shadow-full-width, #tvos-public-wrapper .shadow-full-width, #dec-crash-wrapper .shadow-full-width, #dec-crash-history-recovered .shadow-full-width, #yir-2022-wrapper .shadow-full-width, #yir-2023-wrapper .shadow-full-width, #updated-legal-notice .shadow-full-width, #db-welcome-wrapper .shadow-full-width { display: none } #ios-beta-wrapper h1, #ios-public-wrapper h1, #traktcasts-ios-beta-wrapper h1, #android-app-beta-wrapper h1, #android-public-wrapper h1, #mobile-public-wrapper h1, #mobile-home-wrapper h1, #tvos-public-wrapper h1, #dec-crash-wrapper h1, #dec-crash-history-recovered h1, #yir-2022-wrapper h1, #yir-2023-wrapper h1, #updated-legal-notice h1, #db-welcome-wrapper h1 { margin-top: 0; margin-bottom: 15px; font-size: 32px } #ios-beta-wrapper h1 .label-vip, #ios-public-wrapper h1 .label-vip, #traktcasts-ios-beta-wrapper h1 .label-vip, #android-app-beta-wrapper h1 .label-vip, #android-public-wrapper h1 .label-vip, #mobile-public-wrapper h1 .label-vip, #mobile-home-wrapper h1 .label-vip, #tvos-public-wrapper h1 .label-vip, #dec-crash-wrapper h1 .label-vip, #dec-crash-history-recovered h1 .label-vip, #yir-2022-wrapper h1 .label-vip, #yir-2023-wrapper h1 .label-vip, #updated-legal-notice h1 .label-vip, #db-welcome-wrapper h1 .label-vip { margin-left: 0 } #ios-beta-wrapper .full-screenshot, #ios-public-wrapper .full-screenshot, #traktcasts-ios-beta-wrapper .full-screenshot, #android-app-beta-wrapper .full-screenshot, #android-public-wrapper .full-screenshot, #mobile-public-wrapper .full-screenshot, #mobile-home-wrapper .full-screenshot, #tvos-public-wrapper .full-screenshot, #dec-crash-wrapper .full-screenshot, #dec-crash-history-recovered .full-screenshot, #yir-2022-wrapper .full-screenshot, #yir-2023-wrapper .full-screenshot, #updated-legal-notice .full-screenshot, #db-welcome-wrapper .full-screenshot { background-position: 20% top } #ios-beta-wrapper .info-wrapper, #ios-public-wrapper .info-wrapper, #traktcasts-ios-beta-wrapper .info-wrapper, #android-app-beta-wrapper .info-wrapper, #android-public-wrapper .info-wrapper, #mobile-public-wrapper .info-wrapper, #mobile-home-wrapper .info-wrapper, #tvos-public-wrapper .info-wrapper, #dec-crash-wrapper .info-wrapper, #dec-crash-history-recovered .info-wrapper, #yir-2022-wrapper .info-wrapper, #yir-2023-wrapper .info-wrapper, #updated-legal-notice .info-wrapper, #db-welcome-wrapper .info-wrapper { background-color: rgba(0, 0, 0, .8); padding: 70px 30px; width: 100%; height: 100%; text-align: center; color: #fff } #ios-beta-wrapper .btn-secondary, #ios-public-wrapper .btn-secondary, #traktcasts-ios-beta-wrapper .btn-secondary, #android-app-beta-wrapper .btn-secondary, #android-public-wrapper .btn-secondary, #mobile-public-wrapper .btn-secondary, #mobile-home-wrapper .btn-secondary, #tvos-public-wrapper .btn-secondary, #dec-crash-wrapper .btn-secondary, #dec-crash-history-recovered .btn-secondary, #yir-2022-wrapper .btn-secondary, #yir-2023-wrapper .btn-secondary, #updated-legal-notice .btn-secondary, #db-welcome-wrapper .btn-secondary { margin-left: 0; margin-top: 20px } #traktcasts-ios-beta-wrapper .full-app-overlay { width: 100%; margin: 0; left: 0 } #traktcasts-ios-beta-wrapper .info-wrapper { background-color: transparent; padding: 160px 30px 30px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B3000000', GradientType=0); text-align: left } #traktcasts-ios-beta-wrapper .info-wrapper h1 { font-size: 24px !important; line-height: 26px } #traktcasts-ios-beta-wrapper .info-wrapper h2 { font-size: 16px !important; margin: 15px 0 } #traktcasts-ios-beta-wrapper .info-wrapper .buttons .btn { margin: 0 !important } #traktcasts-ios-beta-wrapper .info-wrapper .buttons .btn.btn-secondary { margin-top: 20px !important } #yir-2022-wrapper .info-wrapper, #yir-2023-wrapper .info-wrapper { background: 0 0 } #yir-2022-wrapper .year-mobile, #yir-2023-wrapper .year-mobile { max-width: 80%; margin-bottom: 50px } #yir-2022-wrapper .full-screenshot, #yir-2023-wrapper .full-screenshot { background-position: 50% 0; animation: yir-scrolling-wrapper-bg 120s infinite linear } #yir-2023-wrapper .year-mobile { padding-bottom: 40px; margin-bottom: 0; border-bottom: 1px solid #eee } #yir-2023-wrapper .info-wrapper { padding-top: 20px; padding-bottom: 30px } #android-app-beta-wrapper .full-screenshot, #android-public-wrapper .full-screenshot, #tvos-public-wrapper .full-screenshot, #dec-crash-wrapper .full-screenshot, #dec-crash-history-recovered .full-screenshot { background-position: 80% top } #db-welcome-wrapper h1 { margin-top: 0 } #db-welcome-wrapper ol { margin-bottom: 0; grid-template-columns: 1fr } body.main.home #watching-wrapper, body.main.home .hero-wrapper, body.main.index #watching-wrapper, body.main.index .hero-wrapper, body.apps #watching-wrapper, body.apps .hero-wrapper, body.branding #watching-wrapper, body.branding .hero-wrapper { height: 100vh; transition: all .5s } body.main.home #watching-wrapper h1, body.main.home .hero-wrapper h1, body.main.index #watching-wrapper h1, body.main.index .hero-wrapper h1, body.apps #watching-wrapper h1, body.apps .hero-wrapper h1, body.branding #watching-wrapper h1, body.branding .hero-wrapper h1 { font-size: 24px !important; line-height: 26px; margin-top: 0 } body.main.home #watching-wrapper h2, body.main.home .hero-wrapper h2, body.main.index #watching-wrapper h2, body.main.index .hero-wrapper h2, body.apps #watching-wrapper h2, body.apps .hero-wrapper h2, body.branding #watching-wrapper h2, body.branding .hero-wrapper h2 { font-size: 16px !important; margin: 15px 0 } body.main.home .hero-wrapper .buttons, body.main.index .hero-wrapper .buttons, body.apps .hero-wrapper .buttons, body.branding .hero-wrapper .buttons { margin-top: 0 } body.main.home .hero-wrapper .buttons .btn, body.main.index .hero-wrapper .buttons .btn, body.apps .hero-wrapper .buttons .btn, body.branding .hero-wrapper .buttons .btn { margin: 20px 10px 0 !important } body.main.home #scrobblers-wrapper, body.main.home #apps-wrapper, body.main.home #ios-beta-wrapper, body.main.home #ios-public-wrapper, body.main.home #android-app-beta-wrapper, body.main.home #android-public-wrapper, body.main.home #mobile-public-wrapper, body.main.home #mobile-home-wrapper, body.main.home #tvos-public-wrapper, body.main.home #dec-crash-wrapper, body.main.home #dec-crash-history-recovered, body.main.home #db-welcome-wrapper, body.main.index #scrobblers-wrapper, body.main.index #apps-wrapper, body.main.index #ios-beta-wrapper, body.main.index #ios-public-wrapper, body.main.index #android-app-beta-wrapper, body.main.index #android-public-wrapper, body.main.index #mobile-public-wrapper, body.main.index #mobile-home-wrapper, body.main.index #tvos-public-wrapper, body.main.index #dec-crash-wrapper, body.main.index #dec-crash-history-recovered, body.main.index #db-welcome-wrapper, body.apps #scrobblers-wrapper, body.apps #apps-wrapper, body.apps #ios-beta-wrapper, body.apps #ios-public-wrapper, body.apps #android-app-beta-wrapper, body.apps #android-public-wrapper, body.apps #mobile-public-wrapper, body.apps #mobile-home-wrapper, body.apps #tvos-public-wrapper, body.apps #dec-crash-wrapper, body.apps #dec-crash-history-recovered, body.apps #db-welcome-wrapper, body.branding #scrobblers-wrapper, body.branding #apps-wrapper, body.branding #ios-beta-wrapper, body.branding #ios-public-wrapper, body.branding #android-app-beta-wrapper, body.branding #android-public-wrapper, body.branding #mobile-public-wrapper, body.branding #mobile-home-wrapper, body.branding #tvos-public-wrapper, body.branding #dec-crash-wrapper, body.branding #dec-crash-history-recovered, body.branding #db-welcome-wrapper { height: auto } body.main.home #scrobblers-wrapper .info-wrapper, body.main.home #apps-wrapper .info-wrapper, body.main.home #ios-beta-wrapper .info-wrapper, body.main.home #ios-public-wrapper .info-wrapper, body.main.home #android-app-beta-wrapper .info-wrapper, body.main.home #android-public-wrapper .info-wrapper, body.main.home #mobile-public-wrapper .info-wrapper, body.main.home #mobile-home-wrapper .info-wrapper, body.main.home #tvos-public-wrapper .info-wrapper, body.main.home #dec-crash-wrapper .info-wrapper, body.main.home #dec-crash-history-recovered .info-wrapper, body.main.home #db-welcome-wrapper .info-wrapper, body.main.index #scrobblers-wrapper .info-wrapper, body.main.index #apps-wrapper .info-wrapper, body.main.index #ios-beta-wrapper .info-wrapper, body.main.index #ios-public-wrapper .info-wrapper, body.main.index #android-app-beta-wrapper .info-wrapper, body.main.index #android-public-wrapper .info-wrapper, body.main.index #mobile-public-wrapper .info-wrapper, body.main.index #mobile-home-wrapper .info-wrapper, body.main.index #tvos-public-wrapper .info-wrapper, body.main.index #dec-crash-wrapper .info-wrapper, body.main.index #dec-crash-history-recovered .info-wrapper, body.main.index #db-welcome-wrapper .info-wrapper, body.apps #scrobblers-wrapper .info-wrapper, body.apps #apps-wrapper .info-wrapper, body.apps #ios-beta-wrapper .info-wrapper, body.apps #ios-public-wrapper .info-wrapper, body.apps #android-app-beta-wrapper .info-wrapper, body.apps #android-public-wrapper .info-wrapper, body.apps #mobile-public-wrapper .info-wrapper, body.apps #mobile-home-wrapper .info-wrapper, body.apps #tvos-public-wrapper .info-wrapper, body.apps #dec-crash-wrapper .info-wrapper, body.apps #dec-crash-history-recovered .info-wrapper, body.apps #db-welcome-wrapper .info-wrapper, body.branding #scrobblers-wrapper .info-wrapper, body.branding #apps-wrapper .info-wrapper, body.branding #ios-beta-wrapper .info-wrapper, body.branding #ios-public-wrapper .info-wrapper, body.branding #android-app-beta-wrapper .info-wrapper, body.branding #android-public-wrapper .info-wrapper, body.branding #mobile-public-wrapper .info-wrapper, body.branding #mobile-home-wrapper .info-wrapper, body.branding #tvos-public-wrapper .info-wrapper, body.branding #dec-crash-wrapper .info-wrapper, body.branding #dec-crash-history-recovered .info-wrapper, body.branding #db-welcome-wrapper .info-wrapper { background-color: rgba(0, 0, 0, .8); padding: 70px 30px; width: 100%; height: 100%; text-align: center; color: #fff } body.main.home #ios-beta-wrapper, body.main.home #ios-public-wrapper, body.main.home #android-app-beta-wrapper, body.main.home #android-public-wrapper, body.main.home #mobile-public-wrapper, body.main.home #mobile-home-wrapper, body.main.home #tvos-public-wrapper, body.main.home #dec-crash-wrapper, body.main.home #dec-crash-history-recovered, body.main.home #db-welcome-wrapper, body.main.index #ios-beta-wrapper, body.main.index #ios-public-wrapper, body.main.index #android-app-beta-wrapper, body.main.index #android-public-wrapper, body.main.index #mobile-public-wrapper, body.main.index #mobile-home-wrapper, body.main.index #tvos-public-wrapper, body.main.index #dec-crash-wrapper, body.main.index #dec-crash-history-recovered, body.main.index #db-welcome-wrapper, body.apps #ios-beta-wrapper, body.apps #ios-public-wrapper, body.apps #android-app-beta-wrapper, body.apps #android-public-wrapper, body.apps #mobile-public-wrapper, body.apps #mobile-home-wrapper, body.apps #tvos-public-wrapper, body.apps #dec-crash-wrapper, body.apps #dec-crash-history-recovered, body.apps #db-welcome-wrapper, body.branding #ios-beta-wrapper, body.branding #ios-public-wrapper, body.branding #android-app-beta-wrapper, body.branding #android-public-wrapper, body.branding #mobile-public-wrapper, body.branding #mobile-home-wrapper, body.branding #tvos-public-wrapper, body.branding #dec-crash-wrapper, body.branding #dec-crash-history-recovered, body.branding #db-welcome-wrapper { padding-bottom: 0 !important } body.main.home #ios-beta-wrapper .info-wrapper, body.main.home #ios-public-wrapper .info-wrapper, body.main.home #android-app-beta-wrapper .info-wrapper, body.main.home #android-public-wrapper .info-wrapper, body.main.home #mobile-public-wrapper .info-wrapper, body.main.home #mobile-home-wrapper .info-wrapper, body.main.home #tvos-public-wrapper .info-wrapper, body.main.home #dec-crash-wrapper .info-wrapper, body.main.home #dec-crash-history-recovered .info-wrapper, body.main.home #db-welcome-wrapper .info-wrapper, body.main.index #ios-beta-wrapper .info-wrapper, body.main.index #ios-public-wrapper .info-wrapper, body.main.index #android-app-beta-wrapper .info-wrapper, body.main.index #android-public-wrapper .info-wrapper, body.main.index #mobile-public-wrapper .info-wrapper, body.main.index #mobile-home-wrapper .info-wrapper, body.main.index #tvos-public-wrapper .info-wrapper, body.main.index #dec-crash-wrapper .info-wrapper, body.main.index #dec-crash-history-recovered .info-wrapper, body.main.index #db-welcome-wrapper .info-wrapper, body.apps #ios-beta-wrapper .info-wrapper, body.apps #ios-public-wrapper .info-wrapper, body.apps #android-app-beta-wrapper .info-wrapper, body.apps #android-public-wrapper .info-wrapper, body.apps #mobile-public-wrapper .info-wrapper, body.apps #mobile-home-wrapper .info-wrapper, body.apps #tvos-public-wrapper .info-wrapper, body.apps #dec-crash-wrapper .info-wrapper, body.apps #dec-crash-history-recovered .info-wrapper, body.apps #db-welcome-wrapper .info-wrapper, body.branding #ios-beta-wrapper .info-wrapper, body.branding #ios-public-wrapper .info-wrapper, body.branding #android-app-beta-wrapper .info-wrapper, body.branding #android-public-wrapper .info-wrapper, body.branding #mobile-public-wrapper .info-wrapper, body.branding #mobile-home-wrapper .info-wrapper, body.branding #tvos-public-wrapper .info-wrapper, body.branding #dec-crash-wrapper .info-wrapper, body.branding #dec-crash-history-recovered .info-wrapper, body.branding #db-welcome-wrapper .info-wrapper { background-color: rgba(0, 0, 0, .6) } body.main.home #scrobblers-wrapper .full-screenshot, body.main.index #scrobblers-wrapper .full-screenshot, body.apps #scrobblers-wrapper .full-screenshot, body.branding #scrobblers-wrapper .full-screenshot { background-position: 65% top } body.main.home #scrobblers-wrapper .media-centers-wrapper, body.main.index #scrobblers-wrapper .media-centers-wrapper, body.apps #scrobblers-wrapper .media-centers-wrapper, body.branding #scrobblers-wrapper .media-centers-wrapper { margin: 15px -30px 10px } body.main.home #scrobblers-wrapper .media-centers-wrapper a, body.main.index #scrobblers-wrapper .media-centers-wrapper a, body.apps #scrobblers-wrapper .media-centers-wrapper a, body.branding #scrobblers-wrapper .media-centers-wrapper a { margin-top: 10px } body.main.home #apps-wrapper, body.main.index #apps-wrapper, body.apps #apps-wrapper, body.branding #apps-wrapper { padding-bottom: 0 } body.main.home #apps-wrapper h1, body.main.index #apps-wrapper h1, body.apps #apps-wrapper h1, body.branding #apps-wrapper h1 { margin-top: 0 } body.main.home #apps-wrapper .full-screenshot, body.main.index #apps-wrapper .full-screenshot, body.apps #apps-wrapper .full-screenshot, body.branding #apps-wrapper .full-screenshot { background-position: 15% top } body.main.home #apps-wrapper .media-centers-wrapper, body.main.index #apps-wrapper .media-centers-wrapper, body.apps #apps-wrapper .media-centers-wrapper, body.branding #apps-wrapper .media-centers-wrapper { margin-bottom: 10px } body.main.home #watching-wrapper .shade, body.main.index #watching-wrapper .shade, body.apps #watching-wrapper .shade, body.branding #watching-wrapper .shade { background: rgba(0, 0, 0, .6) } body.main.home #watching-wrapper .info-wrapper h1, body.main.index #watching-wrapper .info-wrapper h1, body.apps #watching-wrapper .info-wrapper h1, body.branding #watching-wrapper .info-wrapper h1 { font-size: 28px !important } body.main.home #watching-wrapper .info-wrapper h2, body.main.index #watching-wrapper .info-wrapper h2, body.apps #watching-wrapper .info-wrapper h2, body.branding #watching-wrapper .info-wrapper h2 { font-size: 16px !important } body.main.home #watching-wrapper .trakt-full, body.main.index #watching-wrapper .trakt-full, body.apps #watching-wrapper .trakt-full, body.branding #watching-wrapper .trakt-full { font-size: 40px; margin: 0 0 30px; border-bottom: solid 1px rgba(255, 255, 255, .2); padding-bottom: 20px; text-align: center; font-family: proxima nova bold; text-transform: uppercase; letter-spacing: 4px } body.main.home #watching-wrapper .trakt-full img, body.main.index #watching-wrapper .trakt-full img, body.apps #watching-wrapper .trakt-full img, body.branding #watching-wrapper .trakt-full img { width: 50px; height: 50px; vertical-align: text-bottom; margin-right: 10px } body.main.home #watching-wrapper .buttons, body.main.index #watching-wrapper .buttons, body.apps #watching-wrapper .buttons, body.branding #watching-wrapper .buttons { margin-top: 40px } body.main.home #watching-wrapper .buttons .btn, body.main.index #watching-wrapper .buttons .btn, body.apps #watching-wrapper .buttons .btn, body.branding #watching-wrapper .buttons .btn { display: block; margin: 0 auto; width: 50% } body.main.home #watching-wrapper .buttons .btn-signin, body.main.index #watching-wrapper .buttons .btn-signin, body.apps #watching-wrapper .buttons .btn-signin, body.branding #watching-wrapper .buttons .btn-signin { text-decoration: none; text-shadow: none; background-color: rgba(255, 255, 255, .2); margin-top: 15px } body.main.home #watching-wrapper .works-with, body.main.index #watching-wrapper .works-with, body.apps #watching-wrapper .works-with, body.branding #watching-wrapper .works-with { bottom: 20px } body.main.home #watching-wrapper .media-centers-wrapper a, body.main.index #watching-wrapper .media-centers-wrapper a, body.apps #watching-wrapper .media-centers-wrapper a, body.branding #watching-wrapper .media-centers-wrapper a { margin-top: 10px } body.main.home #watching-wrapper .icons-header, body.main.index #watching-wrapper .icons-header, body.apps #watching-wrapper .icons-header, body.branding #watching-wrapper .icons-header { margin-bottom: 5px; opacity: .8 } body.main.home #watchnow-wrapper, body.main.index #watchnow-wrapper, body.apps #watchnow-wrapper, body.branding #watchnow-wrapper { padding-bottom: 30px } body.main.home #watchnow-wrapper h1, body.main.index #watchnow-wrapper h1, body.apps #watchnow-wrapper h1, body.branding #watchnow-wrapper h1 { margin-top: 50px } body.main.home #watchnow-wrapper .streaming-links, body.main.index #watchnow-wrapper .streaming-links, body.apps #watchnow-wrapper .streaming-links, body.branding #watchnow-wrapper .streaming-links { grid-template-columns: repeat(3, 1fr) } body.main.home #watchnow-wrapper .shade-streaming-links, body.main.index #watchnow-wrapper .shade-streaming-links, body.apps #watchnow-wrapper .shade-streaming-links, body.branding #watchnow-wrapper .shade-streaming-links { height: 90px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#CC000000', GradientType=0) } body.main.home .trending-wrapper, body.main.index .trending-wrapper, body.apps .trending-wrapper, body.branding .trending-wrapper { padding-top: 30px; padding-left: 10px; padding-right: 10px } body.main.home .trending-wrapper h2, body.main.index .trending-wrapper h2, body.apps .trending-wrapper h2, body.branding .trending-wrapper h2 { margin-top: 0; margin-bottom: 0; font-size: 11px } body.main.home .popular-lists-wrapper, body.main.index .popular-lists-wrapper, body.apps .popular-lists-wrapper, body.branding .popular-lists-wrapper { margin: 20px 0 50px; grid-gap: 0; grid-template-columns: 1fr } body.main.home .popular-lists-wrapper .popular-items-wrapper, body.main.index .popular-lists-wrapper .popular-items-wrapper, body.apps .popular-lists-wrapper .popular-items-wrapper, body.branding .popular-lists-wrapper .popular-items-wrapper { margin-bottom: 20px } body.main.home #watchnow-wrapper .shade, body.main.home #api-wrapper .shade, body.main.index #watchnow-wrapper .shade, body.main.index #api-wrapper .shade, body.apps #watchnow-wrapper .shade, body.apps #api-wrapper .shade, body.branding #watchnow-wrapper .shade, body.branding #api-wrapper .shade { background: -moz-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(100%, rgba(0, 0, 0, 0.1))); background: -webkit-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.1) 100%); background: -o-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.1) 100%); background: radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.1) 100%) } #dashboard-legal-notice { padding-bottom: 30px; padding-left: 10px; padding-right: 10px } #dashboard-legal-notice h2 { font-size: 16px } #dashboard-legal-notice .legal-speak { padding-top: 0 } #dashboard-legal-notice .legal-speak.summary ul { font-size: 15px } #dashboard-legal-notice .accept-terms { font-size: 14px } #dashboard-legal-notice .accept-terms .term .explainer { padding: 5px 8px; font-size: 12px } #dashboard-legal-notice .accept-terms .term .required { display: none } #dashboard-legal-notice .buttons { padding: 20px 0 0 42px } } @media(min-width:768px) { body.main.home #scrobblers-wrapper .media-centers-wrapper a.mrmc .light, body.main.index #scrobblers-wrapper .media-centers-wrapper a.mrmc .light { display: none !important } body.main.home #scrobblers-wrapper .media-centers-wrapper a.mrmc .dark, body.main.index #scrobblers-wrapper .media-centers-wrapper a.mrmc .dark { display: inline !important; visibility: visible !important } } body.applications section#top-stat { width: 100%; padding-top: 70px; height: 300px; background: #999; background-image: -webkit-linear-gradient(top, #999, #8c8c8c) } body.applications .api-terms { background-color: #fafafa; border-top: solid 1px #eee; border-bottom: solid 1px #eee; color: #555; margin: 0 0 10px; padding-top: 20px; padding-bottom: 10px } body.applications .api-terms .title { color: #000; margin-bottom: 15px } body.applications .alert-danger { text-align: center } body.applications .credentials { margin-top: 5px !important } body.applications .redirect-uris p { margin-top: 5px !important } body.applications .redirect-uris .btn-success { padding: 2px 5px; font-size: 12px } body.applications .qr-code { width: 128px; height: 128px; border: solid 1px #eee } body.applications .permissions-checkboxes label { display: block; font-weight: 400; margin-top: 7px } body.applications .permissions-checkboxes label input { margin-right: 5px } body.applications .permissions-checkboxes label .fa, body.applications .permissions-checkboxes label [class^=fa-], body.applications .permissions-checkboxes label [class*=" fa-"] { margin-left: 5px; font-size: 12px } .form-group .under-help, .form-group .side-help, .form-group .help-block, .form-group .control-group.boolean label { color: #999; font-size: 12px; font-style: italic; margin-top: 5px } .form-group .under-help code, .form-group .side-help code, .form-group .help-block code, .form-group .control-group.boolean label code { font-style: normal } .form-group .settings-inline-link { color: #ed1c24; text-transform: uppercase; font-size: 11px; margin-top: 9px; display: block; cursor: pointer } .form-group .help-block { color: #a94442; font-weight: 700 } .form-group .side-help { font-weight: 400; margin-top: 0 } .form-group .control-group.boolean { display: inline-block } .form-group .control-group.boolean label.checkbox { margin-top: 0; font-weight: 400 } .form-group .control-group.boolean label.checkbox input { margin-right: 5px; position: relative } .form-group .label-vip.smaller, .form-group .label-beta.smaller { float: right; margin-top: 5px } #summary-wrapper .full-screenshot, .summary-wrapper .full-screenshot, #watching-wrapper .full-screenshot, .hero-wrapper .full-screenshot, #statics-top-wrapper .full-screenshot, #podcast-player-wrapper .full-screenshot { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-position: 50% 10%; opacity: 0; transition: all 1s } #summary-wrapper .full-screenshot.enabled, .summary-wrapper .full-screenshot.enabled, #watching-wrapper .full-screenshot.enabled, .hero-wrapper .full-screenshot.enabled, #statics-top-wrapper .full-screenshot.enabled, #podcast-player-wrapper .full-screenshot.enabled { opacity: 1 } #summary-wrapper .full-app-overlay, .summary-wrapper .full-app-overlay, #watching-wrapper .full-app-overlay, .hero-wrapper .full-app-overlay, #statics-top-wrapper .full-app-overlay, #podcast-player-wrapper .full-app-overlay { background-size: 100%; background-repeat: no-repeat; background-position: 100% 30px; position: absolute; top: 0; bottom: 0; left: 50%; width: 580px; margin-left: -580px } #summary-wrapper .full-gradient, .summary-wrapper .full-gradient, #watching-wrapper .full-gradient, .hero-wrapper .full-gradient, #statics-top-wrapper .full-gradient, #podcast-player-wrapper .full-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background: linear-gradient(to bottom right, var(--gradient-1), var(--gradient-2)) } #summary-wrapper .full-gradient .icon-bg, .summary-wrapper .full-gradient .icon-bg, #watching-wrapper .full-gradient .icon-bg, .hero-wrapper .full-gradient .icon-bg, #statics-top-wrapper .full-gradient .icon-bg, #podcast-player-wrapper .full-gradient .icon-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url(/assets/patterns/mic-649aec0dcaf8867de79f80a2d1a5dbcff8dbb1b5083dd6154e5393c35a59c4c3.png); background-size: 50px 50px; opacity: .15 } #summary-wrapper, .summary-wrapper { background-color: #000; background-size: cover; background-position: 50% 10%; transition: all .5s; height: calc(500px + var(--header-height)); color: #fff; position: relative } #summary-wrapper .mobile-poster, .summary-wrapper .mobile-poster { display: none; margin-bottom: 0 } #summary-wrapper .mobile-poster .rewatching-badge, #summary-wrapper .mobile-poster .notable-badge, .summary-wrapper .mobile-poster .rewatching-badge, .summary-wrapper .mobile-poster .notable-badge { left: -10px } #summary-wrapper .mobile-poster .notable-badge ~ .rewatching-badge, .summary-wrapper .mobile-poster .notable-badge ~ .rewatching-badge { left: 10px } #summary-wrapper .shadow-base, .summary-wrapper .shadow-base { height: 120px; bottom: 60px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0) } #summary-wrapper .shadow, .summary-wrapper .shadow { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=1); position: relative; height: 100%; width: 100%; position: absolute; top: 0; left: 0 } #summary-wrapper .stats-wrapper, .summary-wrapper .stats-wrapper { position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, .8) } #summary-wrapper .stats-wrapper .container, .summary-wrapper .stats-wrapper .container { height: 40px; padding: 10px 0; position: relative } #summary-wrapper .stats-wrapper .container .row, .summary-wrapper .stats-wrapper .container .row { margin: 0 } #summary-wrapper .summary, .summary-wrapper .summary { height: 100%; position: relative; bottom: 70px } #summary-wrapper .summary .container, .summary-wrapper .summary .container { position: absolute; bottom: 0; left: 0; right: 0 } #summary-wrapper .summary .container a, .summary-wrapper .summary .container a { text-decoration: none; transition: all .5s } #summary-wrapper .summary .container a:hover, .summary-wrapper .summary .container a:hover { color: #ed1c24 } #summary-wrapper .summary .container h1, .summary-wrapper .summary .container h1 { margin: 0; text-shadow: 0 0 20px #000; line-height: 1.2 } #summary-wrapper .summary .container h1 .main-title-abs, .summary-wrapper .summary .container h1 .main-title-abs { font-family: proxima nova semibold !important } #summary-wrapper .summary .container h1 .main-title-sxe, .summary-wrapper .summary .container h1 .main-title-sxe { font-family: proxima nova semibold !important } #summary-wrapper .summary .container h1.episode, .summary-wrapper .summary .container h1.episode { font-family: proxima nova } #summary-wrapper .summary .container h1 .year, .summary-wrapper .summary .container h1 .year { font-family: proxima nova; font-size: 25px; color: #999 } #summary-wrapper .summary .container h1 a, .summary-wrapper .summary .container h1 a { color: #fff } #summary-wrapper .summary .container h1 .certification, .summary-wrapper .summary .container h1 .certification { margin-left: 10px } #summary-wrapper .summary .container h2, .summary-wrapper .summary .container h2 { font-size: 18px; margin-bottom: 5px; margin-top: 0; color: #eee; font-family: proxima nova semibold; text-shadow: 0 0 20px #000 } #summary-wrapper .summary .container h2 a, .summary-wrapper .summary .container h2 a { color: #eee } #summary-wrapper .summary .container h3, .summary-wrapper .summary .container h3 { font-size: 14px; text-transform: uppercase; margin: 0 0 5px; font-family: proxima nova bold } #summary-wrapper .summary .container h3 .trakt-icon-list-thick, .summary-wrapper .summary .container h3 .trakt-icon-list-thick { vertical-align: bottom } #summary-wrapper .summary .container h4, .summary-wrapper .summary .container h4 { background-color: #ed1c24; color: #fff; font-size: 11px; display: inline-block; padding: 3px 5px; margin: 0 5px 5px 0; font-family: proxima nova semibold; height: auto } #summary-wrapper .summary .container h4.premiere, .summary-wrapper .summary .container h4.premiere { background-color: #08a508 } #summary-wrapper .summary .container .certification, .summary-wrapper .summary .container .certification { display: inline-block; border: solid 1px #fff; font-size: 12px; padding: 2px 4px 1px; border-radius: 2px; vertical-align: middle; font-family: proxima nova semibold; transition: all .5s; cursor: pointer } #summary-wrapper .summary .container .certification:hover, .summary-wrapper .summary .container .certification:hover { background-color: #fff; color: #000 } #summary-wrapper.slim.with-ratings { height: calc(210px + var(--header-height)) } #summary-wrapper.slim:not(.with-ratings) { height: calc(150px + var(--header-height)); background-position: 50% 10% } #summary-wrapper.slim:not(.with-ratings) .shadow-base { bottom: 0 } #summary-wrapper.slim:not(.with-ratings) .summary { bottom: 10px } #summary-wrapper.slim:not(.with-ratings) .summary.with-stats { bottom: 50px } #summary-wrapper.slim:not(.with-ratings) .comment-stats { text-transform: uppercase; font-family: proxima nova semibold } #summary-wrapper.slim:not(.with-ratings) .comment-stats .pill { color: #fff; background-color: #ed1c24; padding: 1px 5px; border-radius: 3px; margin-left: 5px } #summary-wrapper.slim:not(.with-ratings) .comment-stats a { color: #aaa } #summary-wrapper.slim:not(.with-ratings) .comment-stats a .alt { color: #fff } #summary-wrapper.slim:not(.with-ratings) .comment-stats .user-avatar { width: 26px; float: left; margin: 7px 5px 0 0 } #summary-wrapper.slim:not(.with-ratings) .comment-stats .user-avatar img { border: none; margin: none } #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions { float: right } #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions a { color: #fff; text-decoration: none } #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions a:not(:first-child) { margin-left: 15px } #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions [class^=trakt-icon-], #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions [class*=" trakt-icon-"] { font-size: 24px; margin-right: 5px } #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions .like { cursor: pointer } #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions .like .trakt-icon { vertical-align: middle; margin-top: -6px } #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions .like.selected .trakt-icon:before { content: "\e612" } #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions .rating .fa, #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions .rating [class^=fa-], #summary-wrapper.slim:not(.with-ratings) .comment-stats .interactions .rating [class*=" fa-"] { font-size: 20px; vertical-align: sub; margin-right: 5px } .previous-item-link, .next-item-link { color: #fff !important; position: absolute; top: 188px; font-size: 100px; display: block; text-shadow: #666 0 0 10px; transition: all .5s; opacity: .5; text-decoration: none !important; z-index: 100 } .previous-item-link:hover, .next-item-link:hover { opacity: .9 } .previous-item-link { left: 20px } .next-item-link { right: 20px } body.comments_season .previous-item-link, body.comments_season .next-item-link, body.comments_episode .previous-item-link, body.comments_episode .next-item-link, body.lists_season .previous-item-link, body.lists_season .next-item-link, body.lists_episode .previous-item-link, body.lists_episode .next-item-link, body.credits_season .previous-item-link, body.credits_season .next-item-link, body.credits_episode .previous-item-link, body.credits_episode .next-item-link { top: 50px } body.season #info-wrapper .sidebar, body.episode #info-wrapper .sidebar, body.all_episodes #info-wrapper .sidebar, body.seasons #info-wrapper .sidebar, body.seasons_episodes #info-wrapper .sidebar { margin-top: calc(-180px - var(--header-height)) } body.all_episodes #info-wrapper .btn-summary.btn-comment, body.seasons #info-wrapper .btn-summary.btn-comment { display: none } body.podcasts #info-wrapper .sidebar, body.podcast_seasons #info-wrapper .sidebar, body.podcast_episodes #info-wrapper .sidebar { margin-top: -160px } body.podcasts #info-wrapper:has(.season-links) .sidebar, body.podcast_seasons #info-wrapper:has(.season-links) .sidebar, body.podcast_episodes #info-wrapper:has(.season-links) .sidebar { margin-top: -210px } #info-wrapper { min-height: 600px } #info-wrapper #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi { margin-bottom: 20px } #info-wrapper #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD { margin-top: 20px } #info-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper { text-align: left !important } #info-wrapper .sidebar { margin-top: -190px; top: calc(25px + var(--header-height)); transition: top .5s, margin-top .5s } #info-wrapper .sidebar a.with-poster { color: #fff } #info-wrapper .sidebar.posters > div { margin-top: 0 } #info-wrapper .sidebar .btn-watch-now { background: #444; color: #fff; display: block; padding: 5px; border-radius: 0 0 4px 4px; text-decoration: none; transition: all .5s; -webkit-box-shadow: 0 5px 20px 0 #666; box-shadow: 0 5px 20px 0 #666 } #info-wrapper .sidebar .btn-watch-now:hover { background-color: #ed1c24 } #info-wrapper .sidebar .btn-watch-now:hover .under-info { color: #fff } #info-wrapper .sidebar .btn-watch-now .main-info { font-family: proxima nova semibold; text-transform: uppercase } #info-wrapper .sidebar .btn-watch-now .icon { margin: 0 4px 0 2px !important; float: left; line-height: 30px; font-size: 19px !important } #info-wrapper .sidebar .btn-watch-now .under-info { font-size: 11px; margin: -2px 0 2px 30px; color: #ccc; transition: all .5s; line-height: 1 } #info-wrapper .sidebar .poster { border: solid 3px #fff !important; position: relative; -webkit-box-shadow: 0 0 20px 0 #666; box-shadow: 0 0 20px 0 #666 } #info-wrapper .sidebar .poster img { width: 100% } #info-wrapper .sidebar .poster .real { height: 100%; position: absolute; top: 0; left: 0 } #info-wrapper .sidebar .poster .quad { height: 50%; width: 50%; min-height: 50% } #info-wrapper .sidebar .poster .quad:nth-child(3) { left: 50% } #info-wrapper .sidebar .poster .quad:nth-child(4) { top: 50% } #info-wrapper .sidebar .poster .quad:nth-child(5) { top: 50%; left: 50% } #info-wrapper .sidebar .poster .rewatching-badge, #info-wrapper .sidebar .poster .notable-badge { left: -10px } #info-wrapper .sidebar .poster .notable-badge ~ .rewatching-badge { left: 10px } #info-wrapper .sidebar .sections, #info-wrapper .sidebar .external, #info-wrapper .sidebar .vip-actions, #info-wrapper .sidebar .mod-actions { list-style: none; padding: 0; margin: 0; font-size: 14px; text-transform: uppercase; font-family: proxima nova semibold } #info-wrapper .sidebar .sections .episode-count strong, #info-wrapper .sidebar .sections .season-count strong { font-family: proxima nova semibold } #info-wrapper .sidebar .sections { margin-top: 10px } #info-wrapper .sidebar .sections li { border-bottom: solid 1px #cacaca; padding: 0 } #info-wrapper .sidebar .sections li a { color: #959595; padding: 7px 0; transition: all .5s } #info-wrapper .sidebar .sections li a:hover, #info-wrapper .sidebar .sections li a:focus { background-color: transparent; color: #000 } #info-wrapper .sidebar .sections li a.see-more-link { z-index: 5; position: absolute; right: 0; top: 0; padding-left: 5px; font-size: 17px; padding: 5px 0 6px; vertical-align: top } #info-wrapper .sidebar .sections li a.see-more-link .see-more-text { display: none } #info-wrapper .sidebar .sections li a.see-more-link:hover, #info-wrapper .sidebar .sections li a.see-more-link:focus { color: #000 } #info-wrapper .sidebar .sections li.active a { color: #ed1c24 } #info-wrapper .sidebar .external { margin: 8px 0 } #info-wrapper .sidebar .external li { padding: 0 0 6px; margin-left: -6px } #info-wrapper .sidebar .external li a { font-size: 13px; padding: 3px 5px; margin: 6px 0 0 6px; border: solid 1px #eee; background-color: #eee; color: #666; font-family: proxima nova; border-radius: 3px; transition: all .5s; text-transform: none; display: inline-block; text-decoration: none } #info-wrapper .sidebar .external li a .fa, #info-wrapper .sidebar .external li a [class^=fa-], #info-wrapper .sidebar .external li a [class*=" fa-"] { padding: 0 2px } #info-wrapper .sidebar .external li a:hover { background-color: #666; border-color: #666; color: #fff } #info-wrapper .sidebar .vip-actions, #info-wrapper .sidebar .mod-actions { padding: 8px 0 5px; border-top: solid 1px #cacaca; font-family: proxima nova } #info-wrapper .sidebar .vip-actions li, #info-wrapper .sidebar .mod-actions li { padding: 4px 0 } #info-wrapper .sidebar .vip-actions li a .fa, #info-wrapper .sidebar .vip-actions li a [class^=fa-], #info-wrapper .sidebar .vip-actions li a [class*=" fa-"], #info-wrapper .sidebar .mod-actions li a .fa, #info-wrapper .sidebar .mod-actions li a [class^=fa-], #info-wrapper .sidebar .mod-actions li a [class*=" fa-"] { color: #ed1c24; margin-right: 5px } #info-wrapper .sidebar .vip-actions li.locked, #info-wrapper .sidebar .mod-actions li.locked { color: #999 } #info-wrapper .sidebar .vip-actions li.locked .fa, #info-wrapper .sidebar .vip-actions li.locked [class^=fa-], #info-wrapper .sidebar .vip-actions li.locked [class*=" fa-"], #info-wrapper .sidebar .mod-actions li.locked .fa, #info-wrapper .sidebar .mod-actions li.locked [class^=fa-], #info-wrapper .sidebar .mod-actions li.locked [class*=" fa-"] { margin-right: 5px } #info-wrapper .sidebar .vip-actions .under-action, #info-wrapper .sidebar .mod-actions .under-action { padding-left: 23px; margin: -4px 0 -2px; font-size: 10px; font-family: proxima nova semibold } #info-wrapper .sidebar .vip-actions .under-action.linked, #info-wrapper .sidebar .mod-actions .under-action.linked { color: #ed1c24 } #info-wrapper .sidebar .vip-actions .reported-count, #info-wrapper .sidebar .mod-actions .reported-count { display: inline-block; background-color: #ed1c24; color: #000 !important; font-size: 10px; border-radius: 3px; width: 18px; margin-right: 5px; vertical-align: middle; font-weight: 700 } #info-wrapper .season-links { color: #bbb; padding: 0 } #info-wrapper .season-links label { line-height: 50px; float: left; text-transform: uppercase; font-family: proxima nova semibold; font-weight: 400; margin: 0 10px 0 0 } #info-wrapper .season-links .links { width: 100%; height: 50px; overflow: hidden } #info-wrapper .season-links .links ul { list-style: none; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; width: 100% } #info-wrapper .season-links .links ul li { list-style: none; float: left; margin: 0; padding-right: 10px; line-height: 50px } #info-wrapper .season-links .links ul li:last-child { padding: 0 } #info-wrapper .season-links .links ul li a { color: #999; text-decoration: none } #info-wrapper .season-links .links ul li a:hover { color: #ed1c24 } #info-wrapper .season-links .links ul li a.selected { color: #000; font-family: proxima nova bold } #info-wrapper .notable-summary { transition: opacity .5s; opacity: 0 } #info-wrapper .notable-summary.enabled { opacity: 1; margin-bottom: 20px } #info-wrapper .notable-summary.enabled .notes { display: block } #info-wrapper .notable-summary .notes { border: solid 1px #eee; background-color: #eee; color: #666; font-family: proxima nova; border-radius: 3px; padding: 8px 10px; display: none } #info-wrapper .notable-summary.fetched ~ .notable-launcher { display: none } #info-wrapper .affiliate-links .section.private-notes { margin-bottom: 10px } #info-wrapper .affiliate-links .section.private-notes .icon > div { font-size: 20px; padding: 0 !important; vertical-align: middle !important } #info-wrapper .affiliate-links .section.private-notes .updated-at { color: #666; font-size: 12px; font-style: italic; white-space: nowrap; text-transform: none } #info-wrapper .affiliate-links .section .title { text-transform: uppercase; font-family: proxima nova semibold; margin-bottom: 2px; color: #959595 } #info-wrapper .affiliate-links .section .title .fa, #info-wrapper .affiliate-links .section .title [class^=fa-], #info-wrapper .affiliate-links .section .title [class*=" fa-"] { vertical-align: middle; margin-right: 5px } #info-wrapper .affiliate-links .section a { display: inline-block; vertical-align: top; border: solid 1px #eee; background-color: #eee; color: #666; font-family: proxima nova; border-radius: 3px; margin: 0 10px 10px 0; transition: all .5s; text-decoration: none !important } #info-wrapper .affiliate-links .section a.network { text-align: center } #info-wrapper .affiliate-links .section a.network i { line-height: 35px; margin: 0 10px; font-size: 20px } #info-wrapper .affiliate-links .section a .icon { font-size: 24px; float: left; width: 36px; text-align: center } #info-wrapper .affiliate-links .section a .icon .fa, #info-wrapper .affiliate-links .section a .icon [class^=fa-], #info-wrapper .affiliate-links .section a .icon [class*=" fa-"] { vertical-align: top; padding-top: 5px } #info-wrapper .affiliate-links .section a .icon .fa.fa-amazon, #info-wrapper .affiliate-links .section a .icon .fa-amazon[class^=fa-], #info-wrapper .affiliate-links .section a .icon .fa-amazon[class*=" fa-"] { font-size: 21px; padding-top: 8px } #info-wrapper .affiliate-links .section a .text { margin-left: 36px; padding: 4px 7px 3px 0; line-height: 1.2; white-space: nowrap } #info-wrapper .affiliate-links .section a .text .price { font-size: 11px; text-transform: uppercase } #info-wrapper .affiliate-links .section a .text .site { font-family: proxima nova semibold; font-size: 13px } #info-wrapper .affiliate-links .section a:hover { background-color: #666; border-color: #666; color: #fff } #info-wrapper .affiliate-links .section a.one-liner .text { line-height: 28px } #info-wrapper .affiliate-links .section a.trailer .icon { width: 34px } #info-wrapper .affiliate-links .section a.trailer .icon .fa, #info-wrapper .affiliate-links .section a.trailer .icon [class^=fa-], #info-wrapper .affiliate-links .section a.trailer .icon [class*=" fa-"] { font-size: 22px; padding-top: 7px } #info-wrapper .affiliate-links .section a.trailer .text { margin-left: 34px } #info-wrapper ul.additional-stats { list-style-type: none; padding: 0; margin: 0 0 20px } #info-wrapper ul.additional-stats li { display: inline-block; margin: 0 20px 2px 0 } #info-wrapper ul.additional-stats li label { text-transform: uppercase; margin: 0 7px 0 0; font-family: proxima nova semibold; color: #959595; font-weight: 400 } #info-wrapper ul.additional-stats li .alt { font-style: italic; color: #999 } #info-wrapper ul.additional-stats li.with-certification { margin-right: 5px } #info-wrapper ul.additional-stats li a { text-decoration: none; transition: all .5s } #info-wrapper ul.additional-stats li .writers-more, #info-wrapper ul.additional-stats li .studios-more, #info-wrapper ul.additional-stats li .creators-more { display: none } #info-wrapper .info { margin: 20px 0 } #info-wrapper .info #tagline { margin-bottom: 10px; font-style: italic; font-family: Georgia, times new roman, Times, serif } #info-wrapper .info .action-buttons > .btn { min-height: 54px; padding: 0; text-align: left; position: relative; transition: all .5s } #info-wrapper .info .action-buttons > .btn .loading { z-index: 20 } #info-wrapper .info .action-buttons > .btn .loading .icon { top: 35% } #info-wrapper .info .action-buttons > .btn .fa, #info-wrapper .info .action-buttons > .btn [class^=fa-]:not(.fa-spin):not(.btn-list-popover-search):not(.fa-backward):not(.fa-kit):not(.fa-thin):not(.fa-light), #info-wrapper .info .action-buttons > .btn [class*=" fa-"]:not(.fa-spin):not(.btn-list-popover-search):not(.fa-backward):not(.fa-kit):not(.fa-thin):not(.fa-light) { font-size: 30px; margin: 0 5px; vertical-align: middle; line-height: 54px } #info-wrapper .info .action-buttons > .btn .fa-star { font-size: 28px !important; margin: 0 5px; vertical-align: middle; line-height: 54px } #info-wrapper .info .action-buttons > .btn .fa-play { font-size: 26px !important; margin-left: 8px } #info-wrapper .info .action-buttons > .btn .text { padding-top: 10px; padding-bottom: 10px } #info-wrapper .info .action-buttons > .btn .text .main-info { line-height: 34px; font-size: 15px; font-family: proxima nova semibold; text-transform: uppercase } #info-wrapper .info .action-buttons > .btn .text .under-info { display: none; font-size: 11px } #info-wrapper .info .action-buttons > .btn .text .view-all { font-style: italic; font-size: 12px; cursor: pointer } #info-wrapper .info .action-buttons > .btn .text .view-all:hover { color: #fff; text-decoration: underline } #info-wrapper .info .action-buttons > .btn.dropdown-toggle { line-height: 54px } #info-wrapper .info .action-buttons > .btn.selected .main-info { line-height: normal } #info-wrapper .info .action-buttons > .btn.selected .under-info { display: block } #info-wrapper .info .action-buttons > .btn.selected .view-all { color: #eee } #info-wrapper .info .action-buttons > .btn.selected .side-btn, #info-wrapper .info .action-buttons > .btn:hover .side-btn { background-color: rgba(0, 0, 0, .2); color: #fff } #info-wrapper .info .action-buttons > .btn.expanded.btn-list { min-height: 197px; overflow: hidden } #info-wrapper .info .action-buttons > .btn .side-btn { position: absolute; right: 0; top: 0; height: 100%; line-height: 54px; color: #999; font-size: 23px; background-color: rgba(0, 0, 0, .05); transition: all .5s } #info-wrapper .info .action-buttons > .btn .side-btn .icon { padding: 0 6px 0 8px; display: block; line-height: 54px; font-size: 18px; float: none; opacity: .75; transition: all .5s } #info-wrapper .info .action-buttons > .btn .side-btn .icon:hover { opacity: 1 } #info-wrapper .info .action-buttons > .btn .side-btn:hover { background-color: rgba(0, 0, 0, .3) } #info-wrapper .info .action-buttons > .btn .side-btn .icon-reset { font-size: 18px } #info-wrapper .info .action-buttons > .btn .side-btn.two-icons .icon { line-height: 23px } #info-wrapper .info .action-buttons > .btn .side-btn.two-icons .icon-add { padding-top: 5px } #info-wrapper .info .action-buttons > .btn .side-btn.two-icons .icon-reset { padding-bottom: 2px; font-size: 17px } #info-wrapper .info .action-buttons > .btn.btn-list .data-wrapper.open .buttons { line-height: 33px; right: 7px } #info-wrapper .info .action-buttons > .btn .under-progress-wrapper { position: absolute; bottom: -6px; right: -1px; left: -1px } #info-wrapper .info .action-buttons > .btn.with-progress { margin-bottom: 9px } #info-wrapper .info [data-readmore-toggle] { margin: -20px 0 20px } #info-wrapper .info #overview { margin: 0 0 20px } #info-wrapper .info #overview[data-readmore] { max-height: 300px } #info-wrapper .info #overview[data-readmore][aria-expanded=false] { position: relative } #info-wrapper .info #overview[data-readmore][aria-expanded=false] .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; height: 100px; top: auto; bottom: 0; background-image: -webkit-linear-gradient(top, rgba(243, 243, 243, 0) 0%, white 100%); background-image: -o-linear-gradient(top, rgba(243, 243, 243, 0) 0%, white 100%); background-image: linear-gradient(to bottom, rgba(243, 243, 243, 0) 0%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00F3F3F3', endColorstr='#FFFFFFFF', GradientType=0) } #info-wrapper .info .actors-wrapper { margin: 0 } #info-wrapper .info .actors-wrapper .mCSB_container { margin-bottom: 20px !important } #info-wrapper .info .actors-wrapper .posters { width: 100%; overflow-x: auto; scrollbar-color: rgba(0, 0, 0, .1) rgba(100, 100, 100, .1); scrollbar-width: thin; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } #info-wrapper .info .actors-wrapper .posters::-webkit-scrollbar { width: 6px; height: 6px } #info-wrapper .info .actors-wrapper .posters::-webkit-scrollbar-track { background: rgba(100, 100, 100, .1); border-radius: 3px } #info-wrapper .info .actors-wrapper .posters::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .1); transition: all .5s; border-radius: 3px } #info-wrapper .info .actors-wrapper .posters::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .3) } #info-wrapper .info .actors-wrapper .posters ul { list-style: none; margin: 0; padding: 0; overflow-x: hidden; white-space: nowrap; width: 100% } #info-wrapper .info .actors-wrapper .posters ul:hover li .poster { opacity: .7 } #info-wrapper .info .actors-wrapper .posters ul:hover li:hover .poster { opacity: 1 } #info-wrapper .info .actors-wrapper .posters ul:hover li .titles .name, #info-wrapper .info .actors-wrapper .posters ul:hover li .titles .character, #info-wrapper .info .actors-wrapper .posters ul:hover li .titles .count { color: #aaa } #info-wrapper .info .actors-wrapper .posters ul li { list-style: none; float: left; margin: 0; width: 10.15%; height: 100% } #info-wrapper .info .actors-wrapper .posters ul li .poster { margin-right: 10px; transition: all .5s } #info-wrapper .info .actors-wrapper .posters ul li .titles { margin-right: 10px; transition: all .5s } #info-wrapper .info .actors-wrapper .posters ul li .name { color: #777; transition: all .5s } #info-wrapper .info .actors-wrapper .posters ul li .character { margin-top: 1px; color: #000; transition: all .5s } #info-wrapper .info .actors-wrapper .posters ul li .count { margin-top: 1px; color: #aaa; transition: all .5s } #info-wrapper .info .actors-wrapper .posters ul li a { text-decoration: none } #info-wrapper .info .actors-wrapper .posters ul li .real { width: 100%; background-size: cover; background-position: center center } .actor-tooltip { margin: 0 0 0 -5px } .actor-tooltip .tooltip-arrow { margin-top: -58px; display: none } .actor-tooltip .tooltip-inner { margin-top: -58px; font-size: 12px; font-family: proxima nova; background-color: #fff; color: #333 } .actor-tooltip .tooltip-inner .alt { margin-top: -2px; color: #ed1c24; font-weight: 700 } .actor-tooltip .tooltip-inner .alt2 { margin-top: -2px; color: #555 } ul.lists { list-style: none; margin: 0; padding: 0 0 5px; max-height: 200px; overflow-y: auto; font-size: 13px } ul.lists li { color: #333 !important; margin-top: 2px; cursor: pointer; transition: all .5s } ul.lists li:before, ul.lists li:after { content: " "; display: table } ul.lists li:after { clear: both } ul.lists li.maxed-out:not(.selected) { text-decoration: line-through } ul.lists li .icon { float: left; margin: 0 5px 0 10px; padding: 3px 0 0 } ul.lists li .icon.trakt-icon-friends { transform: scale(1.1); padding-top: 2px } ul.lists li .info { margin: 0 5px 0 28px !important; white-space: normal } ul.lists li .info .item-count { display: none; text-transform: uppercase; font-family: proxima nova semibold; color: #959595; font-weight: 400; font-size: 10px } ul.lists li .info .privacy { font-family: proxima nova semibold; color: #fff; background-color: #999; padding: 1px 4px; border-radius: 2px; font-size: 10px; text-transform: uppercase; margin: -3px 0 0 5px; vertical-align: middle; transition: all .5s } ul.lists li .info .privacy.public { display: none } ul.lists li .view { color: inherit } ul.lists li .view .fa, ul.lists li .view [class^=fa-], ul.lists li .view [class*=" fa-"] { float: right; padding: 0 12px; font-size: inherit !important; margin: 0 !important; line-height: inherit !important; opacity: .2; transition: all .5s } ul.lists li .view:hover .fa, ul.lists li .view:hover [class^=fa-], ul.lists li .view:hover [class*=" fa-"] { opacity: 1 } ul.lists li.selected { color: #009edf !important } ul.lists li.selected .icon:before { content: "\e636" } ul.lists li.selected .icon.trakt-icon-friends:before { content: "\e60c" } ul.lists li.selected .info .privacy { background-color: #009edf !important } ul.lists li.error { color: #d9534f !important } ul.lists li.error .icon:before { content: "\e639" } ul.lists li.spinner .icon { padding-top: 2px } ul.lists li.spinner .icon:before { content: "\f021"; font: var(--fa-font-solid) } .popover.with-list { z-index: 21; max-width: 100vw } .popover.with-list .popover-content { padding-left: 0; padding-right: 0 } .popover.with-list h3 { text-align: left; color: #333 } .popover.with-list .no-lists { color: #999 !important; text-align: center; display: block } .popover.with-list.copy-list ul.lists[data-built-in-list-count="0"] li:nth-child(2) { border-top: solid 1px #eee; padding-top: 7px; margin-top: 7px } .popover.with-list.copy-list ul.lists[data-built-in-list-count="1"] li:nth-child(3) { border-top: solid 1px #eee; padding-top: 7px; margin-top: 7px } .popover.with-list.copy-list ul.lists[data-built-in-list-count="2"] li:nth-child(4) { border-top: solid 1px #eee; padding-top: 7px; margin-top: 7px } .recent-episodes { margin-top: 20px; width: 100% } .summary-comments .comment-wrapper { margin-top: 20px } #season-links-wrapper { background-color: #fafafa; padding-top: 50px; height: 100px } #seasons-episodes-sortable.season-posters .grid-item { transition: none } #seasons-episodes-sortable .row.fanarts { margin: 20px 0 0 } #seasons-episodes-sortable .row.fanarts .fanart .titles { display: none } #seasons-episodes-sortable .under-info .titles { background-color: #fafafa; margin: 0 0 0 -20px; padding: 10px 0 8px 20px } #seasons-episodes-sortable .under-info .titles h4.premiere { color: #fff; font-size: 11px; display: inline-block; padding: 3px 5px; margin: 0 5px 5px 0; vertical-align: top; font-family: proxima nova semibold } #seasons-episodes-sortable .under-info h3 { font-size: 20px; margin: 0; font-family: proxima nova semibold } #seasons-episodes-sortable .under-info h3 a { color: #000 } #seasons-episodes-sortable .under-info h3 a:hover { color: #ed1c24 } #seasons-episodes-sortable .under-info h3 a:hover .main-title-abs { color: inherit } #seasons-episodes-sortable .under-info h3 a .main-title-abs { color: #ed1c24 } #seasons-episodes-sortable .under-info h3 a .main-title-abs .dash { opacity: .3 } #seasons-episodes-sortable .under-info h3 a .main-title-sxe { color: #ed1c24 } #seasons-episodes-sortable .under-info h3 .certification { display: inline-block; border: solid 1px #333; font-size: 12px; padding: 2px 4px 1px; margin-left: 7px; border-radius: 2px; vertical-align: middle; font-family: proxima nova semibold; transition: all .5s; cursor: pointer } #seasons-episodes-sortable .under-info h3 .certification:hover { background-color: #333; color: #fff } #seasons-episodes-sortable .under-info h4 { margin: 2px 0 0; font-size: 16px } #seasons-episodes-sortable .under-info [data-readmore-toggle] { margin: 10px 0 } #seasons-episodes-sortable .under-info .overview { margin-top: 15px } #seasons-episodes-sortable .under-info .overview[data-readmore] { max-height: 200px } #seasons-episodes-sortable .under-info .overview[data-readmore][aria-expanded=false] { position: relative } #seasons-episodes-sortable .under-info .overview[data-readmore][aria-expanded=false] .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; height: 100px; top: auto; bottom: 0; background-image: -webkit-linear-gradient(top, rgba(243, 243, 243, 0) 0%, white 100%); background-image: -o-linear-gradient(top, rgba(243, 243, 243, 0) 0%, white 100%); background-image: linear-gradient(to bottom, rgba(243, 243, 243, 0) 0%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00F3F3F3', endColorstr='#FFFFFFFF', GradientType=0) } #seasons-episodes-sortable ul.additional-stats { margin: 0 !important; font-size: 13px } #seasons-episodes-sortable ul.additional-stats .unknown { color: #aaa; font-style: italic } #seasons-episodes-sortable ul.additional-stats .item-id { color: #aaa } #seasons-episodes-sortable ul.additional-stats h4 { color: #000; font-size: 13px; display: inline-block; margin: 0 5px 0 0; font-family: proxima nova semibold } #seasons-episodes-sortable ul.additional-stats h4.premiere { color: #fff; font-size: 11px; display: inline-block; padding: 3px 5px; margin: 0 5px 5px 0; vertical-align: top } #seasons-episodes-sortable .episode-stats { font-size: 13px; margin: 5px 0 -10px -20px; font-family: proxima nova; font-weight: 400; background-color: #f6f6f6; padding: 7px 0 7px 20px } #seasons-episodes-sortable .episode-stats a { color: #009edf !important; text-decoration: none; transition: all .5s } #seasons-episodes-sortable .episode-stats a:not(:first-child) { margin-left: 15px } #seasons-episodes-sortable .episode-stats a .icon { font-size: 16px; margin-right: 5px } #seasons-episodes-sortable .episode-stats a .icon.trakt-icon-check { font-size: 20px } #seasons-episodes-sortable .episode-stats a .icon.trakt-icon-user { font-size: 16px } #seasons-episodes-sortable .comment-wrapper { background-color: transparent } .summary-activity { margin-top: 20px } .summary-activity h2 { margin-bottom: 20px } .summary-activity .tabs { z-index: 1; position: relative } .summary-activity .tabs:before, .summary-activity .tabs:after { content: " "; display: table } .summary-activity .tabs:after { clear: both } .summary-activity .tabs .tab { float: left; width: 25%; border: solid 1px #e1e1e1; color: #333; font-family: proxima nova; line-height: 1; padding: 10px 10px 8px; transition: all .5s; text-decoration: none } .summary-activity .tabs .tab:before, .summary-activity .tabs .tab:after { content: " "; display: table } .summary-activity .tabs .tab:after { clear: both } .summary-activity .tabs .tab * { opacity: .4; transition: all .5s } .summary-activity .tabs .tab:not(:first-child) { border-left: none } .summary-activity .tabs .tab.selected { background-color: #fafafa; border-bottom-color: #fafafa } .summary-activity .tabs .tab.selected * { opacity: 1 } .summary-activity .tabs .tab.selected.no-data { border-bottom-color: #e1e1e1 } .summary-activity .tabs .tab .number { font-size: 33px; float: left; font-family: proxima nova semibold; white-space: nowrap } .summary-activity .tabs .tab .text { float: left; text-transform: uppercase; padding: 2px 0 0 7px; line-height: 1.2; font-size: 12px } .summary-activity .tabs .tab .fa, .summary-activity .tabs .tab [class^=fa-], .summary-activity .tabs .tab [class*=" fa-"] { font-size: 25px; margin-right: 4px; vertical-align: top; margin-top: 3px } .summary-activity .tabs .tab .rating-1 { color: #616161 } .summary-activity .tabs .tab .rating-2 { color: #675b5b } .summary-activity .tabs .tab .rating-3 { color: #705252 } .summary-activity .tabs .tab .rating-4 { color: #7a4747 } .summary-activity .tabs .tab .rating-5 { color: #863c3c } .summary-activity .tabs .tab .rating-6 { color: #922f30 } .summary-activity .tabs .tab .rating-7 { color: #9e2424 } .summary-activity .tabs .tab .rating-8 { color: #a81918 } .summary-activity .tabs .tab .rating-9 { color: #b11010 } .summary-activity .tabs .tab .rating-10 { color: #b70a0a } .summary-activity .tabs .tab .percent-sign { font-size: 24px; font-family: proxima nova } .summary-activity .tab-content { margin-top: -1px } .summary-activity .tab-content .tab-pane .users-wrapper { margin-top: 0; padding: 15px 15px 5px; position: relative } .summary-activity .tab-content .tab-pane .users-wrapper .row { max-height: 77px; transition: all .5s } .summary-activity .plus-more { border-radius: 50%; background-color: #464646; color: #fff; text-align: center; position: absolute; right: 15px; top: 15px; cursor: pointer; z-index: 20 } .summary-activity .plus-more .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; width: 100%; line-height: 1; font-family: proxima nova semibold } .summary-activity .plus-more .text .number { font-size: 16px; font-family: proxima nova bold } #summary-ratings-wrapper { position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, .75); white-space: nowrap } #summary-ratings-wrapper .container { height: 60px; padding-top: 15px; overflow: hidden } #summary-ratings-wrapper .summary-user-rating { cursor: pointer } #summary-ratings-wrapper .summary-user-rating.popover-on { min-width: 175px } #summary-ratings-wrapper .trakt-rating a { color: inherit } #summary-ratings-wrapper .ul-wrapper { overflow-x: auto; padding-bottom: 30px; margin-bottom: -30px } #summary-ratings-wrapper ul { display: inline-block; list-style: none; margin: 0; padding: 0 } #summary-ratings-wrapper ul.stats { margin-left: 30px } #summary-ratings-wrapper ul li { display: inline-block; margin: 0 30px 0 0; padding: 0; min-width: 0; transition: all .6s } #summary-ratings-wrapper ul li:last-child { margin-right: 0 } #summary-ratings-wrapper ul li img { height: 30px; width: 30px; float: left; margin-right: 7px } #summary-ratings-wrapper ul li img[src*=spilled] { height: 36px; width: 36px; margin-top: -3px; margin-bottom: -3px } #summary-ratings-wrapper ul li .icon { float: left; font-size: 30px; vertical-align: top; text-shadow: 0 0 20px #000; margin-right: 7px } #summary-ratings-wrapper ul li .icon.rating-1 { color: #616161 } #summary-ratings-wrapper ul li .icon.rating-2 { color: #675b5b } #summary-ratings-wrapper ul li .icon.rating-3 { color: #705252 } #summary-ratings-wrapper ul li .icon.rating-4 { color: #7a4747 } #summary-ratings-wrapper ul li .icon.rating-5 { color: #863c3c } #summary-ratings-wrapper ul li .icon.rating-6 { color: #922f30 } #summary-ratings-wrapper ul li .icon.rating-7 { color: #9e2424 } #summary-ratings-wrapper ul li .icon.rating-8 { color: #a81918 } #summary-ratings-wrapper ul li .icon.rating-9 { color: #b11010 } #summary-ratings-wrapper ul li .icon.rating-10 { color: #b70a0a } #summary-ratings-wrapper ul li .number { float: left; line-height: 1; color: #fff; text-shadow: 0 0 20px #000 } #summary-ratings-wrapper ul li .number .rating { font-family: proxima nova bold; font-size: 18px } #summary-ratings-wrapper ul li .number .rating .outof { font-size: 12px; color: #aaa; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; margin-left: 2px } #summary-ratings-wrapper ul li .number .rating-question { font-family: proxima nova bold; font-size: 14px; padding: 2px 0 } #summary-ratings-wrapper ul li .number .votes { font-size: 12px; color: #aaa } #summary-ratings-wrapper ul li .number .votes.alt { color: #fff } #summary-ratings-wrapper ul li .number .votes b { font-family: proxima nova semibold } #summary-ratings-wrapper ul li.metacritic img { border-radius: 50%; border: solid 2px #fff } #summary-ratings-wrapper ul li.metacritic .metascore-bar { height: 8px; background-color: #999; margin-top: 2px } #summary-ratings-wrapper ul li.metacritic.high img { border-color: #6c3 } #summary-ratings-wrapper ul li.metacritic.high .metascore-bar { background-color: #6c3 } #summary-ratings-wrapper ul li.metacritic.medium img { border-color: #fc3 } #summary-ratings-wrapper ul li.metacritic.medium .metascore-bar { background-color: #fc3 } #summary-ratings-wrapper ul li.metacritic.low img { border-color: red } #summary-ratings-wrapper ul li.metacritic.low .metascore-bar { background-color: red } #summary-ratings-wrapper.person ul.stats { margin-left: 0 } body.people #summary-wrapper.no-stats .shadow-base, body.seasons_episodes #summary-wrapper.no-stats .shadow-base { bottom: 0 } body.people #summary-wrapper.no-stats .summary, body.seasons_episodes #summary-wrapper.no-stats .summary { bottom: 10px } body.people #summary-wrapper.no-stats #summary-ratings-wrapper, body.seasons_episodes #summary-wrapper.no-stats #summary-ratings-wrapper { display: none } body.shows.mapper #summary-wrapper { height: 300px } body.shows.mapper #summary-wrapper .shadow-base { bottom: 0 } body.shows.mapper #summary-wrapper .summary { bottom: 10px; left: 0 } body.shows.mapper #summary-wrapper .container { width: 100%; padding: 0 } body.shows.mapper #summary-wrapper .container .row { margin: 0; padding: 0 20px } body.shows.mapper #summary-wrapper #mapper-actions { position: absolute; bottom: 5px; right: 20px } body.shows.mapper #summary-wrapper #mapper-actions .btn { font-family: proxima nova semibold } body.shows.mapper .site-actions .form-control { width: auto; height: auto; font-size: 12px; padding: 3px; border-radius: 4px } body.shows.mapper .site-actions input.form-control { padding-bottom: 2px; width: 80px } body.shows.mapper .comparison-wrapper .comparison-row .extra-info { margin-left: 0; font-size: 12px; color: #bbb } body.shows.mapper .comparison-wrapper .comparison-row .extra-info .fa, body.shows.mapper .comparison-wrapper .comparison-row .extra-info [class^=fa-], body.shows.mapper .comparison-wrapper .comparison-row .extra-info [class*=" fa-"] { margin-right: 3px } body.shows.mapper .comparison-wrapper .comparison-row .extra-info .fa:not(:first-child) { margin-left: 10px } body.shows.mapper .comparison-wrapper .comparison-row .episode-title { margin-top: 3px; display: block } body.shows.mapper .comparison-wrapper .comparison-row .sxe { background: #fff; display: inline-block; color: #000; font-size: 12px; padding: 3px 3px 1px; line-height: 1; border-radius: 3px; letter-spacing: .5px; font-family: proxima nova semibold; vertical-align: top } body.shows.mapper .comparison-wrapper .comparison-row .title-wrapper { display: inline-block; vertical-align: top; margin-left: 5px } #notable-summary-tooltip { position: absolute } #notable-summary-tooltip + .tooltip { pointer-events: none } body.podcasts.episode_player header, body.podcasts.episode_player footer, body.podcast_episodes.player header, body.podcast_episodes.player footer { display: none } body.podcasts.episode_player #toast-container, body.podcast_episodes.player #toast-container { top: 0; z-index: 100000 } .podcast-player-hover-scale { transition: all .5s } .podcast-player-hover-scale:hover { transform: scale(1.1) } #podcast-player-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: grid; place-items: center; height: 100vh } #podcast-player-wrapper .full-gradient { position: fixed } #podcast-player-modal { z-index: 3000; background-color: #fff; border-radius: 16px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8); box-shadow: 0 0 20px rgba(0, 0, 0, .8); width: 360px; max-width: calc(100vw - 40px); position: relative } #podcast-player-modal .metadata-wrapper { background-color: #171924; border-radius: 16px 16px 0 0; padding: 20px; text-align: center } #podcast-player-modal .metadata-wrapper .poster-wrapper { margin: -110px 0 20px } #podcast-player-modal .metadata-wrapper .poster-wrapper img { width: 180px; height: 180px; border-radius: 8px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8); box-shadow: 0 0 20px rgba(0, 0, 0, .8); background-color: #000 } #podcast-player-modal .metadata-wrapper .release-date { color: #8b8c94; font-size: 12px; font-family: proxima nova semibold } #podcast-player-modal .metadata-wrapper .episode-title { font-family: proxima nova bold; font-size: 22px; margin: 15px 0; color: #fff; line-height: 1 } #podcast-player-modal .metadata-wrapper .podcast-title { color: #8b8c94; font-size: 12px; font-family: proxima nova semibold; line-height: 1 } #podcast-player-modal .metadata-wrapper .open-in-traktcasts { background: linear-gradient(to bottom right, var(--gradient-1), var(--gradient-2)); color: #fff; font-family: proxima nova semibold; padding: 10px 20px; margin: 25px 0 10px; border-radius: 6px; display: inline-block; letter-spacing: .3px; text-shadow: 0 1px 2px rgba(0, 0, 0, .5) } #podcast-player-modal .metadata-wrapper .open-in-traktcasts .icon { vertical-align: middle; margin: -1px 2px 0 7px } #podcast-player-modal #amplitude-player { margin: 20px } #podcast-player-modal .branding { position: absolute; bottom: -30px; width: 100%; font-size: 14px; color: #ddd; display: grid; grid-template-columns: auto auto } #podcast-player-modal .branding .trakt { font-family: proxima nova semibold; vertical-align: middle; letter-spacing: .5px } #podcast-player-modal .branding .trakt .icon { font-size: 20px; margin-right: 4px; vertical-align: bottom } #podcast-player-modal .branding .downloads { text-align: right } #podcast-player-modal .branding .downloads .icon { font-size: 20px; margin-left: 4px; vertical-align: bottom } #podcast-player-modal .download-app-wrapper { position: absolute; bottom: -70px; width: 100%; font-size: 14px; color: #fff; text-align: center; display: block; text-decoration: none; background-color: rgba(0, 0, 0, .3); padding: 15px; border-radius: 16px; transition: all .5s } #podcast-player-modal .download-app-wrapper:hover { background-color: rgba(0, 0, 0, .6) } #amplitude-player { color: #171924 } #amplitude-player .progress-wrapper { position: relative; height: 10px } #amplitude-player .progress-wrapper .amplitude-song-slider { position: absolute; top: 0; z-index: 100; -webkit-appearance: none; appearance: none; width: 100%; height: 5px; background: 0 0; outline: none; -webkit-transition: .2s; transition: opacity .2s; border-radius: 3px; cursor: pointer } #amplitude-player .progress-wrapper .amplitude-song-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: #171924; cursor: pointer; margin-top: -6px; border-radius: 8px; border: 2px solid #fff } #amplitude-player .progress-wrapper .amplitude-song-slider::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 12px; height: 12px; background: #171924; cursor: pointer; margin-top: -6px; border-radius: 50%; border: 2px solid #fff } #amplitude-player .progress-wrapper .amplitude-song-slider::-webkit-slider-runnable-track { width: 100%; height: 5px; background: 0 0 } #amplitude-player .progress-wrapper .amplitude-song-slider::-moz-range-track { width: 100%; height: 5px; background: 0 0 } #amplitude-player .progress-wrapper .amplitude-song-played-progress { background-color: #d9d9d9; position: absolute; top: 0; width: 100%; height: 5px; z-index: 10; border-radius: 3px } #amplitude-player .progress-wrapper .amplitude-song-played-progress::-webkit-progress-value { background-color: #171924; border-radius: 3px 0 0 3px } #amplitude-player .progress-wrapper .amplitude-song-played-progress::-webkit-progress-bar { background-color: #d9d9d9; border-radius: 3px } #amplitude-player .progress-wrapper .amplitude-song-played-progress::-moz-progress-bar { background-color: #171924; border-radius: 3px } #amplitude-player .progress-wrapper .amplitude-buffered-progress { display: none } #amplitude-player .time-wrapper { display: grid; grid-template-columns: auto auto; justify-content: space-between } #amplitude-player .time-wrapper .current-time { font-family: proxima nova bold } #amplitude-player .time-wrapper .duration { font-family: proxima nova; color: #999; text-align: right } #amplitude-player .play-controls-wrapper { margin-top: 15px; background-color: #171924; border-radius: 16px; text-align: center; color: #fff; padding: 20px 0 } #amplitude-player .play-controls-wrapper .amplitude-play-pause { font-size: 60px; cursor: pointer; vertical-align: middle; margin: 0 40px } #amplitude-player .play-controls-wrapper .amplitude-play-pause.amplitude-paused:before { content: "\f144" } #amplitude-player .play-controls-wrapper .amplitude-play-pause.amplitude-playing:before { content: "\f28b" } #amplitude-player .play-controls-wrapper .skip { vertical-align: middle; font-size: 36px; cursor: pointer } #amplitude-player .bottom-controls-wrapper { background-color: #171924; margin: 20px -20px -20px; color: #fff; padding: 20px; text-align: center; border-radius: 0 0 16px 16px; display: grid; grid-template-columns: auto auto auto auto auto } #amplitude-player .bottom-controls-wrapper .amplitude-playback-speed { cursor: pointer; font-family: proxima nova semibold; letter-spacing: 1px; position: relative; font-size: 14px } #amplitude-player .bottom-controls-wrapper .amplitude-playback-speed:before { position: absolute; top: 0; width: 40px; left: 50%; margin-left: -20px } #amplitude-player .bottom-controls-wrapper .amplitude-playback-speed.amplitude-playback-speed-10:before { content: '1x' } #amplitude-player .bottom-controls-wrapper .amplitude-playback-speed.amplitude-playback-speed-15:before { content: '1.5x' } #amplitude-player .bottom-controls-wrapper .amplitude-playback-speed.amplitude-playback-speed-20:before { content: '2x' } #amplitude-player .bottom-controls-wrapper .amplitude-mute { cursor: pointer; font-size: 16px } #amplitude-player .bottom-controls-wrapper .amplitude-mute:before { content: "\f6a8" } #amplitude-player .bottom-controls-wrapper .amplitude-mute.amplitude-muted:before { content: "\f2e2" } #amplitude-player .bottom-controls-wrapper a { cursor: pointer; color: #fff } #amplitude-player .bottom-controls-wrapper .trakt { font-size: 16px; color: #ed1c24 } #amplitude-player .bottom-controls-wrapper .trakt > * { vertical-align: top } #podcast-player-modal.dark #amplitude-player { margin: 0; padding: 20px; border-radius: 0 0 16px 16px; background: linear-gradient(to bottom, #212434 0%, #171924 70%, #171924 70%) } #podcast-player-modal.dark #amplitude-player .progress-wrapper .amplitude-song-played-progress { background-color: #d9d9d9 } #podcast-player-modal.dark #amplitude-player .progress-wrapper .amplitude-song-played-progress::-webkit-progress-value { background-color: #ff0101 } #podcast-player-modal.dark #amplitude-player .progress-wrapper .amplitude-song-played-progress::-webkit-progress-bar { background-color: #d9d9d9 } #podcast-player-modal.dark #amplitude-player .progress-wrapper .amplitude-song-played-progress::-moz-progress-bar { background-color: #ff0101 } #podcast-player-modal.dark #amplitude-player .progress-wrapper .amplitude-buffered-progress { display: none } #podcast-player-modal.dark #amplitude-player .time-wrapper { color: #fff } #podcast-player-modal.dark #amplitude-player .play-controls-wrapper { background-color: #2b2f43 } #podcast-player-modal.dark #amplitude-player .bottom-controls-wrapper { margin: 0 -20px -20px } body.people.show #info-wrapper .sidebar { margin-top: -190px } body.people.show #sortable-watchnow-applied-filters { background: 0 0 !important } body.people.show #sortable-watchnow-applied-filters .text { padding-left: 0 } #statics-top-wrapper { position: relative; color: #fff } #statics-top-wrapper .container { padding: calc(70px + var(--header-height)) 0 80px 0; transition: padding .5s; text-align: center } #statics-top-wrapper .container h1 { margin: 0; font-size: 42px } #statics-top-wrapper .container h2 { margin: 5px 0 0; font-size: 19px; color: #eee } #statics-top-wrapper .container .form-inputs { text-align: center; display: inline-block } #statics-top-wrapper .container .form-inputs.with-icons { margin: 30px 0 0 } #statics-top-wrapper .container .form-inputs select.form-control { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iYyIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iYyIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 98% 50% rgba(0, 0, 0, .5); -moz-appearance: none; -webkit-appearance: none; appearance: none; height: 44px; padding: 0 26px 0 38px; width: auto; border-radius: 6px; color: #fff } #statics-top-wrapper .container .form-inputs select.form-control option { color: #000 } #statics-top-wrapper .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background: -moz-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -o-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -ms-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%) } .statics-block { padding: 50px 0; text-align: center } .statics-block h1 { margin: 0; font-size: 42px } .statics-block h2 { margin: 10px 0 0; font-size: 19px } .statics-block .btn-primary { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } @media(max-width:767px) { #statics-top-wrapper .container { padding: 80px 0 50px } #statics-top-wrapper .container h1 { font-size: 24px; line-height: 26px } #statics-top-wrapper .container h2 { font-size: 16px } .statics-block { padding: 30px 0 } .statics-block h1 { font-size: 24px; line-height: 26px } .statics-block h2 { font-size: 16px } } body.branding #logo-downloads-wrapper { background: -moz-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #eee), color-stop(100%, #fff)); background: -webkit-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -o-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -ms-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: radial-gradient(center, circle cover, #eee 0%, #fff 100%) } body.branding #logo-downloads-wrapper .logos-wrapper { position: relative; margin-top: 50px } body.branding #logo-downloads-wrapper .logos-wrapper .logo { border: solid 1px #eaeaea; border-radius: 6px; padding: 26% 0; position: relative; text-align: center; margin-bottom: 10px; overflow: hidden; background-color: #fff } body.branding #logo-downloads-wrapper .logos-wrapper .logo img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } body.branding #logo-downloads-wrapper .logos-wrapper .logo img.wide { width: 75% } body.branding #logo-downloads-wrapper .logos-wrapper .logo img.square { height: 75% } body.branding #logo-downloads-wrapper .logos-wrapper .logo .download { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-color: rgba(0, 0, 0, .5); border-radius: 6px; z-index: 1; text-align: center; opacity: 0; transition: all .5s } body.branding #logo-downloads-wrapper .logos-wrapper .logo .download .icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; color: #fff; font-size: 60px; width: 100% } body.branding #logo-downloads-wrapper .logos-wrapper .logo .download:hover { opacity: 1 } body.branding #logo-downloads-wrapper .logos-wrapper .buttons { margin: 20px 0 } body.branding #scrobblers-wrapper { border-top: solid 1px #ddd } body.branding #api-wrapper { background: -moz-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #eee), color-stop(100%, #fff)); background: -webkit-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -o-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -ms-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: radial-gradient(center, circle cover, #eee 0%, #fff 100%) } body.branding #api-wrapper .full-screenshot { background-size: auto; background-repeat: repeat; opacity: .06 } body.about #vip-features-wrapper .inner .top-info { padding-top: 20px; padding-bottom: 20px } body.about .kaleforjustin { border-top: solid 1px #999; border-bottom: solid 1px #999 } body.about #faq-comments .ul-title { margin-bottom: 10px; font-weight: 700; font-style: italic; font-family: proxima nova bold } body.about #faq-comments .ul-title .fa, body.about #faq-comments .ul-title [class^=fa-], body.about #faq-comments .ul-title [class*=" fa-"] { margin-right: 5px; font-size: 1.2em } body.about #faq-comments .ul-title.good .fa, body.about #faq-comments .ul-title.good [class^=fa-], body.about #faq-comments .ul-title.good [class*=" fa-"] { color: green } body.about #faq-comments .ul-title.bad .fa, body.about #faq-comments .ul-title.bad [class^=fa-], body.about #faq-comments .ul-title.bad [class*=" fa-"] { color: red } #about-top-wrapper { background-color: #000; color: #fff; height: auto } #about-top-wrapper .shade-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6000000', endColorstr='#00000000', GradientType=1); width: 80% } #about-top-wrapper h1 { font-size: 42px; text-shadow: 0 0 20px #000; margin: calc(60px + var(--header-height)) 0 0 0; transition: margin .5s } #about-top-wrapper h2 { font-size: 22px; margin: 35px 0 7px } #about-top-wrapper p { font-size: 15px; line-height: 1.2; margin: 0; text-shadow: 0 0 20px #000; color: #eee } #about-top-wrapper p a { color: #ed1c24; font-weight: 700 } #about-top-wrapper .btn-group { margin: 50px 0 70px } #about-top-wrapper .btn-group .btn-primary, #about-top-wrapper .btn-group .btn-signin { text-transform: uppercase; font-size: 14px; font-family: proxima nova bold; padding: 10px 16px } #about-top-wrapper .btn-group .btn-signin { color: #fff; text-decoration: none; text-shadow: 0 0 20px #000; border: solid 1px rgba(255, 255, 255, .5); margin-left: 20px } #press-wrapper { background-color: #000; text-align: center; padding: 20px 0 50px; color: #fff } #press-wrapper h2 { font-size: 16px; margin: 0 0 40px } #press-wrapper img { margin: 0 18px } #thanks-wrapper { background-color: #222; background-image: url(/assets/patterns/arabesque-56758ca77d440c3a5fb59df506c6b7ffd9ba0fa54f98e34424ab2e2c5454fd79.png); text-align: center; padding: 50px; color: #fff } #thanks-wrapper h1 { margin: 0 0 10px; font-family: proxima nova bold; font-size: 16px !important; text-transform: uppercase } #thanks-wrapper img { margin: 0 18px } #thanks-wrapper img.tmdb { margin-top: 10px } #thanks-wrapper img.tvdb { margin-top: 5px } #thanks-wrapper img.fanarttv { margin-top: 5px } #thanks-wrapper img.justwatch { margin-top: 5px } #faq-wrapper, #team-wrapper { text-align: center; padding-top: 20px } #faq-wrapper h2, #team-wrapper h2 { font-size: 16px; margin: 0 0 30px } #faq-wrapper .faq-item, #team-wrapper .faq-item { background-color: #f5f5f5; border-radius: 3px; text-align: left; padding: 20px; margin-top: 20px } #faq-wrapper .faq-item h3, #team-wrapper .faq-item h3 { font-family: proxima nova bold; font-size: 20px; color: #ed1c24; margin: 0; cursor: pointer } #faq-wrapper .faq-item .answer p, #team-wrapper .faq-item .answer p { margin: 20px 0 0 } #faq-wrapper { padding-bottom: 50px } #team-wrapper { background-color: #fafafa } #team-wrapper .team-pics { margin: 30px 0 0 } #team-wrapper .team-pics .team-member { margin-bottom: 50px; color: inherit; text-decoration: none; transition: all .5s; display: block } #team-wrapper .team-pics .team-member:hover { color: #ed1c24 } #team-wrapper .team-pics .team-member:hover img { -webkit-box-shadow: 0 0 10px #ed1c24; box-shadow: 0 0 10px #ed1c24; border-color: #fff } #team-wrapper .team-pics img { width: 80%; border: solid 5px #eee; border-radius: 50%; transition: all .5s } #team-wrapper .team-pics h3 { font-size: 20px; font-family: proxima nova semibold; margin: 15px 0 2px } #team-wrapper .team-pics h4 { font-size: 14px; margin: 0 } .legal-speak { padding-top: 20px } .legal-speak a { text-decoration: underline } .legal-speak h1 { font-size: 24px; margin: 0 0 20px; padding: 20px 0 0; position: relative } .legal-speak h1 .number { color: #000; font-size: 16px; font-weight: 700; display: inline-block; position: absolute; --size: 32px; left: 0; line-height: var(--size); width: var(--size); height: var(--size); top: 17px; background-color: #ddd; border-radius: 50%; text-align: center; transition: all .5s; font-family: proxima nova semibold; vertical-align: center } .legal-speak h1.more-top { padding-top: 25px } .legal-speak h1.more-top .number { top: 22px } .legal-speak h1.with-number { padding-left: 40px } .legal-speak p { margin: 0 0 20px } .legal-speak ol li { margin-bottom: 10px } .legal-speak table.cookies { border-collapse: collapse; margin-bottom: 20px } .legal-speak table.cookies th, .legal-speak table.cookies td { padding: 6px 8px; border: solid 1px #ddd } .legal-speak table.cookies th { background-color: #eee; font-family: proxima nova semibold } .legal-speak table.cookies .helper { font-style: italic; color: #999; font-size: 12px } .legal-speak.summary { background-color: #eee; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding-bottom: 15px } .legal-speak.summary h1 { padding: 0 } .legal-speak.summary p, .legal-speak.summary ul { font-family: proxima nova; font-size: 17px } @media(max-width:991px) { body.about h1 { font-size: 24px !important; line-height: 26px } body.about h2 { font-size: 15px !important } #about-top-wrapper p { font-size: 15px } #about-top-wrapper .row { margin-right: -24px } #about-top-wrapper h1 { margin-top: 70px } #about-top-wrapper .btn-group { margin: 20px 0 30px } #team-wrapper { padding-top: 0 } #team-wrapper .team-pics { grid-template-columns: repeat(3, 1fr) } #thanks-wrapper { padding: 30px 0; text-align: center } #thanks-wrapper img { margin-top: 10px !important } #faq-wrapper { padding-top: 10px; padding-bottom: 10px } #faq-wrapper .faq-item { border-radius: 0; padding: 15px; margin: 0 -10px 10px } #faq-wrapper .faq-item h3 { font-size: 16px } body.about .kaleforjustin .row { text-align: center; background-color: rgba(0, 0, 0, .5) } } @media(max-width:767px) { #about-top-wrapper { text-align: center } #about-top-wrapper p { font-size: 14px } #about-top-wrapper .row { background-color: rgba(0, 0, 0, .5); margin-right: -10px } #faq-wrapper { padding-bottom: 0; font-size: 13px } #faq-wrapper .faq-item { margin-bottom: 1px; padding-top: 10px; padding-bottom: 10px } #faq-wrapper .faq-item h3 { font-size: 14px } #team-wrapper { padding-top: 0 } #team-wrapper .team-pics { grid-template-columns: 1fr } } #watching-now-wrapper { background-color: rgba(237, 28, 36, .8); font-size: 1.1em; position: absolute; bottom: 0; width: 100%; height: 70px; transition: all .5s } #watching-now-wrapper a { color: #fff !important } #watching-now-wrapper .percentage, #watching-now-wrapper .runtime, #watching-now-wrapper .elapsed, #watching-now-wrapper #cancel-checkin { color: rgba(255, 255, 255, .15); position: absolute; top: 0; line-height: 70px; font-size: 50px; font-family: proxima nova bold } #watching-now-wrapper #cancel-checkin { right: 15px; font: var(--fa-font-solid); font-size: 40px; line-height: 68px; transition: all .5s; z-index: 15; cursor: pointer } #watching-now-wrapper #cancel-checkin:hover { color: rgba(255, 255, 255, .8) } #watching-now-wrapper .runtime { right: 15px } #watching-now-wrapper .runtime.with-cancel { right: 60px } #watching-now-wrapper .percentage { background-image: -webkit-linear-gradient(left, rgba(149, 23, 22, 0) 0%, #951716 40%); background-image: -o-linear-gradient(left, rgba(149, 23, 22, 0) 0%, #951716 40%); background-image: linear-gradient(to right, rgba(149, 23, 22, 0) 0%, #951716 40%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00951716', endColorstr='#FF951716', GradientType=1); padding-left: 80px; padding-right: 15px; right: 0 } #watching-now-wrapper .elapsed { left: 15px; margin-right: 60px } #watching-now-wrapper .progress-bar { z-index: 5; transition: all .5s; position: absolute; left: 0; top: 0; height: 100%; width: 0%; max-width: 100%; background-color: #951716 } #watching-now-wrapper .info { z-index: 10; position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px 0; text-align: center } #watching-now-wrapper .info h2 { font-family: proxima nova bold; font-size: 14px; text-transform: uppercase; margin: 0 0 5px; text-shadow: none; color: #fff } #watching-now-wrapper .info h3 { font-family: proxima nova semibold; margin: 0; font-size: 18px; text-shadow: none } #watching-now-wrapper .info h3 strong { font-family: proxima nova bold } #watching-now-wrapper .info h3 .main-title-sxe { font-family: proxima nova bold; margin-left: 6px } #fanart-info { position: absolute; bottom: 15px; right: 15px; text-align: right } #fanart-info .characters { color: #fff; text-shadow: 0 0 20px #000; font-size: 12px; font-family: proxima nova semibold; line-height: 1 } #fanart-info .characters .role { color: #aaa; display: inline } #fanart-info a { color: #fff; text-decoration: none; text-shadow: 0 0 20px #000; font-size: 12px; font-family: proxima nova semibold } #fanart-info a .year { font-family: proxima nova; color: #aaa } #cover-wrapper { background-color: #000; height: calc(500px + var(--header-height)); color: #fff; position: relative; z-index: 1; overflow: auto; transition: all .5s } #cover-wrapper .full-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-position: 50% 20%; opacity: 0; transition: all 1s } #cover-wrapper .full-bg.enabled { opacity: 1 } #cover-wrapper #fanart-info { bottom: 50px } #cover-wrapper.watching-now { height: 620px } #cover-wrapper.private { height: 100vh } #cover-wrapper.private > .container { height: 100vh; background-color: rgba(0, 0, 0, .4); width: 100% } #cover-wrapper.private #avatar-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; padding-bottom: 50px } #cover-wrapper.private .label-private { display: none } #cover-wrapper > .container { position: relative } #cover-wrapper .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background: -moz-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: -o-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: -ms-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: radial-gradient(center, circle cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%) } #cover-wrapper .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=1) } #cover-wrapper .shadow-full-width { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=1) } #cover-wrapper .shadow-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } #cover-wrapper .shadow-right { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } #cover-wrapper #avatar-wrapper { text-align: center; position: absolute; top: calc(90px + var(--header-height)); transition: top .5s; left: 0; width: 100%; z-index: 1 } #cover-wrapper #avatar-wrapper .avatar { border-radius: 50%; border: 5px solid #fff; background-color: #fff; height: 100px; width: 100px } #cover-wrapper #avatar-wrapper h1 { margin: 15px 0; text-shadow: 0 0 20px #000 } #cover-wrapper #avatar-wrapper h1 a { color: #fff } #cover-wrapper #avatar-wrapper h1 #user-options-dropdown { border-radius: 50%; padding: 0; height: 28px; width: 28px; border: none; margin: -5px 0 0 10px; background-color: rgba(255, 255, 255, .2); color: #fff; font-size: 18px; transition: all .5s; line-height: 1.8 } #cover-wrapper #avatar-wrapper h1 #user-options-dropdown:hover { background-color: rgba(255, 255, 255, .3) } #cover-wrapper #avatar-wrapper h1 #user-options-dropdown ~ ul.dropdown-menu { margin-left: 12px; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; font-size: 14px } #cover-wrapper #avatar-wrapper h1 #user-options-dropdown ~ ul.dropdown-menu li a { padding-left: 12px } #cover-wrapper #avatar-wrapper h1 #user-options-dropdown ~ ul.dropdown-menu li a .icon { margin: 0 10px 0 0; font-size: 12px } #cover-wrapper #avatar-wrapper .pending-follow { background-color: rgba(0, 0, 0, .8); padding: 1px 10px 2px 12px; display: inline-block; margin-right: 10px; vertical-align: top } #cover-wrapper #avatar-wrapper .pending-follow .text { display: inline-block; vertical-align: middle; text-transform: uppercase; font-family: proxima nova bold; padding-top: 3px } #cover-wrapper #avatar-wrapper .pending-follow .actions { display: inline-block; font-size: 22px; vertical-align: middle; padding-left: 15px } #cover-wrapper #avatar-wrapper .pending-follow .actions > a { transition: all .5s } #cover-wrapper #avatar-wrapper .pending-follow .actions > a.off { opacity: 0 } #cover-wrapper #avatar-wrapper .pending-follow .actions .requests-approve, #cover-wrapper #avatar-wrapper .pending-follow .actions .requests-follow { color: #5cb85c; margin-right: 10px } #cover-wrapper #avatar-wrapper .pending-follow .actions .requests-deny { color: #ed1c24 } #cover-wrapper #avatar-wrapper .pending-follow .actions .requests-block, #cover-wrapper #avatar-wrapper .pending-follow .actions .hide-site-notice { color: #999; font-size: 19px; vertical-align: text-bottom; line-height: 28px; margin-left: 10px; cursor: pointer } #cover-wrapper #avatar-wrapper .buttons { margin: 0 0 20px } #cover-wrapper #avatar-wrapper .buttons .btn { margin: 0 5px; text-transform: uppercase; font-family: proxima nova bold; color: #fff !important } #cover-wrapper #avatar-wrapper .buttons .btn .trakt-icon { margin-right: 7px; margin-bottom: 2px } #cover-wrapper #avatar-wrapper .buttons .btn-follow { background-color: #ed1c24 } #cover-wrapper #avatar-wrapper .buttons .btn-following { background-color: #16a085 } #cover-wrapper #avatar-wrapper .buttons .btn-customize { background-color: rgba(255, 255, 255, .2); border-radius: 3px; transition: all .5s } #cover-wrapper #avatar-wrapper .buttons .btn-customize .icon { font-size: 18px; vertical-align: top } #cover-wrapper #avatar-wrapper .buttons .btn-customize .btn-text { margin-left: 10px } #cover-wrapper #avatar-wrapper .buttons .btn-customize:hover { background-color: #ed1c24 } #cover-wrapper #avatar-wrapper .buttons .pending .trakt-icon { display: none } #cover-wrapper #avatar-wrapper .buttons .pending .btn-following { background-color: #666 } #cover-wrapper #avatar-wrapper .buttons .remove .trakt-icon:before { content: "\e604" } #cover-wrapper #avatar-wrapper .buttons .remove .btn { background-color: #333; border-color: #666 } #cover-wrapper #avatar-wrapper h3 { text-shadow: 0 0 20px #000; font-size: 16px; margin: 5px 0 0 } #cover-wrapper #avatar-wrapper h3 .following-count { margin-left: 10px } #cover-wrapper #avatar-wrapper h3 a { color: #fff } #cover-wrapper #avatar-wrapper h3 .fa, #cover-wrapper #avatar-wrapper h3 [class^=fa-], #cover-wrapper #avatar-wrapper h3 [class*=" fa-"] { margin: 0 5px 0 10px } #cover-wrapper #avatar-wrapper h3 .fa.network-icon, #cover-wrapper #avatar-wrapper h3 .network-icon[class^=fa-], #cover-wrapper #avatar-wrapper h3 .network-icon[class*=" fa-"] { margin: 0 5px } #cover-wrapper #avatar-wrapper h3 span { font-family: proxima nova semibold } #cover-wrapper #avatar-wrapper h3.social-icons a { text-decoration: none; color: #fff; transition: all .5s } #cover-wrapper #avatar-wrapper h3.social-icons:hover a { opacity: .5 } #cover-wrapper #avatar-wrapper h3.social-icons:hover a:hover { opacity: 1 } #cover-wrapper #watching-now-wrapper { bottom: 40px } #cover-wrapper.slim { height: calc(170px + var(--header-height)) } #cover-wrapper.slim.watching-now { height: calc(240px + var(--header-height)) } #cover-wrapper.slim.private { height: calc(250px + var(--header-height)) } #cover-wrapper.slim #avatar-wrapper { text-align: left; position: relative; top: 0; margin-top: calc(30px + var(--header-height)); transition: margin .5s } #cover-wrapper.slim #avatar-wrapper h1 { margin: 0; padding-top: 6px } #cover-wrapper.slim #avatar-wrapper h3 { display: inline-block; margin: 0 } #cover-wrapper.slim #avatar-wrapper h3.social-icons { margin-left: 10px } #cover-wrapper.slim #avatar-wrapper .avatar { float: left; width: 72px; height: 72px; margin-right: 15px; border-width: 3px } #cover-wrapper.slim #avatar-wrapper .buttons { position: absolute; right: 0; top: 20px } #cover-wrapper.slim #avatar-wrapper .pending-follow { display: none } #links-wrapper { background-color: rgba(0, 0, 0, .7); font-family: proxima nova; text-align: center; position: absolute; bottom: 0; width: 100%; height: 40px } #links-wrapper a, #links-wrapper i { color: #fff } #links-wrapper a { padding: 0 19px; line-height: 40px; display: inline-block } #links-wrapper a.selected { font-family: proxima nova semibold; color: #ed1c24 } #links-wrapper a:hover { text-decoration: none; color: #ed1c24 } .subnav-wrapper { background-color: #fafafa; padding: 15px 0; position: relative } .subnav-wrapper:before, .subnav-wrapper:after { content: " "; display: table } .subnav-wrapper:after { clear: both } .subnav-wrapper .btn-apply { font-family: proxima nova bold; line-height: 1.3 } .subnav-wrapper .left { float: left; text-align: left } .subnav-wrapper .left .dropdown { margin-right: 15px } .subnav-wrapper .left.with-title { float: none } .subnav-wrapper .left .see-more { vertical-align: middle; display: inline-block; float: none } .subnav-wrapper .left h2 { margin: 10px 0; font-size: 18px; font-family: proxima nova semibold; width: 100% } .subnav-wrapper .left h2 [class^=trakt-icon-], .subnav-wrapper .left h2 [class*=" trakt-icon-"], .subnav-wrapper .left h2 .fa, .subnav-wrapper .left h2 [class^=fa-], .subnav-wrapper .left h2 [class*=" fa-"] { font-size: 20px; margin-right: 7px; vertical-align: middle; margin-top: -3px } .subnav-wrapper .left h2 .pill { color: #fff !important; background-color: #999; padding: 1px 4px; border-radius: 2px; font-size: 11px; text-transform: uppercase; margin-left: 5px; vertical-align: middle } .subnav-wrapper .left h2 .pill .pill-title { background-color: #1f4b68; display: inline-block; padding: 2px 4px 1px; margin: 0 4px 0 -4px; border-radius: 2px 0 0 2px } .subnav-wrapper .left h2 .pill.collaborators { background-color: #e85d04 !important; cursor: default } .subnav-wrapper .left h2 .pill.collaborators .pill-title { background-color: #b64903 } .subnav-wrapper .left h2 .pill.share-link { background-color: #009edf !important; text-decoration: none } .subnav-wrapper .left h2 .pill.share-link .pill-title { background-color: #007aac } .subnav-wrapper .left h2 .pill.beta { margin-right: 5px; background-color: #0084ab } .subnav-wrapper .left h2 .right a { text-decoration: none; color: #333 } .subnav-wrapper .left h2 .right a .icon { margin: 0 5px 0 0 } .subnav-wrapper .left h2 .right .count-text { transition: all .5s; font-size: 13px; text-transform: uppercase; font-family: proxima nova } .subnav-wrapper .right { float: right } .subnav-wrapper .right .dropdown .icon { font-size: 1.5em } .subnav-wrapper .right .hide-complete { margin-right: 10px } .subnav-wrapper .right .hide-complete input { margin-right: 5px } .subnav-wrapper .right [class^=trakt-icon-], .subnav-wrapper .right [class*=" trakt-icon-"], .subnav-wrapper .right .fa, .subnav-wrapper .right [class^=fa-], .subnav-wrapper .right [class*=" fa-"] { font-size: 1.6em; margin: 0 7px 0 10px; vertical-align: middle; color: #333 } .subnav-wrapper .right #filter-terms-launcher + .filter-dropdown { margin-left: -7px } .subnav-wrapper .right .feed-icon { transition: all .5s } .subnav-wrapper .right .feed-icon .icon { color: #999; vertical-align: middle; margin-right: 2px } .subnav-wrapper .right .feed-icon .icon.last { margin-right: 0 } .subnav-wrapper .right .feed-icon:hover { color: #ed1c24 } .subnav-wrapper .right .dropdown.more-left { margin-left: 10px } .subnav-wrapper .center .dropdown { margin-right: 15px } .subnav-wrapper .center .dropdown:last-child { margin-right: 0 } .subnav-wrapper.flex .container { display: -ms-flexbox; display: -webkit-flex; display: flex } .subnav-wrapper.flex .container .left { -webkit-flex: 1; flex: 1 } .subnav-wrapper.flex .container .right { white-space: nowrap } .subnav-wrapper .btn-date-range { font-size: 1.6em; margin: -2px 10px 0 0; transition: all .5s; cursor: pointer; vertical-align: middle } .subnav-wrapper .btn-date-range.selected { color: #ed1c24 } .subnav-wrapper .btn-date-range .caret { margin-left: 5px; margin-top: 3px } .subnav-wrapper .popover, h2 .popover { max-width: 400px; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } .subnav-wrapper .popover .popover-title, h2 .popover .popover-title { font-size: 16px !important; margin: 0 !important; text-transform: none !important } .subnav-wrapper .popover .popover-title .icon, h2 .popover .popover-title .icon { font-size: 20px; margin: 0 3px 0 0; vertical-align: bottom } .subnav-wrapper .popover .popover-title .label-vip, h2 .popover .popover-title .label-vip { float: right; margin: -3px -9px 0 0 } .subnav-wrapper .popover .popover-content, h2 .popover .popover-content { font-size: 14px; line-height: initial } .filter-dropdown { cursor: pointer } .filter-dropdown .dropdown-toggle { background: 0 0; border: none; padding: 0; margin: 0 } .filter-dropdown.selected .icon, .filter-dropdown.selected .caret, .filter-dropdown .selected .icon, .filter-dropdown .selected .caret { color: #ed1c24 !important } .filter-dropdown.selected .line, .filter-dropdown .selected .line { opacity: 1 !important } .filter-dropdown .icon { transition: all .5s; margin-right: 3px !important; position: relative; vertical-align: middle; color: #333 } .filter-dropdown .icon .line { background-color: #ed1c24; height: 1px; width: 100%; left: 0; position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 45%; opacity: 0; transition: all .5s } .filter-dropdown .icon.icon-dividers { margin-top: 2px; color: #333 } .filter-dropdown .metadata { position: relative } .filter-dropdown .metadata .icon { font-size: 1.5em; color: #333 } .filter-dropdown .metadata .caret { color: #333; margin-top: 6px } .filter-dropdown li a { position: relative } .filter-dropdown li a .check { position: absolute; margin: 0 !important; top: 6px; left: 4px; font-size: 13px !important; visibility: hidden } .filter-dropdown li a.selected { color: #ed1c24 } .filter-dropdown li a.selected .check { visibility: visible; color: #ed1c24 !important } .toggle-simple-progress .icon { font-size: 1.5em !important; margin-right: 0 !important } .subnav-text { background-color: #f3f3f3 } .subnav-text [data-readmore-toggle] { margin: 0 0 10px 10px } .subnav-text .text { padding-top: 10px; font-size: 13px; word-wrap: break-word } .subnav-text .text.instructions { text-align: center } .subnav-text .text[data-readmore] { max-height: 300px } .subnav-text .text[data-readmore][aria-expanded=false] { position: relative } .subnav-text .text[data-readmore][aria-expanded=false] .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; height: 100px; top: auto; bottom: 0; background-image: -webkit-linear-gradient(top, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%); background-image: -o-linear-gradient(top, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%); background-image: linear-gradient(to bottom, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00F3F3F3', endColorstr='#FFF3F3F3', GradientType=0) } .subnav-text .text blockquote { padding: 10px 15px; font-size: inherit; border-left: 5px solid #999; background-color: #fff } .subnav-text .text blockquote p:last-child { margin-bottom: 0 } .subnav-text .text * { font-size: inherit } #boxes-wrapper { background-color: #111 } #boxes-wrapper > .container > .row { margin-left: 0; margin-right: 0 } #boxes-wrapper #recently-watched-item { transition: all .5s } #boxes-wrapper .stat-box-wrapper { padding-left: 0; padding-right: 0 } #boxes-wrapper .stat-box { background-size: cover; background-color: #1d1d1d; background-position: center; height: 200px; color: #fff; padding: 0 20px; position: relative; overflow: hidden } #boxes-wrapper .stat-box a { color: #fff } #boxes-wrapper .stat-box .full-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-position: center; opacity: 0; transition: all 1s } #boxes-wrapper .stat-box .full-bg.enabled { opacity: 1 } #boxes-wrapper .stat-box .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); padding: 0 20px } #boxes-wrapper .stat-box .stat-content { margin-top: 20px } #boxes-wrapper .stat-box .stat-content.bottom { width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 20px 20px; margin-top: 0 } #boxes-wrapper .stat-box .stat-content.bottom .subtitle-wrapper .subtitle { background-color: rgba(255, 255, 255, .2) } #boxes-wrapper .stat-box .stat-content h2, #boxes-wrapper .stat-box .stat-content h3, #boxes-wrapper .stat-box .stat-content .see-more { text-shadow: 0 0 20px #000 } #boxes-wrapper .stat-box .stat-content h3 { font-family: proxima nova semibold; font-size: 18px; margin: 0 } #boxes-wrapper .stat-box .stat-content h4 { font-family: proxima nova; font-size: 13px; margin: 3px 0 0 } #boxes-wrapper .stat-box .stat-content .main-title-sxe { font-family: proxima nova bold } #boxes-wrapper .stat-box .subtitle-wrapper { margin-bottom: 5px } #boxes-wrapper .stat-box .subtitle-wrapper.more-top { margin-top: 15px } #boxes-wrapper .stat-box .subtitle-wrapper .subtitle { font-family: proxima nova semibold; font-size: 11px; display: inline-block; margin-right: 5px; padding: 3px 5px; line-height: 1; border-radius: 3px; background-color: rgba(0, 0, 0, .25) } #boxes-wrapper .stat-box .subtitle-wrapper .subtitle.alt { background-color: rgba(255, 255, 255, .2) } #boxes-wrapper .stat-box.empty .shade { background-color: transparent } #boxes-wrapper .stat-box.empty .poster-bg-wrapper, #boxes-wrapper .stat-box.empty .poster-bg { z-index: 0 } #boxes-wrapper #about-me.stat-box .shade { background-image: -webkit-linear-gradient(top, #ed1c24 0%, #c61017 100%); background-image: -o-linear-gradient(top, #ed1c24 0%, #c61017 100%); background-image: linear-gradient(to bottom, #ed1c24 0%, #c61017 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFED1C24', endColorstr='#FFC61017', GradientType=0) } #boxes-wrapper #about-me.stat-box .subtitle-wrapper { margin-bottom: 10px } #boxes-wrapper #about-me.stat-box .about-me-text { scrollbar-color: rgba(0, 0, 0, .1) rgba(100, 100, 100, .1); scrollbar-width: thin; overflow-y: auto; max-height: 132px; margin-right: -20px; padding-right: 20px } #boxes-wrapper #about-me.stat-box .about-me-text::-webkit-scrollbar { width: 6px; height: 6px } #boxes-wrapper #about-me.stat-box .about-me-text::-webkit-scrollbar-track { background: rgba(100, 100, 100, .1); border-radius: 3px } #boxes-wrapper #about-me.stat-box .about-me-text::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .1); transition: all .5s; border-radius: 3px } #boxes-wrapper #about-me.stat-box .about-me-text::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .3) } #boxes-wrapper #stats-summary.stat-box .shade { background-image: -webkit-linear-gradient(top, #0199d8 0%, #0175a5 100%); background-image: -o-linear-gradient(top, #0199d8 0%, #0175a5 100%); background-image: linear-gradient(to bottom, #0199d8 0%, #0175a5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0199D8', endColorstr='#FF0175A5', GradientType=0) } #boxes-wrapper #stats-summary.stat-box .play-count { display: inline; font-style: italic; font-size: 11px; color: rgba(255, 255, 255, .7) } #boxes-wrapper #stats-summary.stat-box .stat-content { margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap } #favorites-wrapper { background-color: #eee; padding-bottom: 10px } #favorites-wrapper .alert-no-data { background-color: #fafafa } #favorites-wrapper .favorites-item { transition: all .5s; border-radius: 15px; color: #fff } #favorites-wrapper .favorites-item:before, #favorites-wrapper .favorites-item:after { content: " "; display: table } #favorites-wrapper .favorites-item:after { clear: both } #favorites-wrapper .favorites-item .grid-item { float: left; width: 30%; margin: 20px } #favorites-wrapper .favorites-item .grid-item .poster { border: none; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25) } #favorites-wrapper .favorites-item .grid-item .poster .corner-rating { display: none } #favorites-wrapper .favorites-item .grid-item .titles { display: none } #favorites-wrapper .favorites-item .grid-item .quick-icons { display: none } #favorites-wrapper .favorites-item .info { scrollbar-color: rgba(0, 0, 0, .1) rgba(100, 100, 100, .1); scrollbar-width: thin; overflow-y: auto; max-height: 100px; transition: max-height .5s } #favorites-wrapper .favorites-item .info::-webkit-scrollbar { width: 6px; height: 6px } #favorites-wrapper .favorites-item .info::-webkit-scrollbar-track { background: rgba(100, 100, 100, .1); border-radius: 3px } #favorites-wrapper .favorites-item .info::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .1); transition: all .5s; border-radius: 3px } #favorites-wrapper .favorites-item .info::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .3) } #favorites-wrapper .favorites-item .info .title-wrapper { padding-right: 20px } #favorites-wrapper .favorites-item .info .title-wrapper .title { font-family: proxima nova bold; font-size: 18px; color: #fff; line-height: 1 } #favorites-wrapper .favorites-item .info .title-wrapper .under-title .year, #favorites-wrapper .favorites-item .info .title-wrapper .under-title .type { font-family: proxima nova semibold; font-size: 11px; display: inline-block; margin-right: 5px; padding: 3px 5px; line-height: 1; border-radius: 3px } #favorites-wrapper .favorites-item .info .title-wrapper .under-title .year { background-color: rgba(255, 255, 255, .2) } #favorites-wrapper .favorites-item .info .title-wrapper .under-title .type { background-color: rgba(0, 0, 0, .3) } #favorites-wrapper .favorites-item .info .notes-wrapper { padding: 15px 20px 0 0 } #favorites-wrapper .favorites-item .info .notes-wrapper.favorites-item-edit-notes { cursor: context-menu } #favorites-wrapper .favorites-item .info .notes-wrapper.favorites-item-edit-notes .btn { font-style: italic; color: #fff; background-color: rgba(255, 255, 255, .2); border-radius: 6px } #recently-watched-wrapper .fanarts { margin-top: 20px; margin-bottom: 30px } body.users.show #charts-wrapper { background-color: #fafafa; padding-bottom: 10px } body.users.show #charts-wrapper .genre-bars.rows.less-top { padding-top: 0 } body.users.show #charts-ratings { cursor: pointer } #most-watched-wrapper .help-text { margin-bottom: 5px } @media(max-width:991px) { #cover-wrapper.slim #avatar-wrapper h1 { white-space: nowrap } #cover-wrapper.slim #avatar-wrapper .under-name { white-space: nowrap; overflow-x: auto } #links-wrapper { overflow: auto } #links-wrapper .container { white-space: nowrap; padding: 0 } #links-wrapper a { padding: 0 13px } #most-watched-wrapper .posters .grid-item:nth-child(3) { display: none } } @media(max-width:767px) and (orientation:portrait) { #cover-wrapper { height: 410px } #cover-wrapper.watching-now { height: 480px } #cover-wrapper #avatar-wrapper { top: 80px } #cover-wrapper h1 { font-size: 28px } #cover-wrapper.slim { height: 220px } #cover-wrapper.slim > .container { height: 100%; background-color: rgba(0, 0, 0, .4); padding-left: 0; padding-right: 0 } #cover-wrapper.slim.watching-now { height: 270px } #cover-wrapper.slim #avatar-wrapper { top: 0; margin-top: 60px; padding-left: 20px } #cover-wrapper.slim #avatar-wrapper h1 { font-size: 24px; margin: 0 0 -2px; padding: 4px 0 0 } #cover-wrapper.slim #avatar-wrapper .avatar { width: 50px; height: 50px; margin-right: 10px } #cover-wrapper.slim #avatar-wrapper .buttons { top: 65px; bottom: 0; left: 0; text-align: center } #cover-wrapper.slim #avatar-wrapper h3 { font-size: 12px } #links-wrapper a { padding: 0 10px } body.is-self #cover-wrapper.slim, body.signed-out #cover-wrapper.slim, body.lists.official #cover-wrapper.slim { height: calc(120px + var(--header-height)) } body.is-self #cover-wrapper.slim.watching-now, body.signed-out #cover-wrapper.slim.watching-now, body.lists.official #cover-wrapper.slim.watching-now { height: calc(170px + var(--header-height)) } .label-private { margin: 0 0 3px 7px; padding: 3px 5px; font-size: 14px } .label-vip { font-size: 14px; margin: 0 0 3px 7px; padding-left: 23px } .label-vip .trakt-icon-trakt { font-size: 108% !important } .label-vip .text { padding: 3px 5px 3px 0 } .label-vip .ep { padding-top: 3px; padding-bottom: 3px } .label-vip .years { top: -3px } .label-beta { font-size: 14px; padding: 3px 5px } #watching-now-wrapper { height: 50px } #watching-now-wrapper .runtime { line-height: 50px; font-size: 40px; right: 10px } #watching-now-wrapper .elapsed, #watching-now-wrapper .percentage { line-height: 50px; font-size: 40px } #watching-now-wrapper #cancel-checkin { font-size: 35px; line-height: 48px } #watching-now-wrapper .info { padding: 8px 0 } #watching-now-wrapper .info h2 { font-size: 12px } #watching-now-wrapper .info h3 { font-size: 14px } } #chart-ratings-wrapper h3 { font-family: proxima nova bold; font-size: 13px; text-transform: uppercase; color: #959595; position: absolute; bottom: 45px; width: 100%; left: 0; text-align: center; margin: 0 } #chart-ratings-wrapper #chart-ratings { position: absolute; top: 70px; left: 80px } .refresh-progress-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); z-index: 1; color: #fff; text-align: center; top: 100%; transition: all .25s; cursor: pointer } .refresh-progress-item.open { top: 0 } .refresh-progress-item .label { text-align: center; position: absolute; width: 100%; bottom: 10px; left: 0; font-size: 13px; font-family: proxima nova semibold; font-weight: 400; text-transform: uppercase } .refresh-progress-item .label .fa, .refresh-progress-item .label [class^=fa-], .refresh-progress-item .label [class*=" fa-"] { margin-left: 5px } #progress-wrapper .row.posters { margin-bottom: 10px } #progress-wrapper .row.loading { opacity: .15 } #progress-wrapper .row .poster .rewatching-badge, #progress-wrapper .row .poster .notable-badge { left: -10px } #progress-wrapper .row .poster .notable-badge ~ .rewatching-badge { left: 10px } #progress-wrapper .row .main-info { font-size: 13px } #progress-wrapper .row .main-info * { text-align: left } #progress-wrapper .row .main-info h3.show-title { font-size: 22px; margin: 0; font-family: proxima nova semibold; height: auto } #progress-wrapper .row .main-info h3.show-title a:first-child { max-width: calc(100% - 60px); display: inline-block; text-overflow: ellipsis; overflow: hidden; vertical-align: top } #progress-wrapper .row .main-info h3.show-title .ignore, #progress-wrapper .row .main-info h3.show-title .reset { display: none; vertical-align: middle; font-size: .8em; margin-left: 7px; margin-bottom: 2px; color: #ccc; transition: all .5s } #progress-wrapper .row .main-info h3.show-title .ignore:hover, #progress-wrapper .row .main-info h3.show-title .reset:hover { color: #ed1c24 } #progress-wrapper .row .main-info h3.show-title .reset:hover .fa-backward:before { font-weight: 900 } #progress-wrapper .row .main-info h3.show-title .ignore .trakt-icon-block-thick { margin-top: -4px } #progress-wrapper .row .main-info h3.show-title .popover-title { height: auto; font-size: 14px; margin: 0; padding: 6px 8px; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } #progress-wrapper .row .main-info .progress { margin: 15px 0; background-color: #530d0d; height: 15px } #progress-wrapper .row .main-info .progress .progress-bar.spacer { background-color: #530d0d } #progress-wrapper .row .main-info .percentage { font-size: 24px; font-family: proxima nova semibold; line-height: 1.9; margin-left: -5px } #progress-wrapper .row .main-info .rewatching { font-style: italic; margin-bottom: 10px; color: #aaa } #progress-wrapper .row .main-info .rewatching .icon { vertical-align: middle; margin-bottom: 2px } #progress-wrapper .row .main-info .alternate-season-title { font-style: italic; color: #aaa } #progress-wrapper .row .main-info .seasons { background-color: #fafafa; padding: 10px 20px; margin: 10px -20px 0 } #progress-wrapper .row .main-info .seasons .info { margin: 5px 0 2px } #progress-wrapper .row .main-info .seasons .season-toggle, #progress-wrapper .row .main-info .seasons .all-toggle { cursor: pointer; margin-right: 5px } #progress-wrapper .row .main-info .seasons .season-toggle .fa, #progress-wrapper .row .main-info .seasons .season-toggle [class^=fa-], #progress-wrapper .row .main-info .seasons .season-toggle [class*=" fa-"], #progress-wrapper .row .main-info .seasons .all-toggle .fa, #progress-wrapper .row .main-info .seasons .all-toggle [class^=fa-], #progress-wrapper .row .main-info .seasons .all-toggle [class*=" fa-"] { margin-right: 4px; font-size: 10px; color: #666 } #progress-wrapper .row .main-info .seasons .season-toggle.link, #progress-wrapper .row .main-info .seasons .all-toggle.link { color: #ed1c24 } #progress-wrapper .row .main-info .seasons .season-toggle.link .fa, #progress-wrapper .row .main-info .seasons .season-toggle.link [class^=fa-], #progress-wrapper .row .main-info .seasons .season-toggle.link [class*=" fa-"], #progress-wrapper .row .main-info .seasons .all-toggle.link .fa, #progress-wrapper .row .main-info .seasons .all-toggle.link [class^=fa-], #progress-wrapper .row .main-info .seasons .all-toggle.link [class*=" fa-"] { color: #ed1c24 } #progress-wrapper .row .main-info .seasons .season-toggle .episode-count { color: #aaa; float: right; font-size: 10px; padding-top: 3px } #progress-wrapper .row .main-info .seasons .season-toggle .season-title { margin-right: 5px } #progress-wrapper .row .main-info .seasons .season-toggle .ignore, #progress-wrapper .row .main-info .seasons .season-toggle .season { display: none; font-size: 11px; color: #aaa; transition: all .5s } #progress-wrapper .row .main-info .seasons .season-toggle .ignore:hover, #progress-wrapper .row .main-info .seasons .season-toggle .season:hover { color: #ed1c24 } #progress-wrapper .row .main-info .seasons .season-toggle .season .icon { margin-top: 1px } #progress-wrapper .row .main-info .seasons .season-toggle .ignore { font-size: 10px } #progress-wrapper .row .main-info .seasons .season-toggle .ignore .icon { margin-top: 2px } #progress-wrapper .row .main-info .seasons .season-toggle .season { display: inline-block; color: #333 } #progress-wrapper .row .main-info .seasons .season-toggle .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; height: auto } #progress-wrapper .row .main-info .seasons .progress { margin: 0; height: 8px } #progress-wrapper .row .main-info .seasons .percentage { font-size: 18px; line-height: 1; margin-top: -6px } #progress-wrapper .row .main-info .seasons .episodes { margin: 4px -10px 0 -12px } #progress-wrapper .row .main-info .seasons .episodes:before, #progress-wrapper .row .main-info .seasons .episodes:after { content: " "; display: table } #progress-wrapper .row .main-info .seasons .episodes:after { clear: both } #progress-wrapper .row .main-info .seasons .episodes .episode { float: left; font-size: 12px; margin: 2px 0 0 12px } #progress-wrapper .row .main-info .seasons .episodes .episode [class^=trakt-icon-], #progress-wrapper .row .main-info .seasons .episodes .episode [class*=" trakt-icon-"] { font-size: 16px; margin: -1px 2px 0 0; vertical-align: middle } #progress-wrapper .row .main-info .seasons .episodes .episode.check a, #progress-wrapper .row .main-info .seasons .episodes .episode.collection a { color: #1db75e } #progress-wrapper .row .main-info .seasons .episodes .episode.delete a { color: #ed1c24 } #progress-wrapper .row .main-info .seasons .episodes .episode.other a { color: #009edf } #progress-wrapper .row .main-info .seasons .episodes .episode a:hover { text-decoration: none } #progress-wrapper .row .main-info p { margin: 0; line-height: 1.2 } #progress-wrapper.watched .episode.other a .trakt-icon-delete:before { content: "\e605" } #progress-wrapper.collected .episode.other a .trakt-icon-delete:before { content: "\e601" } #progress-wrapper .grid-item .titles h4 { margin-bottom: 0 } #progress-wrapper .grid-item .titles h5 { display: none } body.signed-in.is-self #progress-wrapper h3 .ignore, body.signed-in.is-self #progress-wrapper .season-toggle .ignore { display: inline-block !important } body.signed-in #progress-wrapper h3 .reset { display: inline-block !important } .list-rows { padding-bottom: 20px } .list-rows .personal-list { width: 100% } .list-rows .personal-list .user-avatar { margin-bottom: 20px } .list-rows hr.after-built-in { margin-bottom: 0 } #private-top-wrapper { background-color: rgba(0, 0, 0, .5); font-family: proxima nova; position: absolute; bottom: 0; width: 100%; text-align: center } #private-top-wrapper h1 { margin: 25px 0 15px } #private-top-wrapper h1 .trakt-icon-skull-bones { color: #999 } #private-top-wrapper h2 { margin: 0 0 25px; font-size: 18px } #progress-wrapper.charts { margin-top: 20px } #progress-wrapper.charts .row { margin-bottom: 10px } #progress-wrapper.charts .row .fanart img { width: 100% } #user-comments, .user-comments { padding-top: 20px } #user-comments .row:before, #user-comments .row:after, .user-comments .row:before, .user-comments .row:after { content: " "; display: table } #user-comments .row:after, .user-comments .row:after { clear: both } #user-comments .posters > div, .user-comments .posters > div { margin-top: 0 } #user-comments .inline-title, .user-comments .inline-title { background-color: #e1e1e1; padding: 5px 7px; margin: 0 -10px; font-size: 12px } #user-comments .inline-title .main-title-sxe, .user-comments .inline-title .main-title-sxe { font-weight: 700 } #user-profile-comments-wrapper { padding-bottom: 20px } #user-profile-comments-wrapper .comment-wrapper { margin-top: 20px } #user-profile-comments-wrapper .posters { margin-bottom: 0 } #user-profile-comments-wrapper .posters > div { margin-top: 20px } #user-profile-comments-wrapper .user-comments { padding-top: 0 } body.users.list #comments .comment-wrapper { margin-bottom: 20px } @media(max-width:767px) { #progress-wrapper .row.posters { margin-bottom: 0 } #progress-wrapper .row .main-info .percentage { font-size: 15px !important; line-height: 2.9; margin-left: -15px } #progress-wrapper .row .main-info .seasons { padding: 15px 10px; margin: 10px -10px 0 } #progress-wrapper .row .main-info .seasons .percentage { margin-top: -3px } #progress-wrapper .row .grid-item { margin-top: 0 } #progress-wrapper .row .grid-item .titles h5 { display: block } #private-top-wrapper h1 { font-size: 24px !important; margin: 25px 0 15px !important } #private-top-wrapper h2 { margin: 0 0 20px !important; font-size: 14px !important; padding: 0 20px } .list-rows .personal-list { width: auto !important; padding-bottom: 20px } #recent-wrapper { padding-bottom: 0 } #sortable-grid { margin-top: -20px } body.users.comments .pagination-bottom, body.users.notes .pagination-bottom { margin-top: 20px } body.users.comments #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O, body.users.notes #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { margin-bottom: 0 !important } body.watchlist .subnav-wrapper.flex, body.list .subnav-wrapper.flex, body.favorites .subnav-wrapper.flex { overflow-x: hidden } body.watchlist .subnav-wrapper.flex .container, body.list .subnav-wrapper.flex .container, body.favorites .subnav-wrapper.flex .container { display: block } body.watchlist .subnav-wrapper.flex .container .comment-wrapper.subnav, body.list .subnav-wrapper.flex .container .comment-wrapper.subnav, body.favorites .subnav-wrapper.flex .container .comment-wrapper.subnav { text-align: left; padding-bottom: 10px } body.watchlist .subnav-wrapper.flex .container .right, body.list .subnav-wrapper.flex .container .right, body.favorites .subnav-wrapper.flex .container .right { width: 100%; overflow-x: auto } #boxes-wrapper > .container { padding-left: 0; padding-right: 0 } #favorites-wrapper .favorites-item { margin-left: 10px; margin-right: 10px } .see-more.customize { margin-right: 5px } } @media(min-width:768px) and (max-width:991px) and (orientation:portrait) { #progress-wrapper .row .main-info .percentage { font-size: 20px; line-height: 2.2; margin-left: -7px } } @media(min-width:768px) and (max-width:991px) { #favorites-wrapper .row .col-sm-6:nth-child(3) { display: none } #recently-watched-episodes .grid-item:nth-child(3) { display: none } #recently-watched-movies .grid-item:nth-child(4), #recently-watched-movies .grid-item:nth-child(5) { display: none } #most-watched-wrapper .see-more-text { display: none } #most-watched-wrapper .see-more.customize { margin-right: 5px } } body.users.history .hide-watched, body.users.history .hide-watching, body.users.history .hide-unwatched, body.users.history .hide-collected, body.users.history .hide-collecting, body.users.history .hide-uncollected, body.users.history .hide-watchlisted, body.users.history .hide-unwatchlisted, body.users.history .hide-unrated { display: none } #metadata-options { padding-top: 0; padding-bottom: 0; display: none } #metadata-options.on { display: block } #metadata-options .dropdown-toggle, #metadata-options .btn-apply { margin-bottom: 15px } #collection-metadata-fields { display: none } #year-in-review { opacity: 0; transition: opacity .5s } body.show_progress #filter-terms-launcher { margin-left: 12px } body.users.history_recovered .quick-icons { display: none } #network-user-wrapper .fanarts { padding-bottom: 20px } #network-user-wrapper .fanarts .user-card { margin-top: 20px } body.apps #apps-icon-wrapper .apps-icons, body.trakt_stats #apps-icon-wrapper .apps-icons { background-color: transparent; text-align: center; margin: 0 -5px } body.apps #apps-icon-wrapper .apps-icons .app, body.trakt_stats #apps-icon-wrapper .apps-icons .app { width: 10%; display: inline-block; margin-bottom: 10px; vertical-align: top } body.apps #apps-icon-wrapper .apps-icons .app .icon, body.trakt_stats #apps-icon-wrapper .apps-icons .app .icon { position: relative; margin: 0 5px } body.apps #apps-icon-wrapper .apps-icons .app .icon img, body.trakt_stats #apps-icon-wrapper .apps-icons .app .icon img { width: 100% } body.apps #apps-icon-wrapper .apps-icons .app .icon img.real, body.trakt_stats #apps-icon-wrapper .apps-icons .app .icon img.real { height: 100%; position: absolute; top: 0; left: 0 } body.apps #apps-icon-wrapper .apps-icons .app .name, body.trakt_stats #apps-icon-wrapper .apps-icons .app .name { display: none; font-size: 11px; color: #333; margin: 4px 5px 0; line-height: 1.2; font-family: proxima nova } body.apps #apps-icon-wrapper .apps-icons .app .icon, body.trakt_stats #apps-icon-wrapper .apps-icons .app .icon { border-radius: 20%; overflow: hidden; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc } body.apps .alert { position: fixed; top: var(--header-height); width: 100%; z-index: 100; text-align: center } body.apps #watching-wrapper { height: calc(550px + var(--header-height)) } body.apps #watching-wrapper .info-wrapper { padding-bottom: 120px } body.apps #watching-wrapper .works-with { bottom: 100px } body.apps #watching-wrapper h1 { margin-top: calc(100px + var(--header-height)) } body.apps #alexa-wrapper { height: auto; padding-bottom: 100px } body.apps #plex-scrobblers-wrapper { height: auto; padding-bottom: 100px; border-bottom: 1px solid #000 } body.apps #plex-scrobblers-wrapper .full-screenshot { background-position: center 25% } body.apps #plex-scrobblers-wrapper .shade-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0px, rgba(0, 0, 0, 0) 60%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75) 0px, rgba(0, 0, 0, 0) 60%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0px, rgba(0, 0, 0, 0) 60%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF000000', endColorstr='#00000000', GradientType=1) } body.apps #plex-scrobblers-wrapper h2 a { color: inherit; border-bottom: 1px solid currentColor; text-decoration: none } body.apps #apps-icon-wrapper { background: -moz-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #eee), color-stop(100%, #fff)); background: -webkit-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -o-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -ms-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: radial-gradient(center, circle cover, #eee 0%, #fff 100%); padding-bottom: 60px; height: auto } body.apps #apps-icon-wrapper .info-wrapper { text-align: center } body.apps #apps-icon-wrapper .info-wrapper h1 { margin-top: 80px } body.apps #apps-icon-wrapper .btn-group.in-wrapper { margin: 20px 0 50px; width: 100% } body.apps #apps-icon-wrapper .btn-group.in-wrapper .btn { display: inline-block; width: auto; font-size: 16px; line-height: 1; border: none; padding: 12px 15px } body.apps #apps-icon-wrapper .btn-group.in-wrapper .btn:focus { outline: none } body.apps #apps-icon-wrapper .btn-group.in-wrapper .btn:hover:not(.btn-primary) { color: #000 } body.apps #apps-icon-wrapper .btn-group.in-wrapper .btn-default { background-color: transparent } body.apps #apps-icon-wrapper .btn-group.in-wrapper .btn-primary { border-radius: 3px } #ios-beta-wrapper, #ios-public-wrapper, #traktcasts-ios-beta-wrapper, #android-app-beta-wrapper, #android-public-wrapper, #mobile-public-wrapper, #mobile-home-wrapper, #tvos-public-wrapper, #dec-crash-wrapper, #dec-crash-history-recovered { height: auto; padding-bottom: 100px; border-bottom: 1px solid #000 } #ios-beta-wrapper h2 a, #ios-public-wrapper h2 a, #traktcasts-ios-beta-wrapper h2 a, #android-app-beta-wrapper h2 a, #android-public-wrapper h2 a, #mobile-public-wrapper h2 a, #mobile-home-wrapper h2 a, #tvos-public-wrapper h2 a, #dec-crash-wrapper h2 a, #dec-crash-history-recovered h2 a { color: inherit; border-bottom: 1px dotted currentColor; text-decoration: none } #ios-beta-wrapper .buttons, #ios-public-wrapper .buttons, #traktcasts-ios-beta-wrapper .buttons, #android-app-beta-wrapper .buttons, #android-public-wrapper .buttons, #mobile-public-wrapper .buttons, #mobile-home-wrapper .buttons, #tvos-public-wrapper .buttons, #dec-crash-wrapper .buttons, #dec-crash-history-recovered .buttons { margin-top: 0 } #ios-beta-wrapper .buttons .more-left, #ios-public-wrapper .buttons .more-left, #traktcasts-ios-beta-wrapper .buttons .more-left, #android-app-beta-wrapper .buttons .more-left, #android-public-wrapper .buttons .more-left, #mobile-public-wrapper .buttons .more-left, #mobile-home-wrapper .buttons .more-left, #tvos-public-wrapper .buttons .more-left, #dec-crash-wrapper .buttons .more-left, #dec-crash-history-recovered .buttons .more-left { margin-left: 20px } #ios-beta-wrapper .vip-signup, #ios-public-wrapper .vip-signup, #traktcasts-ios-beta-wrapper .vip-signup, #android-app-beta-wrapper .vip-signup, #android-public-wrapper .vip-signup, #mobile-public-wrapper .vip-signup, #mobile-home-wrapper .vip-signup, #tvos-public-wrapper .vip-signup, #dec-crash-wrapper .vip-signup, #dec-crash-history-recovered .vip-signup { color: #aaa } #ios-beta-wrapper .vip-signup h2, #ios-public-wrapper .vip-signup h2, #traktcasts-ios-beta-wrapper .vip-signup h2, #android-app-beta-wrapper .vip-signup h2, #android-public-wrapper .vip-signup h2, #mobile-public-wrapper .vip-signup h2, #mobile-home-wrapper .vip-signup h2, #tvos-public-wrapper .vip-signup h2, #dec-crash-wrapper .vip-signup h2, #dec-crash-history-recovered .vip-signup h2 { font-size: 15px; font-style: italic } #ios-beta-wrapper .vip-signup .btn, #ios-public-wrapper .vip-signup .btn, #traktcasts-ios-beta-wrapper .vip-signup .btn, #android-app-beta-wrapper .vip-signup .btn, #android-public-wrapper .vip-signup .btn, #mobile-public-wrapper .vip-signup .btn, #mobile-home-wrapper .vip-signup .btn, #tvos-public-wrapper .vip-signup .btn, #dec-crash-wrapper .vip-signup .btn, #dec-crash-history-recovered .vip-signup .btn { font-size: 14px; padding: 4px 9px; transform: all .5s } #ios-beta-wrapper .vip-signup .btn-primary, #ios-public-wrapper .vip-signup .btn-primary, #traktcasts-ios-beta-wrapper .vip-signup .btn-primary, #android-app-beta-wrapper .vip-signup .btn-primary, #android-public-wrapper .vip-signup .btn-primary, #mobile-public-wrapper .vip-signup .btn-primary, #mobile-home-wrapper .vip-signup .btn-primary, #tvos-public-wrapper .vip-signup .btn-primary, #dec-crash-wrapper .vip-signup .btn-primary, #dec-crash-history-recovered .vip-signup .btn-primary { background-color: #8e44ad; border-color: #8e44ad } #ios-beta-wrapper .vip-signup .btn-primary:hover, #ios-public-wrapper .vip-signup .btn-primary:hover, #traktcasts-ios-beta-wrapper .vip-signup .btn-primary:hover, #android-app-beta-wrapper .vip-signup .btn-primary:hover, #android-public-wrapper .vip-signup .btn-primary:hover, #mobile-public-wrapper .vip-signup .btn-primary:hover, #mobile-home-wrapper .vip-signup .btn-primary:hover, #tvos-public-wrapper .vip-signup .btn-primary:hover, #dec-crash-wrapper .vip-signup .btn-primary:hover, #dec-crash-history-recovered .vip-signup .btn-primary:hover { background-color: #703688; border-color: #703688 } #ios-beta-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #ios-public-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #traktcasts-ios-beta-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #android-app-beta-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #android-public-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #mobile-public-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #mobile-home-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #tvos-public-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #dec-crash-wrapper .vip-signup .btn-primary .trakt-icon-trakt, #dec-crash-history-recovered .vip-signup .btn-primary .trakt-icon-trakt { margin: 2px 3px 0; vertical-align: top } #ios-beta-wrapper .vip-signup .btn-secondary, #ios-public-wrapper .vip-signup .btn-secondary, #traktcasts-ios-beta-wrapper .vip-signup .btn-secondary, #android-app-beta-wrapper .vip-signup .btn-secondary, #android-public-wrapper .vip-signup .btn-secondary, #mobile-public-wrapper .vip-signup .btn-secondary, #mobile-home-wrapper .vip-signup .btn-secondary, #tvos-public-wrapper .vip-signup .btn-secondary, #dec-crash-wrapper .vip-signup .btn-secondary, #dec-crash-history-recovered .vip-signup .btn-secondary { background-color: rgba(0, 0, 0, .5); border-color: #8e44ad } #ios-beta-wrapper .beta-signup .btn-primary, #ios-public-wrapper .beta-signup .btn-primary, #traktcasts-ios-beta-wrapper .beta-signup .btn-primary, #android-app-beta-wrapper .beta-signup .btn-primary, #android-public-wrapper .beta-signup .btn-primary, #mobile-public-wrapper .beta-signup .btn-primary, #mobile-home-wrapper .beta-signup .btn-primary, #tvos-public-wrapper .beta-signup .btn-primary, #dec-crash-wrapper .beta-signup .btn-primary, #dec-crash-history-recovered .beta-signup .btn-primary { background-color: #8e44ad; border-color: #8e44ad } #ios-beta-wrapper .beta-signup .btn-primary:hover, #ios-public-wrapper .beta-signup .btn-primary:hover, #traktcasts-ios-beta-wrapper .beta-signup .btn-primary:hover, #android-app-beta-wrapper .beta-signup .btn-primary:hover, #android-public-wrapper .beta-signup .btn-primary:hover, #mobile-public-wrapper .beta-signup .btn-primary:hover, #mobile-home-wrapper .beta-signup .btn-primary:hover, #tvos-public-wrapper .beta-signup .btn-primary:hover, #dec-crash-wrapper .beta-signup .btn-primary:hover, #dec-crash-history-recovered .beta-signup .btn-primary:hover { background-color: #703688; border-color: #703688 } #ios-beta-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #ios-public-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #traktcasts-ios-beta-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #android-app-beta-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #android-public-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #mobile-public-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #mobile-home-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #tvos-public-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #dec-crash-wrapper .beta-signup .btn-primary .trakt-icon-trakt, #dec-crash-history-recovered .beta-signup .btn-primary .trakt-icon-trakt { margin: 2px 3px 0; vertical-align: top } #ios-beta-wrapper .beta-signup .btn-secondary, #ios-public-wrapper .beta-signup .btn-secondary, #traktcasts-ios-beta-wrapper .beta-signup .btn-secondary, #android-app-beta-wrapper .beta-signup .btn-secondary, #android-public-wrapper .beta-signup .btn-secondary, #mobile-public-wrapper .beta-signup .btn-secondary, #mobile-home-wrapper .beta-signup .btn-secondary, #tvos-public-wrapper .beta-signup .btn-secondary, #dec-crash-wrapper .beta-signup .btn-secondary, #dec-crash-history-recovered .beta-signup .btn-secondary { background-color: rgba(0, 0, 0, .5); border-color: #8e44ad } #ios-beta-wrapper .beta-paused, #ios-public-wrapper .beta-paused, #traktcasts-ios-beta-wrapper .beta-paused, #android-app-beta-wrapper .beta-paused, #android-public-wrapper .beta-paused, #mobile-public-wrapper .beta-paused, #mobile-home-wrapper .beta-paused, #tvos-public-wrapper .beta-paused, #dec-crash-wrapper .beta-paused, #dec-crash-history-recovered .beta-paused { background-color: #8e44ad; border-color: #8e44ad; padding: 10px; border-radius: 6px; margin-bottom: 25px; display: inline-block; font-family: proxima nova } #ios-beta-wrapper .beta-paused .fa, #ios-beta-wrapper .beta-paused [class^=fa-], #ios-beta-wrapper .beta-paused [class*=" fa-"], #ios-public-wrapper .beta-paused .fa, #ios-public-wrapper .beta-paused [class^=fa-], #ios-public-wrapper .beta-paused [class*=" fa-"], #traktcasts-ios-beta-wrapper .beta-paused .fa, #traktcasts-ios-beta-wrapper .beta-paused [class^=fa-], #traktcasts-ios-beta-wrapper .beta-paused [class*=" fa-"], #android-app-beta-wrapper .beta-paused .fa, #android-app-beta-wrapper .beta-paused [class^=fa-], #android-app-beta-wrapper .beta-paused [class*=" fa-"], #android-public-wrapper .beta-paused .fa, #android-public-wrapper .beta-paused [class^=fa-], #android-public-wrapper .beta-paused [class*=" fa-"], #mobile-public-wrapper .beta-paused .fa, #mobile-public-wrapper .beta-paused [class^=fa-], #mobile-public-wrapper .beta-paused [class*=" fa-"], #mobile-home-wrapper .beta-paused .fa, #mobile-home-wrapper .beta-paused [class^=fa-], #mobile-home-wrapper .beta-paused [class*=" fa-"], #tvos-public-wrapper .beta-paused .fa, #tvos-public-wrapper .beta-paused [class^=fa-], #tvos-public-wrapper .beta-paused [class*=" fa-"], #dec-crash-wrapper .beta-paused .fa, #dec-crash-wrapper .beta-paused [class^=fa-], #dec-crash-wrapper .beta-paused [class*=" fa-"], #dec-crash-history-recovered .beta-paused .fa, #dec-crash-history-recovered .beta-paused [class^=fa-], #dec-crash-history-recovered .beta-paused [class*=" fa-"] { display: inline-block; font-size: 26px; vertical-align: middle } #ios-beta-wrapper .beta-paused .text, #ios-public-wrapper .beta-paused .text, #traktcasts-ios-beta-wrapper .beta-paused .text, #android-app-beta-wrapper .beta-paused .text, #android-public-wrapper .beta-paused .text, #mobile-public-wrapper .beta-paused .text, #mobile-home-wrapper .beta-paused .text, #tvos-public-wrapper .beta-paused .text, #dec-crash-wrapper .beta-paused .text, #dec-crash-history-recovered .beta-paused .text { display: inline-block; vertical-align: middle; padding-left: 10px } #mobile-public-wrapper { background: 0 0 } #mobile-public-wrapper .full-screenshot { background-position: center } #traktcasts-ios-beta-wrapper .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B3000000', GradientType=1) } #tvos-public-wrapper .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 70%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 70%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 70%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6000000', endColorstr='#00000000', GradientType=1) } @media(max-width:767px) { body.apps #apps-icon-wrapper .apps-icons .app, body.trakt_stats #apps-icon-wrapper .apps-icons .app { width: 25% } body.apps #apps-icon-wrapper .apps-icons .app .name, body.trakt_stats #apps-icon-wrapper .apps-icons .app .name { display: block } body.apps #watching-wrapper { height: 480px !important } body.apps #watching-wrapper .info-wrapper { padding-bottom: 90px } body.apps #watching-wrapper .works-with { bottom: 75px } body.apps #watching-wrapper #watching-now-wrapper h2 { font-size: 12px !important; margin: 3px 0 2px; padding: 0 } body.apps #watching-wrapper #watching-now-wrapper h3 { font-size: 13px } body.apps #apps-icon-wrapper { height: auto; padding: 30px 0 10px } body.apps #apps-icon-wrapper .info-wrapper h1 { margin-top: 0 } body.apps #apps-icon-wrapper .btn-group.in-wrapper { margin: 10px 0 30px } body.apps #apps-icon-wrapper .btn-group.in-wrapper .btn { font-size: 15px; padding: 8px 13px } body.apps #alexa-wrapper, body.apps #plex-scrobblers-wrapper { padding-bottom: 0 } body.apps #alexa-wrapper .info-wrapper, body.apps #plex-scrobblers-wrapper .info-wrapper { padding: 80px 30px; background-color: rgba(0, 0, 0, .5); text-align: center } body.apps #plex-scrobblers-wrapper .shade-left { display: none } } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box } .noUi-target { position: relative; direction: ltr } .noUi-base { width: 100%; height: 100%; position: relative } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0 } .noUi-handle { position: relative; z-index: 1 } .noUi-stacking .noUi-handle { z-index: 10 } .noUi-stacking + .noUi-origin { *z-index: -1 } .noUi-state-tap .noUi-origin { -webkit-transition: left .3s, top .3s; transition: left .3s, top .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .noUi-horizontal { height: 18px } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px } .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px } .noUi-background { background: #fafafa; box-shadow: inset 0 1px 1px #f0f0f0 } .noUi-connect { background: #3fb8af; box-shadow: inset 0 0 3px rgba(51, 51, 51, .45); -webkit-transition: background 450ms; transition: background 450ms } .noUi-origin { border-radius: 2px } .noUi-target { border-radius: 4px; border: 1px solid #d3d3d3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #bbb } .noUi-dragable { cursor: w-resize } .noUi-vertical .noUi-dragable { cursor: n-resize } .noUi-handle { border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb } .noUi-active { box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb } .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #e8e7e6; left: 14px; top: 6px } .noUi-handle:after { left: 17px } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px } .noUi-vertical .noUi-handle:after { top: 17px } .noUi-connect[disabled], [disabled] .noUi-connect { background: #b8b8b8 } [disabled] .noUi-handle { cursor: not-allowed } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box } .noUi-pips { position: absolute; font-size: 12px; color: #999 } .noUi-value { width: 40px; position: absolute; text-align: center } .noUi-value-sub { color: #ccc; font-size: 10px } .noUi-marker { position: absolute; background: #ccc } .noUi-marker-sub { background: #aaa } .noUi-marker-large { background: #aaa } .noUi-pips-horizontal { padding: 10px 0; height: 50px; top: 100%; left: 0; width: 100% } .noUi-value-horizontal { margin-left: -20px; padding-top: 20px } .noUi-value-horizontal.noUi-value-sub { padding-top: 15px } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px } .noUi-marker-horizontal.noUi-marker-sub { height: 10px } .noUi-marker-horizontal.noUi-marker-large { height: 15px } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100% } .noUi-value-vertical { width: 15px; margin-left: 20px; margin-top: -5px } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px } .noUi-marker-vertical.noUi-marker-sub { width: 10px } .noUi-marker-vertical.noUi-marker-large { width: 15px } #vip-features-wrapper { background: -moz-radial-gradient(center, circle cover, #000 0%, #666 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000), color-stop(100%, #666)); background: -webkit-radial-gradient(center, circle cover, #000 0%, #666 100%); background: -o-radial-gradient(center, circle cover, #000 0%, #666 100%); background: -ms-radial-gradient(center, circle cover, #000 0%, #666 100%); background: radial-gradient(center, circle cover, #000 0%, #666 100%); color: #fff } #vip-features-wrapper.forums-access { background-color: #333; color: #fff; background-image: url(/assets/vip/bg-36eb0e54f43f0277668ce86cfe15b39554b571623eec25ef40e4b30b794c890e.jpg); background-size: cover; background-position: bottom center } #vip-features-wrapper .alert { margin: 0 0 -30px } #vip-features-wrapper .inner { background: rgba(0, 0, 0, .7); padding: 0 } #vip-features-wrapper .inner .top-info { text-align: center } #vip-features-wrapper .inner .top-info a { text-decoration: none } #vip-features-wrapper .inner .top-info h1 { font-family: proxima nova semibold; font-size: 42px; margin: 0; text-shadow: 0 0 20px #000 } #vip-features-wrapper .inner .top-info h2 { font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; margin: 20px 0 30px; text-shadow: 0 0 20px #000; line-height: 1.2 } #vip-features-wrapper .inner .top-info form { display: inline-block } #vip-features-wrapper .inner .top-info .popover { color: #000; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } #vip-features-wrapper .inner .btn-yearly, #vip-features-wrapper .inner .btn-monthly, #vip-features-wrapper .inner .stripe-button-el span { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } #vip-features-wrapper .inner .btn-yearly.spacer, #vip-features-wrapper .inner .stripe-button-el { margin-right: 20px } #vip-features-wrapper .inner .stripe-button-el { box-shadow: none; border-radius: 0; background: #ed1c24; padding: 0 } #vip-features-wrapper .inner .stripe-button-el span { display: block; min-height: 1px; background: 0 0; border: none; box-shadow: none; margin: 0; height: auto; font-size: 16px; font-family: proxima nova bold; font-weight: 400; padding: 12px 16px 14px; line-height: 18px } #vip-features-wrapper .inner .btn-monthly { color: #fff; text-shadow: 0 0 20px #000; background: 0 0 } @media(max-width:767px) { #vip-features-wrapper .inner .top-info { padding-top: 50px } #vip-features-wrapper .inner .top-info h1 { font-size: 36px } #vip-features-wrapper .inner #vip-features { margin-bottom: -50px; padding-bottom: 20px } } #vip-features h4 .label, #standard-features h4 .label { color: #fff; background-color: #777 } #vip-features h4 .label.label-popular, #standard-features h4 .label.label-popular { background-color: #ed1c24 } #vip-features h4 .label.label-new, #standard-features h4 .label.label-new { background-color: #08a508 } #vip-features h4 .label.label-soon, #standard-features h4 .label.label-soon { background-color: #0084ab } #vip-features h4 .label.label-beta, #standard-features h4 .label.label-beta { background-color: #ed1c24 } .features [class^=trakt-icon-], .features [class*=" trakt-icon-"], .features .fa, .features [class^=fa-], .features [class*=" fa-"] { font-size: 30px } .features .fa-rectangle-ad::after { background-color: #ed1c24; height: 1px; width: 52px; content: ''; position: absolute; transform: rotate(34deg); top: 14px; left: 1px } .features .trakt-icon-moon { font-size: 36px; margin-right: -6px } .features .trakt-icon-plex { font-size: 22px; margin: 2px 1px 0 5px } .features .fa-play, .features .fa-thin-play-clock { font-size: 26px; margin-left: 5px } .features .pull-left { margin-right: 15px } .features .pull-left .number { background: rgba(255, 255, 255, .2); border-radius: 50%; width: 32px; line-height: 32px; text-align: center; font-family: proxima nova semibold; font-size: 18px } .features .media { margin-bottom: 20px } .features .media.featured * { color: #5bc0de } .features .media.featured * a { color: #ed1c24 } .features h4 { margin: 5px 0 0; font-size: 17px; font-family: proxima nova semibold } .features h4 .label { padding: 2px 4px; font-size: 11px; font-family: proxima nova semibold; font-weight: 400; background-color: #999; border-radius: 2px; margin: 0 0 0 5px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0 } .features h5 { margin: 5px 0 0; color: #bbb; font-size: 14px } .features h5 .fa, .features h5 [class^=fa-], .features h5 [class*=" fa-"] { font-size: 14px } .features h5 a.learn-more { display: block; border: none !important; color: #ed1c24 !important; text-transform: uppercase; font-size: 12px; margin-bottom: 3px } .features h5 a.learn-more:first-child { margin-top: 10px } .features h5 a.learn-more [class^=trakt-icon-], .features h5 a.learn-more [class*=" trakt-icon-"], .features h5 a.learn-more .fa, .features h5 a.learn-more [class^=fa-], .features h5 a.learn-more [class*=" fa-"] { font-size: inherit; vertical-align: middle; color: #666; margin-left: 3px } #standard-features { background: -moz-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #eee), color-stop(100%, #fff)); background: -webkit-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -o-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: -ms-radial-gradient(center, circle cover, #eee 0%, #fff 100%); background: radial-gradient(center, circle cover, #eee 0%, #fff 100%) } #standard-features h5 { color: #777 } #standard-features h4 .label.label-new { background-color: #08a508 } #vip-features, #standard-features { padding-bottom: 50px } #vip-features h1, #standard-features h1 { text-align: center; margin: 50px 0 5px; font-size: 42px } #vip-features h2, #standard-features h2 { margin: 0 0 60px; font-size: 19px; text-align: center } #view-payment-history { outline: none } #payment-history { max-height: 0; overflow-y: auto; transition: all .5s } #payment-history.shown { max-height: 800px } #payment-history .history-row { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: rgba(0, 0, 0, .6); margin-bottom: 5px; padding: 10px; text-align: left; border-radius: 5px; word-break: break-all } .alert-downstream, .alert-reddit, .alert-trakt-sale, .alert-trakt-og { background-color: #9d78df; border-color: #9d78df; color: #fff; text-align: center !important; font-family: proxima nova semibold; font-size: 16px } .alert-downstream img, .alert-reddit img, .alert-trakt-sale img, .alert-trakt-og img { height: 30px; margin-right: 10px } .alert-downstream .icon, .alert-reddit .icon, .alert-trakt-sale .icon, .alert-trakt-og .icon { font-size: 30px; margin-right: 10px; vertical-align: middle } .alert-discount { text-align: center !important } .alert-reddit { background-color: #ff4501; border-color: #ff4501 } .alert-trakt-sale { background-color: #8e44ad; border-color: #8e44ad } .alert-trakt-og { background-color: #ed1c24; border-color: #ed1c24 } #watching-wrapper.kale-header, .kale-thanks-header { height: 700px; text-align: center } #watching-wrapper.kale-header.is-vip, .kale-thanks-header.is-vip { height: auto } #watching-wrapper.kale-header.payments, .kale-thanks-header.payments { height: auto } #watching-wrapper.kale-header.basic, .kale-thanks-header.basic { height: auto; padding-bottom: 50px } #watching-wrapper.kale-header.with-alert, #watching-wrapper.kale-header.with-discount, .kale-thanks-header.with-alert, .kale-thanks-header.with-discount { height: 700px } #watching-wrapper.kale-header.with-alert h1, #watching-wrapper.kale-header.with-discount h1, .kale-thanks-header.with-alert h1, .kale-thanks-header.with-discount h1 { margin-top: calc(90px + var(--header-height)) } #watching-wrapper.kale-header.with-alert.with-discount, .kale-thanks-header.with-alert.with-discount { height: 760px } #watching-wrapper.kale-header.with-kale-thanks h1, .kale-thanks-header.with-kale-thanks h1 { margin-top: 20px } #watching-wrapper.kale-header.renew, .kale-thanks-header.renew { padding-bottom: 0 } #watching-wrapper.kale-header.renew h1, .kale-thanks-header.renew h1 { margin-top: 120px } #watching-wrapper.kale-header .alert, .kale-thanks-header .alert { position: absolute; top: var(--header-height); width: 100%; z-index: 10; text-align: left } #watching-wrapper.kale-header .shade, .kale-thanks-header .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background: -moz-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -o-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: -ms-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%); background: radial-gradient(center, circle cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%) } #watching-wrapper.kale-header h1, .kale-thanks-header h1 { margin-top: calc(60px + var(--header-height)); transition: margin .5s; text-align: center } #watching-wrapper.kale-header h1 .trakt-icon-trakt, .kale-thanks-header h1 .trakt-icon-trakt { vertical-align: top; color: #ed1c24 } #watching-wrapper.kale-header h2, .kale-thanks-header h2 { text-align: center; margin-top: 5px } #watching-wrapper.kale-header h2 a, .kale-thanks-header h2 a { color: #eee; border-bottom: 1px dotted #eee } #watching-wrapper.kale-header h2.cancelled, .kale-thanks-header h2.cancelled { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, .5); display: inline-block; padding: 10px 15px; border-radius: 5px; font-size: 16px } #watching-wrapper.kale-header h2.renewal-info, .kale-thanks-header h2.renewal-info { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, .5); display: inline-block; padding: 10px 15px; border-radius: 5px; margin-bottom: 30px; font-size: 16px } #watching-wrapper.kale-header > .container > .row, .kale-thanks-header > .container > .row { min-height: 100%; position: relative } #watching-wrapper.kale-header ol.configuration-steps, .kale-thanks-header ol.configuration-steps { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); display: inline-block; text-align: left; background-color: rgba(0, 0, 0, .5); margin: 0 0 40px; padding: 20px 20px 0; border-radius: 10px; max-width: calc(100vw - 40px) } #watching-wrapper.kale-header ol.configuration-steps li, .kale-thanks-header ol.configuration-steps li { margin: 0 0 20px 40px !important; padding-top: 6px !important } #watching-wrapper.kale-header .vip-buttons, .kale-thanks-header .vip-buttons { text-align: center } #watching-wrapper.kale-header .vip-buttons:before, #watching-wrapper.kale-header .vip-buttons:after, .kale-thanks-header .vip-buttons:before, .kale-thanks-header .vip-buttons:after { content: " "; display: table } #watching-wrapper.kale-header .vip-buttons:after, .kale-thanks-header .vip-buttons:after { clear: both } #watching-wrapper.kale-header .vip-buttons .btn-yearly, #watching-wrapper.kale-header .vip-buttons .btn-monthly, #watching-wrapper.kale-header .vip-buttons .stripe-button-el span, .kale-thanks-header .vip-buttons .btn-yearly, .kale-thanks-header .vip-buttons .btn-monthly, .kale-thanks-header .vip-buttons .stripe-button-el span { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } #watching-wrapper.kale-header .vip-buttons .btn-yearly.spacer, #watching-wrapper.kale-header .vip-buttons .stripe-button-el, .kale-thanks-header .vip-buttons .btn-yearly.spacer, .kale-thanks-header .vip-buttons .stripe-button-el { margin-right: 20px } #watching-wrapper.kale-header .vip-buttons .btn-monthly, .kale-thanks-header .vip-buttons .btn-monthly { color: #fff; text-shadow: 0 0 20px #000; background: 0 0 } #watching-wrapper.kale-header .vip-buttons .popover, .kale-thanks-header .vip-buttons .popover { color: #000; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } #watching-wrapper.kale-header .vip-buttons button, .kale-thanks-header .vip-buttons button { margin-bottom: 20px } #watching-wrapper.kale-header .vip-buttons #cancel-vip, .kale-thanks-header .vip-buttons #cancel-vip { outline: none; border: solid 1px rgba(255, 255, 255, .25); background-color: rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px) } #watching-wrapper.kale-header .vip-buttons .popover.cancel-vip, .kale-thanks-header .vip-buttons .popover.cancel-vip { width: 480px; max-width: calc(100vw - 20px) } #watching-wrapper.kale-header .vip-buttons .btn-cancel, .kale-thanks-header .vip-buttons .btn-cancel { border-radius: 6px; font-family: proxima nova semibold; margin-bottom: 3px } #watching-wrapper.kale-header img.kale, .kale-thanks-header img.kale { height: 60px; vertical-align: bottom } #watching-wrapper.kale-header .social-buttons, .kale-thanks-header .social-buttons { text-align: center; padding-top: 10px; padding-bottom: 30px } #watching-wrapper.kale-header .social-buttons .btn, .kale-thanks-header .social-buttons .btn { margin: 0 7px 20px; text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } #watching-wrapper.kale-header .social-buttons .btn .name, .kale-thanks-header .social-buttons .btn .name { margin-left: 5px } #watching-wrapper.kale-header .kale-details, .kale-thanks-header .kale-details { position: absolute; bottom: 0; padding: 0 } #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper, .kale-thanks-header .kale-details .plan-options-text-wrapper { background-color: rgba(0, 0, 0, .7) } #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper:before, #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper:after, .kale-thanks-header .kale-details .plan-options-text-wrapper:before, .kale-thanks-header .kale-details .plan-options-text-wrapper:after { content: " "; display: table } #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper:after, .kale-thanks-header .kale-details .plan-options-text-wrapper:after { clear: both } #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper .plan-options-single-text, .kale-thanks-header .kale-details .plan-options-text-wrapper .plan-options-single-text { padding: 10px 0; text-align: center } #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper .plan-options-text, .kale-thanks-header .kale-details .plan-options-text-wrapper .plan-options-text { text-align: center; padding: 10px 0; float: left; width: 50% } #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper .plan-options-text .label-vip, .kale-thanks-header .kale-details .plan-options-text-wrapper .plan-options-text .label-vip { margin: 5px 0 8px } #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper .plan-options-text p, .kale-thanks-header .kale-details .plan-options-text-wrapper .plan-options-text p { margin: 0; font-size: 12px } #watching-wrapper.kale-header .kale-details .plan-options-text-wrapper .plan-options-text a, .kale-thanks-header .kale-details .plan-options-text-wrapper .plan-options-text a { color: #fff; text-decoration: none } #watching-wrapper.kale-header .kale-details .plan-options, .kale-thanks-header .kale-details .plan-options { background-color: #c21f20; font-family: proxima nova semibold } #watching-wrapper.kale-header .kale-details .plan-options:before, #watching-wrapper.kale-header .kale-details .plan-options:after, .kale-thanks-header .kale-details .plan-options:before, .kale-thanks-header .kale-details .plan-options:after { content: " "; display: table } #watching-wrapper.kale-header .kale-details .plan-options:after, .kale-thanks-header .kale-details .plan-options:after { clear: both } #watching-wrapper.kale-header .kale-details .plan-options .plan-option, .kale-thanks-header .kale-details .plan-options .plan-option { text-align: center; padding: 15px 0; float: left; width: 50%; transition: all .5s; cursor: pointer } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .check, .kale-thanks-header .kale-details .plan-options .plan-option .check { opacity: 0; transition: all .5s; margin-right: 5px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option.selected, #watching-wrapper.kale-header .kale-details .plan-options .plan-option:hover, .kale-thanks-header .kale-details .plan-options .plan-option.selected, .kale-thanks-header .kale-details .plan-options .plan-option:hover { background-color: #ed1c24 } #watching-wrapper.kale-header .kale-details .plan-options .plan-option.selected.none, #watching-wrapper.kale-header .kale-details .plan-options .plan-option.none:hover, .kale-thanks-header .kale-details .plan-options .plan-option.selected.none, .kale-thanks-header .kale-details .plan-options .plan-option.none:hover { background-color: #c21f20 } #watching-wrapper.kale-header .kale-details .plan-options .plan-option.selected button, #watching-wrapper.kale-header .kale-details .plan-options .plan-option:hover button, .kale-thanks-header .kale-details .plan-options .plan-option.selected button, .kale-thanks-header .kale-details .plan-options .plan-option:hover button { background-color: #fff; color: #ed1c24 } #watching-wrapper.kale-header .kale-details .plan-options .plan-option.selected .check, .kale-thanks-header .kale-details .plan-options .plan-option.selected .check { opacity: 1 } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .price-old .strike, .kale-thanks-header .kale-details .plan-options .plan-option .price-old .strike { color: #ccc; text-decoration: line-through; margin-right: 5px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .price, .kale-thanks-header .kale-details .plan-options .plan-option .price { font-size: 32px; font-family: proxima nova bold } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .price .term, .kale-thanks-header .kale-details .plan-options .plan-option .price .term { font-size: 12px; text-transform: uppercase; font-family: proxima nova; color: #eee; margin-top: -4px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .price-details, .kale-thanks-header .kale-details .plan-options .plan-option .price-details { color: #ccc; font-style: italic; font-size: 12px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .price-details.more-top, .kale-thanks-header .kale-details .plan-options .plan-option .price-details.more-top { margin-top: 7px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option button, .kale-thanks-header .kale-details .plan-options .plan-option button { border: solid 1px #fff } #watching-wrapper.kale-header .kale-details .plan-options .plan-option button, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-trial, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-discount, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-strike, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-year-cost, .kale-thanks-header .kale-details .plan-options .plan-option button, .kale-thanks-header .kale-details .plan-options .plan-option .label-trial, .kale-thanks-header .kale-details .plan-options .plan-option .label-discount, .kale-thanks-header .kale-details .plan-options .plan-option .label-strike, .kale-thanks-header .kale-details .plan-options .plan-option .label-year-cost { background: 0 0; border-radius: 4px; margin-top: 15px; font-family: proxima nova bold; text-transform: uppercase; font-size: 11px; transition: all .5s; padding: 5px 9px; outline: none; letter-spacing: 1px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option button .fa, #watching-wrapper.kale-header .kale-details .plan-options .plan-option button [class^=fa-], #watching-wrapper.kale-header .kale-details .plan-options .plan-option button [class*=" fa-"], #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-trial .fa, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-trial [class^=fa-], #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-trial [class*=" fa-"], #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-discount .fa, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-discount [class^=fa-], #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-discount [class*=" fa-"], #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-strike .fa, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-strike [class^=fa-], #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-strike [class*=" fa-"], #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-year-cost .fa, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-year-cost [class^=fa-], #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-year-cost [class*=" fa-"], .kale-thanks-header .kale-details .plan-options .plan-option button .fa, .kale-thanks-header .kale-details .plan-options .plan-option button [class^=fa-], .kale-thanks-header .kale-details .plan-options .plan-option button [class*=" fa-"], .kale-thanks-header .kale-details .plan-options .plan-option .label-trial .fa, .kale-thanks-header .kale-details .plan-options .plan-option .label-trial [class^=fa-], .kale-thanks-header .kale-details .plan-options .plan-option .label-trial [class*=" fa-"], .kale-thanks-header .kale-details .plan-options .plan-option .label-discount .fa, .kale-thanks-header .kale-details .plan-options .plan-option .label-discount [class^=fa-], .kale-thanks-header .kale-details .plan-options .plan-option .label-discount [class*=" fa-"], .kale-thanks-header .kale-details .plan-options .plan-option .label-strike .fa, .kale-thanks-header .kale-details .plan-options .plan-option .label-strike [class^=fa-], .kale-thanks-header .kale-details .plan-options .plan-option .label-strike [class*=" fa-"], .kale-thanks-header .kale-details .plan-options .plan-option .label-year-cost .fa, .kale-thanks-header .kale-details .plan-options .plan-option .label-year-cost [class^=fa-], .kale-thanks-header .kale-details .plan-options .plan-option .label-year-cost [class*=" fa-"] { margin-right: 5px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-trial, #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-discount, .kale-thanks-header .kale-details .plan-options .plan-option .label-trial, .kale-thanks-header .kale-details .plan-options .plan-option .label-discount { display: inline-block; background-color: rgba(0, 0, 0, .5); margin: 5px 0 10px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-strike, .kale-thanks-header .kale-details .plan-options .plan-option .label-strike { display: inline-block; background-color: rgba(255, 255, 255, .5); margin: 5px 0 10px 10px; position: relative } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-strike::after, .kale-thanks-header .kale-details .plan-options .plan-option .label-strike::after { background-color: #ed1c24; opacity: .6; height: 1px; width: 100%; content: ''; position: absolute; top: 12px; left: 0 } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .label-year-cost, .kale-thanks-header .kale-details .plan-options .plan-option .label-year-cost { display: inline-block; background-color: rgba(255, 255, 255, .3); margin: 15px 0 10px; position: relative; text-transform: none; font-family: proxima nova; font-style: italic } #watching-wrapper.kale-header .kale-details .payment-options-text, .kale-thanks-header .kale-details .payment-options-text { margin-bottom: 15px } .payment-options-checkout { margin: 15px 0 -20px } .payment-options-checkout a { color: #999; font-size: 10px; background-color: #eee; display: inline-block; padding: 2px 4px; border-radius: 3px } .payment-options { background-color: #e1e1e1; padding: 14px 0; color: #333; text-align: center } .payment-options .payment-option { background-color: #e9e9e9; border: solid 1px #ccc; margin: 6px 10px; display: inline-block; border-radius: 6px; height: 64px; width: 100px; text-align: center; position: relative; background-repeat: no-repeat; background-size: 80%; background-position: center; transition: all .5s; cursor: pointer } .payment-options .payment-option.selected, .payment-options .payment-option:hover { background-color: #fff !important } .payment-options .payment-option.selected.none, .payment-options .payment-option.none:hover { background-color: #e1e1e1 } .payment-options .payment-option.selected { -webkit-box-shadow: 0 0 10px 0 #999; box-shadow: 0 0 10px 0 #999 } .payment-options .payment-option .icon { display: inline-block; font-size: 29px; margin-bottom: 5px; vertical-align: middle; color: #555 } .payment-options .payment-option .icon img { height: 30px } .payment-options .payment-option .cc { text-align: center } .payment-options .payment-option.bitcoin .icon { color: #0b74c5 } .payment-options .payment-option .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; width: 100%; font-size: 12px; line-height: 14px } .payment-options .payment-option.hidden { display: none } .payment-options .payment-option.apple-pay iframe { border-radius: inherit } .payment-options .alert { position: static !important; margin-top: 15px; display: none } .payment-options .alert .btn { margin: 10px 7px 0 } .payment-options .btn-checkout { margin-bottom: 0; width: auto; border-radius: 5px; font-size: 16px } .payment-options a { text-decoration: none } .kale-thanks-header { background-image: url(/assets/vip/kale-bg-3fb3436deff4dde10239745ae2602eab324c06ad6aed131325a0cf64ae0dd0a6.jpg) !important; height: auto !important } .kale-thanks-header > .container > .row { min-height: 0%; height: auto } .kale-thanks-header .shadow { background: rgba(0, 0, 0, .5) } .kale-thanks-header #kale-share .jssocials-shares .jssocials-share-link { color: #fff !important; font-size: 20px } .kale-onetime { background-color: #1d1d1d; text-align: center; color: #fff } .kale-onetime .kale-details { padding: 30px 0 0 } .kale-onetime .kale-details .one-time { color: #999; font-size: 12px } .kale-onetime .alert { width: 50%; margin: 0 auto; display: none } .kale-onetime .alert .btn { margin: 10px 7px 0 } .kale-onetime h2 { margin: 0; font-size: 32px; font-family: proxima nova semibold } .kale-onetime .intro { margin: 20px } .kale-onetime .popover { color: #333; text-align: center } .kale-onetime .popover button { font-size: 12px; padding: 5px 9px !important; margin: 5px 5px 0; height: auto !important } .kale-onetime .popover button.btn-cancel { color: #fff } .kale-onetime .payment-options { background-color: transparent; padding: 0 } .kale-onetime .payment-options .payment-option { opacity: .2; background-color: #fff } .kale-onetime .payment-options .payment-option.selected, .kale-onetime .payment-options .payment-option:hover { opacity: 1 } .kale-onetime .payment-options .payment-option.selected.none, .kale-onetime .payment-options .payment-option.none:hover { opacity: .2 } .btn-checkout { width: 50%; display: block; margin: 15px auto 40px; padding: 9px 12px; font-family: proxima nova bold; font-size: 18px } #kale-man { width: 325px; height: 400px; margin: 0 auto 20px; position: relative } #kale-man > div { position: absolute; top: 0; left: 0; transition: all .3s; width: 100%; height: 100%; background-size: contain; background-position: center center; opacity: 0 } #kale-man #kale-man-1 { background-image: url(/assets/vip/justin/1-fb07c04b1645254013f83d7ef059f780586040ce0aa6ac6f100414e374c18292.png); opacity: 1 } #kale-man #kale-man-2 { background-image: url(/assets/vip/justin/2-26648e21b215224fdeea344cb72aa199024f287ef81a8df814e8d168cb94b1cd.png) } #kale-man #kale-man-3 { background-image: url(/assets/vip/justin/3-dcd5eabf77861e35d21411856c650cfdd99a3bd0766ef8ff676f03adb8bd94b8.png) } #kale-man #kale-man-4 { background-image: url(/assets/vip/justin/4-b971ba152ddb7f586740e7769d8793612009d84eaa015af97352eb9720d63566.png) } #kale-man #kale-man-5 { background-image: url(/assets/vip/justin/5-c16dceaa5913471b114f5a5fef6c5da4fd247922abbbce0ba8575d5b31a72f85.png) } #kale-man #kale-man-6 { background-image: url(/assets/vip/justin/6-4a84b051fb3a15712e489f373e7c810749ef1aa68be61843532ffbb3f2bb2016.png) } #kale-slider { width: 50%; margin: 20px auto 40px; background-color: #99b364; box-shadow: none; border: none } #kale-slider .noUi-handle { background-image: url(/assets/vip/kale-slider-7db0271e40e7cea260419ea1af02e847426d0ac9f9a66fd9f8f4832fed9506a7.png); border: none; border-radius: 0; background-color: transparent; box-shadow: none; background-repeat: no-repeat; background-size: contain; background-position: center; width: 40px; height: 40px; left: -22px; top: -14px } #kale-slider .noUi-handle:before, #kale-slider .noUi-handle:after { background-color: transparent } #kale-slider .noUi-background { background: #444; box-shadow: none } .forums-access { background-image: url(/assets/vip/bg-36eb0e54f43f0277668ce86cfe15b39554b571623eec25ef40e4b30b794c890e.jpg); height: 100vh } .forums-access .inner { background: rgba(0, 0, 0, .6); height: 100% } .forums-access .inner a { text-decoration: none } .forums-access .inner .message { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; width: 100%; white-space: normal; text-align: center } .forums-access .inner .message h1 { margin: 0 20px 30px; font-size: 30px; color: #fff; font-family: proxima nova } .forums-access .inner .message h1 .trakt-icon-trakt { vertical-align: sub; font-size: 36px } .forums-access .inner .message .buttons { clear: both; padding: 0 } @media(max-width:767px) { #vip-features, #standard-features, .kale-onetime { padding-bottom: 0 } #vip-features h1, #standard-features h1, .kale-onetime h1 { margin-top: 20px; font-size: 24px } #vip-features h2, #standard-features h2, .kale-onetime h2 { margin-bottom: 20px; font-size: 16px; padding-bottom: 20px } #vip-features h2 { border-bottom: solid 1px #333 } #standard-features h2 { border-bottom: solid 1px #eee } #watching-wrapper.kale-header, .kale-thanks-header { height: 600px; padding-bottom: 0 } #watching-wrapper.kale-header.with-alert, #watching-wrapper.kale-header.with-discount, .kale-thanks-header.with-alert, .kale-thanks-header.with-discount { min-height: 650px } #watching-wrapper.kale-header.with-alert h1, #watching-wrapper.kale-header.with-discount h1, .kale-thanks-header.with-alert h1, .kale-thanks-header.with-discount h1 { margin-top: 160px } #watching-wrapper.kale-header.with-alert.with-discount, .kale-thanks-header.with-alert.with-discount { min-height: 780px } #watching-wrapper.kale-header.with-alert.with-discount h1, .kale-thanks-header.with-alert.with-discount h1 { margin-top: 160px } #watching-wrapper.kale-header .alert-downstream, #watching-wrapper.kale-header .alert-reddit, #watching-wrapper.kale-header .alert-trakt-sale, #watching-wrapper.kale-header .alert-trakt-og, .kale-thanks-header .alert-downstream, .kale-thanks-header .alert-reddit, .kale-thanks-header .alert-trakt-sale, .kale-thanks-header .alert-trakt-og { font-size: 15px } #watching-wrapper.kale-header .alert-downstream img, #watching-wrapper.kale-header .alert-reddit img, #watching-wrapper.kale-header .alert-trakt-sale img, #watching-wrapper.kale-header .alert-trakt-og img, .kale-thanks-header .alert-downstream img, .kale-thanks-header .alert-reddit img, .kale-thanks-header .alert-trakt-sale img, .kale-thanks-header .alert-trakt-og img { height: 20px } #watching-wrapper.kale-header.renew, .kale-thanks-header.renew { height: 600px; min-height: 600px } #watching-wrapper.kale-header.renew h1, .kale-thanks-header.renew h1 { margin-top: 65px } #watching-wrapper.kale-header.with-apple-pay, .kale-thanks-header.with-apple-pay { height: 680px; min-height: 680px !important } #watching-wrapper.kale-header.basic, .kale-thanks-header.basic { height: auto !important; min-height: auto !important; padding-bottom: 20px } #watching-wrapper.kale-header h1, .kale-thanks-header h1 { font-size: 24px !important; line-height: 22px; margin-top: 65px } #watching-wrapper.kale-header h2, .kale-thanks-header h2 { font-size: 15px; padding-left: 20px; padding-right: 20px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .monthly, .kale-thanks-header .kale-details .plan-options .plan-option .monthly { font-size: 20px } #watching-wrapper.kale-header .kale-details .plan-options .plan-option .yearly, .kale-thanks-header .kale-details .plan-options .plan-option .yearly { font-size: 12px; margin-top: -3px } #watching-wrapper.kale-header .kale-details .payment-options .payment-option, .kale-thanks-header .kale-details .payment-options .payment-option { margin: 3px 7px } #watching-wrapper.kale-header .kale-onetime h2, .kale-thanks-header .kale-onetime h2 { font-size: 30px } #watching-wrapper.kale-header .vip-buttons .btn-yearly, #watching-wrapper.kale-header .vip-buttons .btn-monthly, #watching-wrapper.kale-header .vip-buttons .stripe-button-el span, .kale-thanks-header .vip-buttons .btn-yearly, .kale-thanks-header .vip-buttons .btn-monthly, .kale-thanks-header .vip-buttons .stripe-button-el span { font-size: 14px; padding: 8px 14px; margin: 0 0 10px !important; display: inline-block; min-width: 60% } #kale-slider, .btn-checkout { width: 70% } .kale-onetime .alert { width: 70% } #vip-features-wrapper .inner { padding: 0 0 30px } .forums-access .inner .message h1 { margin: 0 20px 30px; font-size: 20px } .forums-access .inner .message h1 .trakt-icon-trakt { font-size: 26px } #vip-referral-wrapper { max-width: calc(100% - 40px) !important } } body.trakt_stats #stats-tooltip { -webkit-transform: translate(0, 0); transform: translate(0, 0) } body.trakt_stats #stats-tooltip, body.trakt_stats #stats-tooltip-floater { text-align: left; transition: opacity .5s } body.trakt_stats #stats-tooltip hr, body.trakt_stats #stats-tooltip-floater hr { border-top: solid 1px #666; margin: 5px -8px } body.trakt_stats #stats-tooltip .week, body.trakt_stats #stats-tooltip-floater .week { color: #eee } body.trakt_stats #stats-tooltip .week .label, body.trakt_stats #stats-tooltip-floater .week .label { font-size: 10px; color: #aaa; margin: 0; padding: 2px; font-weight: 400 } body.trakt_stats .summary-activity { margin: 0 0 20px } body.trakt_stats .summary-activity .tabs { display: grid; grid-template-columns: repeat(5, 1fr) } body.trakt_stats .summary-activity .tabs:after, body.trakt_stats .summary-activity .tabs:before { content: none } body.trakt_stats .summary-activity .tabs .tab { width: auto; float: none } body.trakt_stats .summary-activity .tabs .tab * { opacity: 1 } body.trakt_stats #vip-stats-legend { width: 100%; background-color: #eee; padding: 5px 0; border-bottom: solid 1px #ccc; z-index: 25 } body.trakt_stats #vip-stats-legend ul { list-style: none; margin: 0; padding: 0; text-align: center } body.trakt_stats #vip-stats-legend ul li { display: inline-block; font-family: proxima nova; font-size: 11px; margin: 7px; text-transform: uppercase } body.trakt_stats #vip-stats-legend ul li span:first-child { width: 14px; height: 14px; display: inline-block; margin-right: 3px; vertical-align: text-bottom } body.trakt_stats #vip-stats-legend ul li .fa, body.trakt_stats #vip-stats-legend ul li [class^=fa-], body.trakt_stats #vip-stats-legend ul li [class*=" fa-"] { margin-left: 4px } body.trakt_stats #vip-stats { padding-top: 109px } body.trakt_stats #vip-stats .wrapper:before, body.trakt_stats #vip-stats .wrapper:after { content: " "; display: table } body.trakt_stats #vip-stats .wrapper:after { clear: both } body.trakt_stats #vip-stats .wrapper .full { height: 600px } body.trakt_stats #vip-stats .wrapper .full.mid-height { height: 475px } body.trakt_stats #vip-stats .wrapper .full.less-height { height: 300px } body.trakt_stats #vip-stats .wrapper .genres { padding: 0 20px 20px } body.trakt_stats #vip-stats .wrapper .genres .genre-bars .bar { min-width: 15px } body.trakt_stats #vip-stats .wrapper .split { width: 50%; height: 625px; float: left } body.trakt_stats #vip-stats .wrapper .split-wrapper:before, body.trakt_stats #vip-stats .wrapper .split-wrapper:after { content: " "; display: table } body.trakt_stats #vip-stats .wrapper .split-wrapper:after { clear: both } body.trakt_stats #vip-stats .wrapper .split-wrapper .split { height: auto } body.trakt_stats #vip-stats .wrapper .split-triple { width: 33.33333%; height: 625px; float: left } body.trakt_stats #vip-stats .wrapper .split-triple-wrapper:before, body.trakt_stats #vip-stats .wrapper .split-triple-wrapper:after { content: " "; display: table } body.trakt_stats #vip-stats .wrapper .split-triple-wrapper:after { clear: both } body.trakt_stats #vip-stats .wrapper .split-triple-wrapper .split-triple { height: auto } body.trakt_stats #vip-stats .wrapper h2 { text-align: center; margin: 0 0 10px; font-size: 20px; font-family: proxima nova bold } body.trakt_stats #vip-stats .wrapper h2 i { font-size: 15px; font-family: proxima nova bold; text-transform: uppercase; color: #999; font-style: normal } body.trakt_stats #vip-stats .wrapper h3 { text-align: center; margin: -5px 0 10px; font-size: 15px; font-family: proxima nova bold; text-transform: uppercase; color: #999 } body.trakt_stats #vip-stats .wrapper h4 { text-align: center; margin: -10px 0 10px; font-size: 11px; font-family: proxima nova semibold; text-transform: uppercase; color: #aaa } body.trakt_stats #vip-stats .wrapper canvas { margin-left: 20px } body.trakt_stats #vip-stats .wrapper .count-table { border-collapse: collapse; margin: 0 20px; width: calc(100% - 40px) } body.trakt_stats #vip-stats .wrapper .count-table th, body.trakt_stats #vip-stats .wrapper .count-table td { border: solid 1px #ddd; padding: 4px; transition: all .5s } body.trakt_stats #vip-stats .wrapper .count-table th { font-family: proxima nova bold; text-transform: uppercase; color: #333; font-size: 12px; background-color: #eee; width: 15% } body.trakt_stats #vip-stats .wrapper .count-table th:first-child { width: auto } body.trakt_stats #vip-stats .wrapper .count-table td { font-size: 13px } body.trakt_stats #vip-stats .wrapper .count-table tr:hover td { background-color: #dadada } body.trakt_stats #vip-stats .wrapper .count-table .helper { font-size: 10px; font-style: italic; color: #666 } body.trakt_stats #vip-stats { padding-top: 40px } body.trakt_stats #statics-top-wrapper .container { padding: 110px 0 60px } body.trakt_stats #statics-top-wrapper .container .user-avatar { width: 70px; vertical-align: middle; margin: -10px auto 10px } body.trakt_stats #statics-top-wrapper .container a { color: #eee } body.trakt_stats #statics-top-wrapper .container h3 { text-shadow: 0 0 20px #000; font-size: 16px; text-transform: uppercase; margin: 5px 0 0 } body.trakt_stats #statics-top-wrapper .container h3 .fa, body.trakt_stats #statics-top-wrapper .container h3 [class^=fa-], body.trakt_stats #statics-top-wrapper .container h3 [class*=" fa-"] { margin: 0 5px 0 10px } body.trakt_stats #statics-top-wrapper .container h3 .fa.network-icon, body.trakt_stats #statics-top-wrapper .container h3 .network-icon[class^=fa-], body.trakt_stats #statics-top-wrapper .container h3 .network-icon[class*=" fa-"] { margin: 0 5px } body.trakt_stats .summary-activity { margin: 0 } body.trakt_stats .summary-activity .tabs .tab { color: #fff; border-color: #555; background-color: rgba(0, 0, 0, .5) } body.trakt_stats .summary-activity .tabs .tab .percentage { font-family: proxima nova; display: inline; color: #aaa } body.trakt_stats #apps-icon-wrapper .apps-icons .app .name { display: block } body.trakt_stats .btn-load { padding: 2px 7px } body.trakt_stats .btn-load:not(:first-child) { margin-left: 10px } body.trakt_stats .btn-load .fa-solid { margin: 0 2px 0 0; font-size: 12px; vertical-align: baseline } body.trakt_stats .btn-load.loaded { background-color: #5cb85c; border-color: #5cb85c } #vip-referral-wrapper { background: rgba(94, 41, 116, .7); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); display: inline-block; border-radius: 10px; margin: 0 20px 30px; padding: 30px; max-width: 600px } #vip-referral-wrapper h1 { margin: 0 0 15px !important; font-size: 22px } #vip-referral-wrapper h2 { font-size: 16px } #vip-referral-wrapper h2.renewal-info { scrollbar-color: rgba(255, 255, 255, .1) rgba(100, 100, 100, .3); scrollbar-width: thin; max-width: 90%; overflow-x: auto; margin: 0 !important; font-family: Menlo, Monaco, Consolas, courier new, monospace; border: solid 1px #999 } #vip-referral-wrapper h2.renewal-info::-webkit-scrollbar { width: 6px; height: 6px } #vip-referral-wrapper h2.renewal-info::-webkit-scrollbar-track { background: rgba(100, 100, 100, .3); border-radius: 3px } #vip-referral-wrapper h2.renewal-info::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .15); transition: all .5s; border-radius: 3px } #vip-referral-wrapper h2.renewal-info::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .4) } #vip-referral-wrapper .links-wrapper { margin-top: 10px } #vip-referral-wrapper .links-wrapper .link { background-color: #ed1c24; text-transform: uppercase; display: inline-block; font-family: proxima nova bold; border-radius: 3px; margin: 0 7px; padding: 4px 10px; cursor: pointer; color: #fff; text-decoration: none } #vip-referral-wrapper .links-wrapper .link .fa-solid { margin-right: 5px } .advanced-filters-upsell { border-radius: 8px; background-color: #8e44ad; display: grid; grid-template-columns: 90px auto 340px 120px; align-items: center; font-family: proxima nova semibold; font-size: 16px; margin: 10px 0; color: #fff; position: relative } .advanced-filters-upsell .icon { text-align: center; font-size: 30px; padding-left: 10px } .advanced-filters-upsell .text { padding: 10px 0 } .advanced-filters-upsell .image { text-align: center } .advanced-filters-upsell .image img { width: 100% } .advanced-filters-upsell .hide-notice { text-align: right; font-size: 14px } .advanced-filters-upsell .hide-notice .hide-notice-btn { display: inline-block; font-family: proxima nova semibold; text-transform: uppercase; color: #fff; vertical-align: middle; background-color: rgba(255, 255, 255, .1); padding: 5px 10px; border-radius: 8px; margin-right: 20px; transition: all .5s; cursor: pointer; text-decoration: none } .advanced-filters-upsell .hide-notice .hide-notice-btn i { vertical-align: middle; font-size: 16px; margin: -4px 0 0 5px } .advanced-filters-upsell .hide-notice .hide-notice-btn:hover { background-color: rgba(255, 255, 255, .2) } .advanced-filters-upsell .hide-x { position: absolute; top: -2px; right: 3px; cursor: pointer } .advanced-filters-upsell .hide-x i { color: #999; transition: all .5s; font-size: 12px } .advanced-filters-upsell .hide-x:hover i { color: #fff } .advanced-filters-upsell:not(.vip) { cursor: pointer } @media(max-width:1199px) { .advanced-filters-upsell { grid-template-columns: 90px auto 250px 120px } } @media(max-width:767px) { .advanced-filters-upsell { grid-template-columns: repeat(12, 1fr); grid-template-rows: auto auto; font-size: 14px; margin-top: 0 } .advanced-filters-upsell .icon { grid-column: 1/span 3 } .advanced-filters-upsell .text { grid-column: 4/span 9; line-height: 1.2 } .advanced-filters-upsell .image { grid-column: 1/span 8; text-align: right } .advanced-filters-upsell .image img { width: 90% } .advanced-filters-upsell .hide-notice { grid-column: 9/span 4 } } body.search .container.main { padding-top: 50px } body.search #results-top-wrapper { padding-bottom: 65px } body.search #links-wrapper { background-color: rgba(0, 0, 0, .5) } body.search .frame.movies h4:first-child, body.search .frame.shows h4:first-child, body.search .frame.episodes h4:first-child, body.search .frame.people h4:first-child, body.search .frame.podcasts h4:first-child, body.search .frame.podcast_episodes h4:first-child { display: none } body.search .frame.all .fanart.thumb .titles.has-worded-image h3, body.search .frame.all .fanart.banner .titles.has-worded-image h3, body.search .frame.all .fanart.poster .titles.has-worded-image h3, body.search .frame.all .fanart.logo .titles.has-worded-image h3, body.search .frame.movies .fanart.thumb .titles.has-worded-image h3, body.search .frame.movies .fanart.banner .titles.has-worded-image h3, body.search .frame.movies .fanart.poster .titles.has-worded-image h3, body.search .frame.movies .fanart.logo .titles.has-worded-image h3, body.search .frame.shows .fanart.thumb .titles.has-worded-image h3, body.search .frame.shows .fanart.banner .titles.has-worded-image h3, body.search .frame.shows .fanart.poster .titles.has-worded-image h3, body.search .frame.shows .fanart.logo .titles.has-worded-image h3 { display: none } body.search .fanart .titles:not(.has-worded-image) h4.year { display: none } body.search .personal-list .btn-list-update, body.search .personal-list .btn-list-delete { display: none } @media(max-width:767px) { body.search .posters { margin-top: -20px } body.search .personal-list .posters { margin-top: 0 } } #new-comment-wrapper { transition: all .5s; display: none; opacity: 0 } #new-comment-wrapper .new-comment-wrapper { padding-bottom: 20px } #new-comment-wrapper.fade-in { opacity: 1 } .new-comment-wrapper { margin-top: 20px } .new-comment-wrapper * { transition: all .5s } .new-comment-wrapper #comment-word-count { transition: none } .new-comment-wrapper textarea { background-color: #fafafa; outline: none !important; padding: 20px; border: none; width: 100%; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } .new-comment-wrapper textarea:focus { -webkit-box-shadow: none; box-shadow: none; border: none } .new-comment-wrapper .emojionearea { padding: 0; margin-bottom: 5px } .new-comment-wrapper .emojionearea .emojionearea-editor { background-color: #fafafa; padding: 20px } .new-comment-wrapper .helpers { opacity: 0 } .new-comment-wrapper .comment-wrapper { margin-bottom: 0 !important } .new-comment-wrapper .under-help { max-height: 0; overflow: hidden; margin-top: 0; opacity: 0 } .new-comment-wrapper .under-help:before, .new-comment-wrapper .under-help:after { content: " "; display: table } .new-comment-wrapper .under-help:after { clear: both } .new-comment-wrapper .under-help .checkboxes { float: right } .new-comment-wrapper .under-help .checkboxes .btn-group { font-size: 13px } .new-comment-wrapper .under-help .checkboxes .btn-group:before, .new-comment-wrapper .under-help .checkboxes .btn-group:after { content: " "; display: table } .new-comment-wrapper .under-help .checkboxes .btn-group:after { clear: both } .new-comment-wrapper .under-help .checkboxes .btn-group .btn { height: auto; padding: 0; text-align: center; position: relative; background-color: #fafafa; color: #999; padding: 7px 12px 6px; border: solid 1px #e5e5e5; border-radius: 3px } .new-comment-wrapper .under-help .checkboxes .btn-group .btn .fa, .new-comment-wrapper .under-help .checkboxes .btn-group .btn [class^=fa-], .new-comment-wrapper .under-help .checkboxes .btn-group .btn [class*=" fa-"] { margin-right: 5px; transition: none } .new-comment-wrapper .under-help .checkboxes .btn-group .btn .fa:before { font-family: trakt; content: "\e604" } .new-comment-wrapper .under-help .checkboxes .btn-group .btn.active { color: #fff !important; background-color: #666 !important; border-color: #666 !important } .new-comment-wrapper .under-help .checkboxes .btn-group .btn.active .fa:before { content: "\e602" !important } .new-comment-wrapper .under-help .checkboxes .btn-group .btn:hover { color: #000 } .new-comment-wrapper .under-help .buttons { float: right; margin-left: 20px } .new-comment-wrapper .under-help .auth-services { float: left } .new-comment-wrapper .under-help .auth-services .btn { border-radius: 3px; margin-right: 5px; color: #fff !important } .new-comment-wrapper .btn-primary { font-family: proxima nova bold } .new-comment-wrapper .buttons.visible-xs-block { margin-top: 15px } .new-comment-wrapper.focused .under-help { max-height: 60px; margin-top: 20px; opacity: 1 } .new-comment-wrapper.focused .helpers { opacity: 1 } .new-comment-wrapper.update { display: none; margin-top: 0 } .new-comment-wrapper.update.focused { display: block } .new-comment-wrapper.update .under-help { margin-top: 10px } .new-comment-wrapper.update .under-help .checkboxes .btn-group .btn { background-color: #fff } .new-comment-wrapper.update .under-help .btn-primary { padding: 5px 12px } .new-comment-wrapper.update textarea, .new-comment-wrapper.update .emojionearea .emojionearea-editor { background-color: #fff; outline: none !important; padding: 10px; border: solid 1px #fbfbfb; width: 100%; transition: all .5s; border-radius: 5px } .new-comment-wrapper.update textarea:focus, .new-comment-wrapper.update .emojionearea .emojionearea-editor:focus { border-color: #ddd } .new-comment-wrapper.update .emojionearea { padding: 0 } .new-comment-wrapper.update .emojionearea.focused .emojionearea-editor { border-color: #ddd } .new-reply-wrapper { margin-top: 20px; display: none } .new-reply-wrapper.open { display: block } .new-reply-wrapper .user-avatar { width: 40px; float: left } .new-reply-wrapper .user-avatar img { margin: 0 } .new-reply-wrapper .reply-field { margin-left: 50px } .new-reply-wrapper .reply-field textarea, .new-reply-wrapper .reply-field .emojionearea .emojionearea-editor { background-color: #fff; outline: none !important; padding: 10px; border: solid 1px #fbfbfb; width: 100%; transition: all .5s; border-radius: 5px; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } .new-reply-wrapper .reply-field textarea:focus, .new-reply-wrapper .reply-field .emojionearea .emojionearea-editor:focus { border-color: #ddd } .new-reply-wrapper .reply-field .emojionearea { padding: 0; margin-bottom: 5px } .new-reply-wrapper .reply-field .emojionearea.focused .emojionearea-editor { border-color: #ddd } .new-reply-wrapper .reply-field .formatting-help { background-color: transparent; padding-left: 11px; float: left } .new-reply-wrapper .buttons { text-align: right; margin-top: 10px } .new-reply-wrapper .buttons .comment-submit { font-family: proxima nova bold } .new-comment-wrapper .formatting-help, .new-reply-wrapper .formatting-help { color: #aaa; font-size: 11px; background-color: #f6f6f6; margin-top: -6px; padding: 7px 0 8px 15px; border-radius: 0 0 6px 6px; text-transform: none; font-family: varela round, helvetica neue, Helvetica, Arial, sans-serif } .new-comment-wrapper .formatting-help > *, .new-reply-wrapper .formatting-help > * { margin-right: 10px } .new-comment-wrapper .formatting-help a, .new-reply-wrapper .formatting-help a { color: #aaa; text-decoration: none } .new-comment-wrapper .formatting-help a:hover, .new-comment-wrapper .formatting-help a:hover .fa, .new-comment-wrapper .formatting-help a:hover [class^=fa-], .new-comment-wrapper .formatting-help a:hover [class*=" fa-"], .new-reply-wrapper .formatting-help a:hover, .new-reply-wrapper .formatting-help a:hover .fa, .new-reply-wrapper .formatting-help a:hover [class^=fa-], .new-reply-wrapper .formatting-help a:hover [class*=" fa-"] { color: #ed1c24 } code { padding: 2px 4px; font-size: 90% !important; color: #c7254e; background-color: #f9f2f4; border-radius: 3px; border: solid 1px #ddd } .comment-wrapper .pill, body.comments #info-wrapper .pill { color: #fff; background-color: #999; padding: 1px 4px; border-radius: 2px; font-size: 11px; text-transform: uppercase } .comment-wrapper .pill .pill-title, body.comments #info-wrapper .pill .pill-title { background-color: #3c3c3c; display: inline-block; padding: 2px 4px 1px; margin: 0 4px 0 -4px; border-radius: 2px 0 0 2px } .comment-wrapper .pill.spoiler, body.comments #info-wrapper .pill.spoiler { margin-right: 5px; font-family: proxima nova semibold } .comment-wrapper .pill.op, body.comments #info-wrapper .pill.op { margin-right: 5px; font-family: proxima nova semibold; background-color: #009edf !important } .comment-wrapper .pill.blocked, body.comments #info-wrapper .pill.blocked { margin-right: 5px; font-family: proxima nova semibold; background-color: red; display: none } .comment-wrapper .pill.parent, body.comments #info-wrapper .pill.parent { margin-right: 5px; font-family: proxima nova semibold; background-color: #009edf; display: none } .comment-wrapper .pill.watched, body.comments #info-wrapper .pill.watched { margin-right: 5px; font-family: proxima nova semibold; background-color: #8e44ad } .comment-wrapper .pill.deleted, body.comments #info-wrapper .pill.deleted { margin-right: 5px; font-family: proxima nova semibold; background-color: #fff !important; color: #000 } .comment-wrapper .pill.collaborators, body.comments #info-wrapper .pill.collaborators { margin-right: 5px; background-color: #e85d04; cursor: default; font-family: proxima nova semibold } .comment-wrapper .pill.collaborators .pill-title, body.comments #info-wrapper .pill.collaborators .pill-title { background-color: #b64903 } .comment-wrapper .pill.share-link, body.comments #info-wrapper .pill.share-link { margin-right: 5px; background-color: #009edf; text-decoration: none; font-family: proxima nova semibold } .comment-wrapper .pill.share-link .pill-title, body.comments #info-wrapper .pill.share-link .pill-title { background-color: #007aac } .comment-wrapper .pill.beta, body.comments #info-wrapper .pill.beta { margin: 0 0 0 5px; background-color: #0084ab; vertical-align: middle; font-family: proxima nova semibold } .comment-wrapper .pill.history, body.comments #info-wrapper .pill.history { margin-right: 5px; background-color: #8e44ad; cursor: default; font-family: proxima nova semibold } .comment-wrapper .pill.collection, body.comments #info-wrapper .pill.collection { margin-right: 5px; background-color: #16a085; cursor: default; font-family: proxima nova semibold } .comment-wrapper .pill.rating, body.comments #info-wrapper .pill.rating { margin-right: 5px; background-color: #b70a0a; cursor: default; font-family: proxima nova semibold } .comment-wrapper .pill.media-item, body.comments #info-wrapper .pill.media-item { margin-right: 5px; background-color: #2b678f; cursor: default; font-family: proxima nova semibold } body.comments #info-wrapper .comment-wrapper.blocked { -webkit-box-shadow: none !important; box-shadow: none !important } #comment-replies { background-color: transparent } #comment-replies .comment-wrapper { margin-bottom: 20px } .comment-wrapper { background-color: #fafafa; border-radius: 2px; transition: all .5s; outline-color: transparent } .comment-wrapper .comment-text[data-readmore] { max-height: 300px } .comment-wrapper .comment-text[data-readmore][aria-expanded=false] { position: relative; margin-bottom: 20px } .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; height: 100px; top: auto; bottom: 0; background-image: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) 0%, #fafafa 100%); background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, #fafafa 100%); background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, #fafafa 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FAFAFA', endColorstr='#FFFAFAFA', GradientType=0) } .comment-wrapper .comment-text[data-readmore][aria-expanded=true] { margin-bottom: 40px } .comment-wrapper [data-readmore-toggle] { margin: -20px 0 0 !important } .comment-wrapper.featured { background-color: #f1f1f1 } .comment-wrapper.featured .pill { background-color: #999 } .comment-wrapper.featured .above-comment { background-color: #e5e5e5 } .comment-wrapper.featured.with-replies .replies-wrapper .above-comment { border-bottom-color: #ddd } .comment-wrapper.featured .comment-text[data-readmore][aria-expanded=false] .shade { background-image: -webkit-linear-gradient(top, rgba(241, 241, 241, 0) 0%, #f1f1f1 100%); background-image: -o-linear-gradient(top, rgba(241, 241, 241, 0) 0%, #f1f1f1 100%); background-image: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0%, #f1f1f1 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00F1F1F1', endColorstr='#FFF1F1F1', GradientType=0) } .comment-wrapper .count-text { display: none } .comment-wrapper .blocked-overlay { display: none } .comment-wrapper.blocked { transition: .75s; opacity: .3 } .comment-wrapper.blocked > .above-comment { position: relative } .comment-wrapper.blocked > .above-comment .interactions { transition: .75s; opacity: 0 } .comment-wrapper.blocked > .above-comment .btn-comment-block-user { display: none !important } .comment-wrapper.blocked > .above-comment .pill.blocked { display: inline !important } .comment-wrapper.blocked > .above-comment .blocked-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: block; z-index: 1; cursor: row-resize } .comment-wrapper.blocked > .comment, .comment-wrapper.blocked > .under-comment { display: none } .comment-wrapper.blocked:hover { -webkit-box-shadow: 0 0 8px rgba(237, 28, 36, .8); box-shadow: 0 0 8px rgba(237, 28, 36, .8) } .comment-wrapper.blocked.enabled { opacity: 1; -webkit-box-shadow: 0 0 8px rgba(237, 28, 36, .3); box-shadow: 0 0 8px rgba(237, 28, 36, .3) } .comment-wrapper.blocked.enabled .blocked-overlay { display: none } .comment-wrapper.blocked.enabled > .above-comment, .comment-wrapper.blocked.enabled > .comment, .comment-wrapper.blocked.enabled > .under-comment { display: block } .comment-wrapper.blocked.enabled .interactions { opacity: 1 } .comment-wrapper .parent-overlay { display: none } .comment-wrapper.parent { transition: .75s; opacity: .4 } .comment-wrapper.parent > .above-comment { position: relative } .comment-wrapper.parent > .above-comment .interactions { transition: .75s; opacity: 0 } .comment-wrapper.parent > .above-comment .pill.parent { display: inline !important } .comment-wrapper.parent > .above-comment .parent-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: block; z-index: 1; cursor: row-resize } .comment-wrapper.parent > .comment, .comment-wrapper.parent > .under-comment { display: none } .comment-wrapper.parent.enabled { opacity: 1 } .comment-wrapper.parent.enabled .parent-overlay { display: none } .comment-wrapper.parent.enabled > .above-comment, .comment-wrapper.parent.enabled > .comment, .comment-wrapper.parent.enabled > .under-comment { display: block } .comment-wrapper.parent.enabled .interactions { opacity: 1 } @media(min-width:992px) { .comment-wrapper.wider .count-text { display: inline } .comment-wrapper.wider .above-comment .interactions a { margin-left: 15px } } .comment-wrapper.spoiler .comment { cursor: pointer } .comment-wrapper.spoiler .comment .comment-text { -webkit-filter: blur(8px); filter: blur(8px) } .comment-wrapper .inline-spoiler { cursor: pointer; -webkit-filter: blur(8px); filter: blur(8px) } .comment-wrapper .inline-spoiler.visible { cursor: inherit; -webkit-filter: blur(0px); filter: blur(0px) } .comment-wrapper .above-comment { padding: 20px 20px 10px; background-color: #f3f3f3 } .comment-wrapper .above-comment:before, .comment-wrapper .above-comment:after { content: " "; display: table } .comment-wrapper .above-comment:after { clear: both } .comment-wrapper .above-comment .user-avatar { width: 40px; float: left; margin: -8px 0 0 -8px } .comment-wrapper .above-comment .user-avatar img { border-width: 2px } .comment-wrapper .above-comment .user-avatar .corner-rating { border-width: 0 24px 24px 0 } .comment-wrapper .above-comment .user-avatar .corner-rating .text { right: -17px; line-height: 10px; font-size: 11px } .comment-wrapper .above-comment .user-name { float: left; vertical-align: middle; padding-left: 12px } .comment-wrapper .above-comment .user-name h4 { margin: -4px 0 0; font-family: proxima nova; font-size: 13px } .comment-wrapper .above-comment .user-name h4 a.username { font-family: proxima nova semibold } .comment-wrapper .above-comment .user-name h4 .labels { display: block; padding-top: 4px } .comment-wrapper .above-comment .user-name h4 .labels .label-vip { margin-left: 0 } .comment-wrapper .above-comment .user-name h4 .labels .rules-link { color: inherit } .comment-wrapper .above-comment .date { color: #333; font-family: proxima nova semibold } .comment-wrapper .above-comment .updated-at { color: #999; font-size: 12px; font-style: italic; white-space: nowrap } .comment-wrapper .above-comment .details [class^=trakt-icon-], .comment-wrapper .above-comment .details [class*=" trakt-icon-"], .comment-wrapper .above-comment .details .icon { font-size: 18px; vertical-align: top } .comment-wrapper .above-comment .error { color: #ed1c24 } .comment-wrapper .above-comment .helpers { float: right; text-align: right; font-family: proxima nova; font-size: 13px; margin: -4px 0 0 } .comment-wrapper .btn-comment-report, .comment-wrapper .btn-comment-block-user { opacity: 0; transition: all .5s; cursor: pointer } .comment-wrapper .btn-comment-block-user { vertical-align: text-top } .comment-wrapper .btn-comment-block-user.enabled { opacity: 1 } .comment-wrapper:hover > .above-comment > .interactions > .btn-comment-report, .comment-wrapper:hover > .above-comment > .interactions > .btn-comment-block-user { opacity: 1 } .comment-wrapper .comment { padding: 20px; word-wrap: break-word } .comment-wrapper .comment.visible { cursor: inherit } .comment-wrapper .comment.visible .comment-text { -webkit-filter: blur(0px); filter: blur(0px) } .comment-wrapper .comment hr { border-top-color: #ddd } .comment-wrapper .comment blockquote { padding: 10px 15px; font-size: inherit; border-left: 5px solid #999; background-color: #fff } .comment-wrapper .comment blockquote p:last-child, .comment-wrapper .comment blockquote:last-child { margin-bottom: 0 } .comment-wrapper .comment blockquote.parent-inline { padding: 0; background-color: #eee } .comment-wrapper .comment blockquote.parent-inline .comment-wrapper { margin-bottom: 0; background-color: transparent } .comment-wrapper .comment blockquote.parent-inline .comment-wrapper .above-comment { background-color: #ddd } .comment-wrapper .comment blockquote.parent-inline .comment-wrapper h4 { border-bottom: none } .comment-wrapper .comment blockquote.parent-inline .comment-wrapper blockquote { background-color: #ddd } .comment-wrapper .comment blockquote.parent-inline .comment-wrapper .interactions .btn-comment-update, .comment-wrapper .comment blockquote.parent-inline .comment-wrapper .interactions .btn-comment-delete { display: none } .comment-wrapper .comment * { font-size: inherit } .comment-wrapper .comment mark { color: inherit } .comment-wrapper .comment pre { background-color: #fff; border: none } .comment-wrapper .comment pre code { border: none } .comment-wrapper .comment p:last-child { margin-bottom: 0 } .comment-wrapper .comment p.author { border-left: solid 2px #ccc; padding: 7px 0 7px 15px; margin: 0 0 15px } .comment-wrapper .comment p.author-1 { border-left-color: #ed1c24 } .comment-wrapper .comment p.author-2 { border-left-color: #009edf } .comment-wrapper .comment p.author-3 { border-left-color: #8e44ad } .comment-wrapper .comment p.author-4 { border-left-color: #16a085 } .comment-wrapper .comment p.author-5 { border-left-color: #2b678f } .comment-wrapper .comment p.author-6 { border-left-color: #6e7a83 } .comment-wrapper .comment h1, .comment-wrapper .comment h2, .comment-wrapper .comment h3, .comment-wrapper .comment h4, .comment-wrapper .comment h5, .comment-wrapper .comment h6 { border-bottom: solid 1px #ddd; font-family: proxima nova semibold; color: inherit; margin: 20px 0 10px } .comment-wrapper .comment h1 { font-size: 160% } .comment-wrapper .comment h2 { font-size: 140% } .comment-wrapper .comment h3 { font-size: 130% } .comment-wrapper .comment h4 { font-size: 120% } .comment-wrapper .comment h5 { font-size: 110% } .comment-wrapper .comment h6 { font-size: 100% } .comment-wrapper .under-comment { padding: 0 20px 20px } .comment-wrapper.inline { background-color: transparent; border-top: solid 1px #fafafa; padding-top: 15px; margin-bottom: 0 !important; margin-top: 0 } .comment-wrapper.inline .above-comment { padding-top: 10px; background-color: transparent } .comment-wrapper.inline .comment { padding: 5px 20px 5px 64px } .comment-wrapper.inline .under-comment { padding: 0 0 20px 62px } .comment-wrapper .replies-wrapper .loading { display: none } .comment-wrapper .replies-wrapper .loading .inner { padding: 20px } .comment-wrapper .replies-wrapper .loading .fa, .comment-wrapper .replies-wrapper .loading [class^=fa-], .comment-wrapper .replies-wrapper .loading [class*=" fa-"] { margin-right: 5px } .comment-wrapper .replies-wrapper .loading .text { font-family: proxima nova semibold; font-size: 12px } .comment-wrapper.with-replies { outline: solid 1px #c2dff7; -webkit-box-shadow: 0 0 8px rgba(102, 175, 233, .6); box-shadow: 0 0 8px rgba(102, 175, 233, .6) } .comment-wrapper.with-replies .replies-wrapper .above-comment { background-color: transparent; border-bottom: solid 1px #eee; padding-bottom: 5px; margin-bottom: 10px } .comment-wrapper.with-replies .replies-wrapper .comment-wrapper { margin-top: 0; background-color: transparent } .comment-wrapper.with-replies .replies-wrapper .comment-wrapper .comment { padding: 0 20px 20px 62px } .comment-wrapper.with-replies .replies-wrapper .comment-wrapper .under-comment { padding: 0 20px 20px 62px } .comment-wrapper.with-replies .replies-wrapper .comment-wrapper .under-comment .interactions { margin-top: 0 } .comment-wrapper.with-replies .replies-wrapper .comment-wrapper .interactions { margin-top: 8px } .comment-wrapper.reply .interactions .comment-count { display: none } .comment-wrapper.reply .interactions .count-text { display: none } p.author-1 + p.author-1, p.author-2 + p.author-2, p.author-3 + p.author-3, p.author-4 + p.author-4, p.author-5 + p.author-5, p.author-6 + p.author-6 { margin-top: -15px !important } a.comment-link { text-decoration: none } .comment-wrapper .interactions, #main-comment .interactions { float: right; font-family: proxima nova; font-size: 13px; text-transform: uppercase; margin-top: 3px } .comment-wrapper .interactions a, #main-comment .interactions a { text-decoration: none } .comment-wrapper .interactions a:not(:first-child), #main-comment .interactions a:not(:first-child) { margin-left: 15px } .comment-wrapper .interactions a.alt, #main-comment .interactions a.alt { color: #009edf; text-transform: uppercase } .comment-wrapper .interactions a.alt .tooltip, #main-comment .interactions a.alt .tooltip { text-transform: none } .comment-wrapper .interactions a.alt [class^=trakt-icon-], .comment-wrapper .interactions a.alt [class*=" trakt-icon-"], .comment-wrapper .interactions a.alt .icon, #main-comment .interactions a.alt [class^=trakt-icon-], #main-comment .interactions a.alt [class*=" trakt-icon-"], #main-comment .interactions a.alt .icon { color: #009edf !important } .comment-wrapper .interactions a .text-wrapper, #main-comment .interactions a .text-wrapper { display: inline-block; position: relative } .comment-wrapper .interactions a .text-wrapper .under-count, #main-comment .interactions a .text-wrapper .under-count { text-transform: none; position: absolute; bottom: -15px; font-size: 11px; color: #666; opacity: 0; transition: all .5s; white-space: nowrap } .comment-wrapper .interactions a .text-wrapper .under-count .slash, #main-comment .interactions a .text-wrapper .under-count .slash { margin: 0 2px } .comment-wrapper .interactions a.btn-comment-reply:hover, .comment-wrapper .interactions a.watched-at:hover, #main-comment .interactions a.btn-comment-reply:hover, #main-comment .interactions a.watched-at:hover { text-decoration: underline } .comment-wrapper .interactions a:hover .text-wrapper .under-count, #main-comment .interactions a:hover .text-wrapper .under-count { opacity: 1 } .comment-wrapper .interactions [class^=trakt-icon-], .comment-wrapper .interactions [class*=" trakt-icon-"], .comment-wrapper .interactions .icon, #main-comment .interactions [class^=trakt-icon-], #main-comment .interactions [class*=" trakt-icon-"], #main-comment .interactions .icon { font-size: 20px; margin-right: 5px } .comment-wrapper .interactions .trakt-icon-document, .comment-wrapper .interactions .trakt-icon-collection, .comment-wrapper .interactions .trakt-icon-collection-thick, .comment-wrapper .interactions .fa-memo, #main-comment .interactions .trakt-icon-document, #main-comment .interactions .trakt-icon-collection, #main-comment .interactions .trakt-icon-collection-thick, #main-comment .interactions .fa-memo { font-size: 18px; vertical-align: top } .comment-wrapper .interactions .icon.fa-memo, #main-comment .interactions .icon.fa-memo { margin-right: 7px } .comment-wrapper .interactions .btn-comment-update, .comment-wrapper .interactions .btn-comment-delete, .comment-wrapper .interactions .btn-comment-report, .comment-wrapper .interactions .btn-comment-block-user, .comment-wrapper .interactions .notable-launcher, .comment-wrapper .interactions .notable-deleter, #main-comment .interactions .btn-comment-update, #main-comment .interactions .btn-comment-delete, #main-comment .interactions .btn-comment-report, #main-comment .interactions .btn-comment-block-user, #main-comment .interactions .notable-launcher, #main-comment .interactions .notable-deleter { margin-left: 15px; cursor: pointer; margin-right: 0 } .comment-wrapper .interactions .btn-comment-update, .comment-wrapper .interactions .notable-launcher, #main-comment .interactions .btn-comment-update, #main-comment .interactions .notable-launcher { color: #5cb85c } .comment-wrapper .interactions .btn-comment-delete, .comment-wrapper .interactions .notable-deleter, #main-comment .interactions .btn-comment-delete, #main-comment .interactions .notable-deleter { color: #ed1c24 } .comment-wrapper .interactions .fa, .comment-wrapper .interactions [class^=fa-], .comment-wrapper .interactions [class*=" fa-"], #main-comment .interactions .fa, #main-comment .interactions [class^=fa-], #main-comment .interactions [class*=" fa-"] { margin-right: 5px } .comment-wrapper .interactions .like, #main-comment .interactions .like { cursor: pointer } .comment-wrapper .interactions .like .trakt-icon, #main-comment .interactions .like .trakt-icon { vertical-align: top; margin-top: -2px } .comment-wrapper .interactions .like.selected .trakt-icon:before, #main-comment .interactions .like.selected .trakt-icon:before { content: "\e612" } .comment-wrapper .interactions .rating.rating-1, #main-comment .interactions .rating.rating-1 { color: #616161 } .comment-wrapper .interactions .rating.rating-2, #main-comment .interactions .rating.rating-2 { color: #675b5b } .comment-wrapper .interactions .rating.rating-3, #main-comment .interactions .rating.rating-3 { color: #705252 } .comment-wrapper .interactions .rating.rating-4, #main-comment .interactions .rating.rating-4 { color: #7a4747 } .comment-wrapper .interactions .rating.rating-5, #main-comment .interactions .rating.rating-5 { color: #863c3c } .comment-wrapper .interactions .rating.rating-6, #main-comment .interactions .rating.rating-6 { color: #922f30 } .comment-wrapper .interactions .rating.rating-7, #main-comment .interactions .rating.rating-7 { color: #9e2424 } .comment-wrapper .interactions .rating.rating-8, #main-comment .interactions .rating.rating-8 { color: #a81918 } .comment-wrapper .interactions .rating.rating-9, #main-comment .interactions .rating.rating-9 { color: #b11010 } .comment-wrapper .interactions .rating.rating-10, #main-comment .interactions .rating.rating-10 { color: #b70a0a } .comment-wrapper .interactions .rating .fa, .comment-wrapper .interactions .rating [class^=fa-], .comment-wrapper .interactions .rating [class*=" fa-"], #main-comment .interactions .rating .fa, #main-comment .interactions .rating [class^=fa-], #main-comment .interactions .rating [class*=" fa-"] { font-size: 18px; vertical-align: middle; margin-right: 5px } .comment-wrapper .interactions .watched-at, .comment-wrapper .interactions .collected-at, .comment-wrapper .interactions .rated-at, #main-comment .interactions .watched-at, #main-comment .interactions .collected-at, #main-comment .interactions .rated-at { color: #8e44ad; display: inline; margin-left: -15px } .comment-wrapper .interactions .watched-at.on, .comment-wrapper .interactions .collected-at.on, .comment-wrapper .interactions .rated-at.on, #main-comment .interactions .watched-at.on, #main-comment .interactions .collected-at.on, #main-comment .interactions .rated-at.on { margin-left: 0 } .comment-wrapper .interactions .watched-at i, .comment-wrapper .interactions .collected-at i, .comment-wrapper .interactions .rated-at i, #main-comment .interactions .watched-at i, #main-comment .interactions .collected-at i, #main-comment .interactions .rated-at i { font-size: 13px } .comment-wrapper .interactions .collected-at, #main-comment .interactions .collected-at { color: #16a085 } .comment-wrapper .interactions .collected-at i, #main-comment .interactions .collected-at i { vertical-align: middle } .comment-wrapper .interactions .rated-at, #main-comment .interactions .rated-at { color: #b70a0a } .comment-wrapper .interactions .share .trakt-icon, #main-comment .interactions .share .trakt-icon { margin-right: 0; margin-right: -2px; cursor: pointer } .comment-wrapper .under-comment > .interactions, #main-comment .under-comment > .interactions { float: none } #comments .trakt-icon, #replies .trakt-icon, #lists .trakt-icon { vertical-align: middle } #comments #btn-comment-add, #replies #btn-comment-add, #lists #btn-comment-add { float: right; margin-top: -4px } #comments.with-icon .tab-links, #replies.with-icon .tab-links, #lists.with-icon .tab-links { margin-left: 40px } .tab-links { margin-top: -5px } .tab-links > a > h3 { font-family: proxima nova; font-size: 14px; text-transform: uppercase; color: #666; display: inline-block; font-weight: 400 !important; margin: 0 15px 0 0; transition: all .5s; line-height: 1 } .tab-links > a > h3 .count { border: solid 1px #888; background-color: #888; color: #fff; font-size: 10px; padding: 1px 4px; border-radius: 3px; display: inline-block; vertical-align: top; font-family: proxima nova bold; transition: all .5s; margin: -1px -4px -1px 3px } .tab-links > a > h3:hover { color: #000 } .tab-links > a > h3:hover .count { border-color: #000; background-color: #000; color: #fff } .tab-links a.active > h3 { font-family: proxima nova semibold; color: #ed1c24; border-bottom-color: #ed1c24 } .tab-links a.active > h3 .count { border-color: #fff; background-color: #fff; color: #ed1c24 } .pill-tab-links.with-icon .tab-links { margin-left: 40px } .pill-tab-links .tab-links { margin-top: -2px } .pill-tab-links .tab-links > a > h3 { font-family: proxima nova; font-size: 13px; text-transform: none; background-color: rgba(0, 0, 0, .3); display: inline-block; font-weight: 400 !important; margin: 5px 7px 0 0; transition: all .5s; color: #fff; padding: 3px 6px 2px; border-radius: 3px } .pill-tab-links .tab-links > a > h3:hover { background-color: rgba(0, 0, 0, .5) } .pill-tab-links .tab-links a.active > h3 { background-color: #ed1c24 !important } .pill-tab-links .tab-links a.active > h3:hover { background-color: #c61017 !important } #recent-comments-wrapper .title { vertical-align: middle } #recent-comments-wrapper .new-comment-focus.main { text-decoration: none; float: right } #recent-comments-wrapper .new-comment-focus.main .fa { vertical-align: top; font-size: 17px; margin: 3px 10px 0 5px } #recent-comments-wrapper .new-comment-focus.main .count-text { font-size: 13px; text-transform: uppercase } #recent-comments-wrapper .alert.locked-comments { margin-bottom: 0; margin-top: 20px } body.comments #info-wrapper, body.comments_liked #info-wrapper, body.comments_season #info-wrapper, body.comments_episode #info-wrapper, body.list_comments #info-wrapper, body.stats #info-wrapper { position: relative } body.comments #info-wrapper.less-top .info, body.comments_liked #info-wrapper.less-top .info, body.comments_season #info-wrapper.less-top .info, body.comments_episode #info-wrapper.less-top .info, body.list_comments #info-wrapper.less-top .info, body.stats #info-wrapper.less-top .info { margin-top: 0 } body.comments #info-wrapper .above-comment-bg, body.comments_liked #info-wrapper .above-comment-bg, body.comments_season #info-wrapper .above-comment-bg, body.comments_episode #info-wrapper .above-comment-bg, body.list_comments #info-wrapper .above-comment-bg, body.stats #info-wrapper .above-comment-bg { background-color: #f3f3f3; height: 67px; position: absolute; width: 100% } body.comments #info-wrapper .info #read .comment-wrapper, body.comments_liked #info-wrapper .info #read .comment-wrapper, body.comments_season #info-wrapper .info #read .comment-wrapper, body.comments_episode #info-wrapper .info #read .comment-wrapper, body.list_comments #info-wrapper .info #read .comment-wrapper, body.stats #info-wrapper .info #read .comment-wrapper { background-color: transparent } body.comments #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.comments_season #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.list_comments #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.stats #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0) } body.comments #info-wrapper .info #read .comment-wrapper .above-comment, body.comments_liked #info-wrapper .info #read .comment-wrapper .above-comment, body.comments_season #info-wrapper .info #read .comment-wrapper .above-comment, body.comments_episode #info-wrapper .info #read .comment-wrapper .above-comment, body.list_comments #info-wrapper .info #read .comment-wrapper .above-comment, body.stats #info-wrapper .info #read .comment-wrapper .above-comment { padding-left: 8px; position: absolute; top: 0; width: 100% } body.comments #info-wrapper .info #read .comment-wrapper .above-comment .details, body.comments_liked #info-wrapper .info #read .comment-wrapper .above-comment .details, body.comments_season #info-wrapper .info #read .comment-wrapper .above-comment .details, body.comments_episode #info-wrapper .info #read .comment-wrapper .above-comment .details, body.list_comments #info-wrapper .info #read .comment-wrapper .above-comment .details, body.stats #info-wrapper .info #read .comment-wrapper .above-comment .details { display: none } body.comments #info-wrapper .info #read .comment-wrapper .comment, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment, body.comments_season #info-wrapper .info #read .comment-wrapper .comment, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment, body.list_comments #info-wrapper .info #read .comment-wrapper .comment, body.stats #info-wrapper .info #read .comment-wrapper .comment { padding-left: 0; padding-right: 0; padding-top: 0 !important } body.comments #info-wrapper .info #read .comment-wrapper .comment blockquote, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment blockquote, body.comments_season #info-wrapper .info #read .comment-wrapper .comment blockquote, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment blockquote, body.list_comments #info-wrapper .info #read .comment-wrapper .comment blockquote, body.stats #info-wrapper .info #read .comment-wrapper .comment blockquote { background-color: #f3f3f3 } body.comments #info-wrapper .info #read .comment-wrapper .comment pre, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment pre, body.comments_season #info-wrapper .info #read .comment-wrapper .comment pre, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment pre, body.list_comments #info-wrapper .info #read .comment-wrapper .comment pre, body.stats #info-wrapper .info #read .comment-wrapper .comment pre { background-color: #f3f3f3 } body.comments #info-wrapper .info #read .comment-wrapper .comment h1, body.comments #info-wrapper .info #read .comment-wrapper .comment h2, body.comments #info-wrapper .info #read .comment-wrapper .comment h3, body.comments #info-wrapper .info #read .comment-wrapper .comment h4, body.comments #info-wrapper .info #read .comment-wrapper .comment h5, body.comments #info-wrapper .info #read .comment-wrapper .comment h6, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment h1, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment h2, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment h3, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment h4, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment h5, body.comments_liked #info-wrapper .info #read .comment-wrapper .comment h6, body.comments_season #info-wrapper .info #read .comment-wrapper .comment h1, body.comments_season #info-wrapper .info #read .comment-wrapper .comment h2, body.comments_season #info-wrapper .info #read .comment-wrapper .comment h3, body.comments_season #info-wrapper .info #read .comment-wrapper .comment h4, body.comments_season #info-wrapper .info #read .comment-wrapper .comment h5, body.comments_season #info-wrapper .info #read .comment-wrapper .comment h6, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment h1, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment h2, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment h3, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment h4, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment h5, body.comments_episode #info-wrapper .info #read .comment-wrapper .comment h6, body.list_comments #info-wrapper .info #read .comment-wrapper .comment h1, body.list_comments #info-wrapper .info #read .comment-wrapper .comment h2, body.list_comments #info-wrapper .info #read .comment-wrapper .comment h3, body.list_comments #info-wrapper .info #read .comment-wrapper .comment h4, body.list_comments #info-wrapper .info #read .comment-wrapper .comment h5, body.list_comments #info-wrapper .info #read .comment-wrapper .comment h6, body.stats #info-wrapper .info #read .comment-wrapper .comment h1, body.stats #info-wrapper .info #read .comment-wrapper .comment h2, body.stats #info-wrapper .info #read .comment-wrapper .comment h3, body.stats #info-wrapper .info #read .comment-wrapper .comment h4, body.stats #info-wrapper .info #read .comment-wrapper .comment h5, body.stats #info-wrapper .info #read .comment-wrapper .comment h6 { border-bottom-color: #eee } body.comments #info-wrapper .info #read .comment-wrapper .under-comment, body.comments_liked #info-wrapper .info #read .comment-wrapper .under-comment, body.comments_season #info-wrapper .info #read .comment-wrapper .under-comment, body.comments_episode #info-wrapper .info #read .comment-wrapper .under-comment, body.list_comments #info-wrapper .info #read .comment-wrapper .under-comment, body.stats #info-wrapper .info #read .comment-wrapper .under-comment { padding-left: 0; padding-right: 0 } body.comments #info-wrapper h2#replies.trakt-icon, body.comments_liked #info-wrapper h2#replies.trakt-icon, body.comments_season #info-wrapper h2#replies.trakt-icon, body.comments_episode #info-wrapper h2#replies.trakt-icon, body.list_comments #info-wrapper h2#replies.trakt-icon, body.stats #info-wrapper h2#replies.trakt-icon { vertical-align: bottom } body.comments #info-wrapper .info, body.comments_liked #info-wrapper .info, body.comments_season #info-wrapper .info, body.comments_episode #info-wrapper .info, body.lists #info-wrapper .info, body.list_comments #info-wrapper .info { margin-top: 0; margin-bottom: 0 } body.comments #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, body.comments_liked #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, body.comments_season #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, body.comments_episode #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, body.lists #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, body.list_comments #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi { margin: 0 !important } body.comments #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD, body.comments_liked #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD, body.comments_season #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD, body.comments_episode #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD, body.lists #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD, body.list_comments #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD { margin-left: 0 !important; margin-right: 0 !important } body.comments #info-wrapper .info .pagination-bottom ul.pagination, body.comments_liked #info-wrapper .info .pagination-bottom ul.pagination, body.comments_season #info-wrapper .info .pagination-bottom ul.pagination, body.comments_episode #info-wrapper .info .pagination-bottom ul.pagination, body.lists #info-wrapper .info .pagination-bottom ul.pagination, body.list_comments #info-wrapper .info .pagination-bottom ul.pagination { margin-top: 20px } body.comments #info-wrapper #comments, body.comments_liked #info-wrapper #comments, body.comments_episode #info-wrapper #comments, body.comments_season #info-wrapper #comments, body.list_comments #info-wrapper #comments, body.notes #info-wrapper #comments { margin-top: 20px } body.comments .pagination-top ul.pagination, body.comments_liked .pagination-top ul.pagination, body.comments_episode .pagination-top ul.pagination, body.comments_season .pagination-top ul.pagination, body.list_comments .pagination-top ul.pagination, body.notes .pagination-top ul.pagination { margin-top: 0; margin-bottom: 20px } body.lists #info-wrapper .info #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD { margin-top: 20px !important } body.comments.show #info-wrapper .info { padding-top: 90px } body.comments .comment-wrapper:not(.reply), body.comments_liked .comment-wrapper:not(.reply), body.comments_episode .comment-wrapper:not(.reply), body.comments_season .comment-wrapper:not(.reply), body.notes .comment-wrapper:not(.reply) { margin-bottom: 20px } body.touch-device .comment-wrapper .above-comment .interactions .btn-comment-report, body.touch-device .comment-wrapper .above-comment .interactions .btn-comment-block-user { opacity: 1 } @media(max-width:767px) { #read { margin: 0 -10px !important; padding: 5px 10px 15px !important } #read .comment { padding: 10px !important } #read .under-comment { padding-left: 10px !important; padding-right: 10px !important } #comment-replies .comment-wrapper { margin-bottom: 0 } #comment-replies .comment-wrapper .above-comment { padding-left: 10px; padding-right: 10px } #comment-replies .comment-wrapper .comment { padding-left: 10px !important; padding-right: 10px !important } #comments:before, #comments:after { content: " "; display: table } #comments:after { clear: both } #user-comments .comment-wrapper, .user-comments .comment-wrapper { margin: 0 -10px 0 -20px !important } #user-profile-comments-wrapper { padding-bottom: 0 } #user-profile-comments-wrapper .user-comments { padding-top: 20px } #report-comment-modal .form-signin { padding-right: 5px; padding-left: 5px } #report-comment-modal .titles-wrapper { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px } .comment-wrapper { padding-bottom: 15px } .comment-wrapper .above-comment .helpers { float: none; text-align: left; clear: both; padding-left: 52px; max-height: 0 } .comment-wrapper .above-comment .user-avatar { margin-left: 0 } .comment-wrapper .above-comment .user-name { max-width: calc(100% - 40px); float: none; margin-left: 40px } .comment-wrapper .above-comment .interactions { float: none; margin: 10px 0 0 35px } .comment-wrapper .above-comment .interactions:before, .comment-wrapper .above-comment .interactions:after { content: " "; display: table } .comment-wrapper .above-comment .interactions:after { clear: both } .comment-wrapper .above-comment .interactions .btn-comment-report, .comment-wrapper .above-comment .interactions .btn-comment-block-user { margin-right: 0; margin-left: 15px } .comment-wrapper .comment { padding: 10px 10px 10px 20px !important } .comment-wrapper .under-comment { padding: 0 20px 10px !important } .comment-wrapper .replies-wrapper .comment-wrapper { margin: 0 !important } .comment-wrapper .replies-wrapper .comment-wrapper .above-comment { margin-bottom: 0 } .new-comment-wrapper { padding-left: 0; padding-right: 0; width: 100%; overflow: hidden } .new-comment-wrapper .buttons { margin: 15px 10px 0 } .new-comment-wrapper textarea { padding: 20px 10px } .new-comment-wrapper .mobile-submit { display: block !important; visibility: visible !important; opacity: 0 } .new-comment-wrapper.focused .above-comment { padding-left: 10px; padding-right: 10px } .new-comment-wrapper.focused .above-comment .helpers { max-height: 50px } .new-comment-wrapper.focused .under-help { padding-left: 10px; padding-right: 10px; margin-top: 5px; max-height: 100px; text-align: center } .new-comment-wrapper.focused .under-help .checkboxes { display: block } .new-comment-wrapper.focused .under-help .checkboxes .btn-group { display: block } .new-comment-wrapper.focused .under-help .checkboxes .btn-group .btn { float: none; display: inline-block } .new-comment-wrapper.focused .under-help .auth-services { display: inline-block } .new-comment-wrapper.focused .mobile-submit { opacity: 1 } .new-comment-wrapper.update.focused .under-help { padding-left: 0; padding-right: 0; margin-top: 15px } .new-comment-wrapper.update.focused .under-help .buttons { margin: 1px 0 0 15px } .new-comment-wrapper.update.focused .under-help .buttons:before, .new-comment-wrapper.update.focused .under-help .buttons:after { content: " "; display: table } .new-comment-wrapper.update.focused .under-help .buttons:after { clear: both } #new-comment-wrapper h2 { margin-bottom: 20px } #new-comment-wrapper .comment-wrapper { padding-bottom: 0 } body.comments #info-wrapper .comment-wrapper, body.comments_episode #info-wrapper .comment-wrapper, body.comments_season #info-wrapper .comment-wrapper { border-top: none !important } body.comments.show #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.comments_episode.show #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.comments_season.show #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O { margin-top: -31px !important } body.comments.show .replies-wrapper .under-comment, body.comments_episode.show .replies-wrapper .under-comment, body.comments_season.show .replies-wrapper .under-comment { padding: 0 10px 10px !important } body.comments #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.comments_liked #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.comments_episode #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.comments_season #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.list_comments #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O { margin-bottom: -1px !important } body.comments .subnav-wrapper .container .left .dropdown, body.comments_liked .subnav-wrapper .container .left .dropdown, body.comments_episode .subnav-wrapper .container .left .dropdown, body.comments_season .subnav-wrapper .container .left .dropdown, body.list_comments .subnav-wrapper .container .left .dropdown { margin-right: 10px } body.comments .comment-wrapper.lists .count-text, body.comments_liked .comment-wrapper.lists .count-text, body.comments_episode .comment-wrapper.lists .count-text, body.comments_season .comment-wrapper.lists .count-text, body.list_comments .comment-wrapper.lists .count-text { display: none } body.comments .comment-wrapper.lists, body.comments_liked .comment-wrapper.lists, body.comments_episode .comment-wrapper.lists, body.comments_season .comment-wrapper.lists, body.list_comments .comment-wrapper.lists { padding-left: 10px } .new-comment-wrapper .formatting-help, .new-reply-wrapper .formatting-help { border-radius: 0; padding-left: 10px; margin-bottom: 15px } #recent-comments-wrapper .new-comment-focus.main { vertical-align: top } } body.settings .user_progress_watched_sort, body.settings .user_progress_collected_sort, body.settings .user_dashboard_on_deck_sort, body.settings .user_profile_favorites_sort_by { display: inline-block; width: calc(100% - 65px) } body.settings .user_progress_watched_sort_how, body.settings .user_progress_collected_sort_how, body.settings .user_dashboard_on_deck_sort_how, body.settings .user_profile_favorites_sort_how { display: inline-block; width: 50px; margin-left: 15px } body.settings .with-vip-wrapper .control-group { width: calc(100% - 65px); display: inline-block } body.settings .panel.with-instructions .panel-body, body.authorized_applications .panel.with-instructions .panel-body, body.applications .panel.with-instructions .panel-body, body.widgets .panel.with-instructions .panel-body, body.movies.releases .panel.with-instructions .panel-body { padding: 0 0 15px } body.settings code, body.authorized_applications code, body.applications code, body.widgets code, body.movies.releases code { font-style: normal } body.settings .panel-heading, body.authorized_applications .panel-heading, body.applications .panel-heading, body.widgets .panel-heading, body.movies.releases .panel-heading { cursor: row-resize } body.settings .panel-heading.outside-body, body.authorized_applications .panel-heading.outside-body, body.applications .panel-heading.outside-body, body.widgets .panel-heading.outside-body, body.movies.releases .panel-heading.outside-body { background: 0 0 !important } body.settings .panel-heading.outside-body .flag, body.authorized_applications .panel-heading.outside-body .flag, body.applications .panel-heading.outside-body .flag, body.widgets .panel-heading.outside-body .flag, body.movies.releases .panel-heading.outside-body .flag { vertical-align: top; height: 20px; width: 20px; margin: -1px 5px 0 0 } body.settings .panel-heading.outside-body .label, body.authorized_applications .panel-heading.outside-body .label, body.applications .panel-heading.outside-body .label, body.widgets .panel-heading.outside-body .label, body.movies.releases .panel-heading.outside-body .label { background-color: #ed1c24; font-weight: 400; border-radius: 2px; padding: 3px 4px; font-size: 11px; float: right; margin-top: 1px } body.settings .panel-heading .icon, body.authorized_applications .panel-heading .icon, body.applications .panel-heading .icon, body.widgets .panel-heading .icon, body.movies.releases .panel-heading .icon { margin-right: 7px } body.settings .panel-body .posters, body.authorized_applications .panel-body .posters, body.applications .panel-body .posters, body.widgets .panel-body .posters, body.movies.releases .panel-body .posters { margin-left: 10px; margin-right: 10px; margin-bottom: 0 } body.settings .panel-body .posters .quick-icons, body.authorized_applications .panel-body .posters .quick-icons, body.applications .panel-body .posters .quick-icons, body.widgets .panel-body .posters .quick-icons, body.movies.releases .panel-body .posters .quick-icons { display: none } body.settings .panel-body .posters .poster, body.settings .panel-body .posters .user.grid-item, body.authorized_applications .panel-body .posters .poster, body.authorized_applications .panel-body .posters .user.grid-item, body.applications .panel-body .posters .poster, body.applications .panel-body .posters .user.grid-item, body.widgets .panel-body .posters .poster, body.widgets .panel-body .posters .user.grid-item, body.movies.releases .panel-body .posters .poster, body.movies.releases .panel-body .posters .user.grid-item { transition: all .5s } body.settings .panel-body .posters .poster.faded, body.settings .panel-body .posters .user.grid-item.faded, body.authorized_applications .panel-body .posters .poster.faded, body.authorized_applications .panel-body .posters .user.grid-item.faded, body.applications .panel-body .posters .poster.faded, body.applications .panel-body .posters .user.grid-item.faded, body.widgets .panel-body .posters .poster.faded, body.widgets .panel-body .posters .user.grid-item.faded, body.movies.releases .panel-body .posters .poster.faded, body.movies.releases .panel-body .posters .user.grid-item.faded { opacity: .3 } body.settings .panel-body .alert-no-data, body.authorized_applications .panel-body .alert-no-data, body.applications .panel-body .alert-no-data, body.widgets .panel-body .alert-no-data, body.movies.releases .panel-body .alert-no-data { margin-bottom: 5px; padding: 10px } body.settings .panel-body .alert-cookie-disabled, body.authorized_applications .panel-body .alert-cookie-disabled, body.applications .panel-body .alert-cookie-disabled, body.widgets .panel-body .alert-cookie-disabled, body.movies.releases .panel-body .alert-cookie-disabled { margin: 0 0 20px calc(25% + 5px); background-color: #ddd; color: #333 } body.settings .notifications-table, body.authorized_applications .notifications-table, body.applications .notifications-table, body.widgets .notifications-table, body.movies.releases .notifications-table { -webkit-box-shadow: none; box-shadow: none } body.settings .notifications-table .panel-heading, body.settings .notifications-table .panel-body, body.authorized_applications .notifications-table .panel-heading, body.authorized_applications .notifications-table .panel-body, body.applications .notifications-table .panel-heading, body.applications .notifications-table .panel-body, body.widgets .notifications-table .panel-heading, body.widgets .notifications-table .panel-body, body.movies.releases .notifications-table .panel-heading, body.movies.releases .notifications-table .panel-body { padding: 0 } body.settings .notifications-table .table, body.authorized_applications .notifications-table .table, body.applications .notifications-table .table, body.widgets .notifications-table .table, body.movies.releases .notifications-table .table { margin-bottom: 0 } body.settings .notifications-table .table.with-full-width td, body.settings .notifications-table .table.with-full-width th, body.authorized_applications .notifications-table .table.with-full-width td, body.authorized_applications .notifications-table .table.with-full-width th, body.applications .notifications-table .table.with-full-width td, body.applications .notifications-table .table.with-full-width th, body.widgets .notifications-table .table.with-full-width td, body.widgets .notifications-table .table.with-full-width th, body.movies.releases .notifications-table .table.with-full-width td, body.movies.releases .notifications-table .table.with-full-width th { white-space: nowrap; min-width: 150px } body.settings .notifications-table .table.with-full-width td.full-width, body.settings .notifications-table .table.with-full-width th.full-width, body.authorized_applications .notifications-table .table.with-full-width td.full-width, body.authorized_applications .notifications-table .table.with-full-width th.full-width, body.applications .notifications-table .table.with-full-width td.full-width, body.applications .notifications-table .table.with-full-width th.full-width, body.widgets .notifications-table .table.with-full-width td.full-width, body.widgets .notifications-table .table.with-full-width th.full-width, body.movies.releases .notifications-table .table.with-full-width td.full-width, body.movies.releases .notifications-table .table.with-full-width th.full-width { width: 100% } body.settings .notifications-table .table.with-header th, body.authorized_applications .notifications-table .table.with-header th, body.applications .notifications-table .table.with-header th, body.widgets .notifications-table .table.with-header th, body.movies.releases .notifications-table .table.with-header th { border-bottom: solid 1px #ddd; background-color: #f5f5f5; color: #333 } body.settings .notifications-table .table tbody > tr, body.authorized_applications .notifications-table .table tbody > tr, body.applications .notifications-table .table tbody > tr, body.widgets .notifications-table .table tbody > tr, body.movies.releases .notifications-table .table tbody > tr { background-color: #fff } body.settings .notifications-table .table tbody > tr > td, body.authorized_applications .notifications-table .table tbody > tr > td, body.applications .notifications-table .table tbody > tr > td, body.widgets .notifications-table .table tbody > tr > td, body.movies.releases .notifications-table .table tbody > tr > td { border-top: solid 1px #f0f0f0 } body.settings .notifications-table .table tbody > tr:first-child > td, body.authorized_applications .notifications-table .table tbody > tr:first-child > td, body.applications .notifications-table .table tbody > tr:first-child > td, body.widgets .notifications-table .table tbody > tr:first-child > td, body.movies.releases .notifications-table .table tbody > tr:first-child > td { border-top: 0 } body.settings .notifications-table .table tbody > tr:hover, body.authorized_applications .notifications-table .table tbody > tr:hover, body.applications .notifications-table .table tbody > tr:hover, body.widgets .notifications-table .table tbody > tr:hover, body.movies.releases .notifications-table .table tbody > tr:hover { background-color: #fafafa } body.settings .notifications-table th, body.authorized_applications .notifications-table th, body.applications .notifications-table th, body.widgets .notifications-table th, body.movies.releases .notifications-table th { font-family: proxima nova bold; font-weight: 400; vertical-align: bottom; border-bottom: 0 } body.settings .notifications-table th.service, body.authorized_applications .notifications-table th.service, body.applications .notifications-table th.service, body.widgets .notifications-table th.service, body.movies.releases .notifications-table th.service { width: 32px; padding-left: 0; padding-right: 0; text-align: center; font-size: 16px; white-space: nowrap; cursor: cell } body.settings .notifications-table th.service .fa, body.settings .notifications-table th.service [class^=fa-], body.settings .notifications-table th.service [class*=" fa-"], body.authorized_applications .notifications-table th.service .fa, body.authorized_applications .notifications-table th.service [class^=fa-], body.authorized_applications .notifications-table th.service [class*=" fa-"], body.applications .notifications-table th.service .fa, body.applications .notifications-table th.service [class^=fa-], body.applications .notifications-table th.service [class*=" fa-"], body.widgets .notifications-table th.service .fa, body.widgets .notifications-table th.service [class^=fa-], body.widgets .notifications-table th.service [class*=" fa-"], body.movies.releases .notifications-table th.service .fa, body.movies.releases .notifications-table th.service [class^=fa-], body.movies.releases .notifications-table th.service [class*=" fa-"] { vertical-align: middle } body.settings .notifications-table th.service .fa.trakt-icon-pushbullet, body.settings .notifications-table th.service .trakt-icon-pushbullet[class^=fa-], body.settings .notifications-table th.service .trakt-icon-pushbullet[class*=" fa-"], body.authorized_applications .notifications-table th.service .fa.trakt-icon-pushbullet, body.authorized_applications .notifications-table th.service .trakt-icon-pushbullet[class^=fa-], body.authorized_applications .notifications-table th.service .trakt-icon-pushbullet[class*=" fa-"], body.applications .notifications-table th.service .fa.trakt-icon-pushbullet, body.applications .notifications-table th.service .trakt-icon-pushbullet[class^=fa-], body.applications .notifications-table th.service .trakt-icon-pushbullet[class*=" fa-"], body.widgets .notifications-table th.service .fa.trakt-icon-pushbullet, body.widgets .notifications-table th.service .trakt-icon-pushbullet[class^=fa-], body.widgets .notifications-table th.service .trakt-icon-pushbullet[class*=" fa-"], body.movies.releases .notifications-table th.service .fa.trakt-icon-pushbullet, body.movies.releases .notifications-table th.service .trakt-icon-pushbullet[class^=fa-], body.movies.releases .notifications-table th.service .trakt-icon-pushbullet[class*=" fa-"] { font-size: 14px } body.settings .notifications-table th.service .service-title, body.authorized_applications .notifications-table th.service .service-title, body.applications .notifications-table th.service .service-title, body.widgets .notifications-table th.service .service-title, body.movies.releases .notifications-table th.service .service-title { font-size: 10px; margin: 0 5px; display: inline-block } body.settings .notifications-table th.service.with-title, body.authorized_applications .notifications-table th.service.with-title, body.applications .notifications-table th.service.with-title, body.widgets .notifications-table th.service.with-title, body.movies.releases .notifications-table th.service.with-title { width: 120px; text-align: right; padding-right: 7px; white-space: nowrap } body.settings .notifications-table td .helper, body.authorized_applications .notifications-table td .helper, body.applications .notifications-table td .helper, body.widgets .notifications-table td .helper, body.movies.releases .notifications-table td .helper { color: #999; font-size: 12px; font-style: italic } body.settings .notifications-table td .connect-link, body.authorized_applications .notifications-table td .connect-link, body.applications .notifications-table td .connect-link, body.widgets .notifications-table td .connect-link, body.movies.releases .notifications-table td .connect-link { cursor: pointer; margin: 10px 0 0; color: #ed1c24; font-weight: 700; font-size: 13px } body.settings .notifications-table td .connect-link:hover, body.authorized_applications .notifications-table td .connect-link:hover, body.applications .notifications-table td .connect-link:hover, body.widgets .notifications-table td .connect-link:hover, body.movies.releases .notifications-table td .connect-link:hover { text-decoration: underline } body.settings .notifications-table td input[type=checkbox], body.authorized_applications .notifications-table td input[type=checkbox], body.applications .notifications-table td input[type=checkbox], body.widgets .notifications-table td input[type=checkbox], body.movies.releases .notifications-table td input[type=checkbox] { margin: 0 0 0 -6px; font-size: 20px } body.settings .notifications-table td .checkbox, body.authorized_applications .notifications-table td .checkbox, body.applications .notifications-table td .checkbox, body.widgets .notifications-table td .checkbox, body.movies.releases .notifications-table td .checkbox { padding-top: 2px; min-height: 1px } body.settings .notifications-table td.service, body.authorized_applications .notifications-table td.service, body.applications .notifications-table td.service, body.widgets .notifications-table td.service, body.movies.releases .notifications-table td.service { width: 32px; padding-left: 0; padding-right: 0; text-align: center; font-size: 16px } body.settings .notifications-table td.service.with-title, body.authorized_applications .notifications-table td.service.with-title, body.applications .notifications-table td.service.with-title, body.widgets .notifications-table td.service.with-title, body.movies.releases .notifications-table td.service.with-title { width: 120px; text-align: right; white-space: nowrap } body.settings .notifications-table td.service.with-title select, body.authorized_applications .notifications-table td.service.with-title select, body.applications .notifications-table td.service.with-title select, body.widgets .notifications-table td.service.with-title select, body.movies.releases .notifications-table td.service.with-title select { font-size: 12px; border: none; box-shadow: none; padding: 0; height: 20px; display: none; vertical-align: middle; margin: 0 10px 0 0; width: auto; transition: .3s all; border-radius: 3px; padding-left: 5px } body.settings .notifications-table td.service.with-title .checkbox, body.authorized_applications .notifications-table td.service.with-title .checkbox, body.applications .notifications-table td.service.with-title .checkbox, body.widgets .notifications-table td.service.with-title .checkbox, body.movies.releases .notifications-table td.service.with-title .checkbox { margin-bottom: -4px } body.settings .notifications-table td.service.selected select, body.authorized_applications .notifications-table td.service.selected select, body.applications .notifications-table td.service.selected select, body.widgets .notifications-table td.service.selected select, body.movies.releases .notifications-table td.service.selected select { display: inline-block } body.settings .notifications-table td .filter-notifications-launcher, body.authorized_applications .notifications-table td .filter-notifications-launcher, body.applications .notifications-table td .filter-notifications-launcher, body.widgets .notifications-table td .filter-notifications-launcher, body.movies.releases .notifications-table td .filter-notifications-launcher { margin-left: 5px } body.settings .notifications-table.with-selects td input[type=checkbox], body.authorized_applications .notifications-table.with-selects td input[type=checkbox], body.applications .notifications-table.with-selects td input[type=checkbox], body.widgets .notifications-table.with-selects td input[type=checkbox], body.movies.releases .notifications-table.with-selects td input[type=checkbox] { margin: -2px 9px 0 0; position: relative; display: inline-block; vertical-align: middle } body.settings .notifications-table.with-selects td.service.with-title, body.authorized_applications .notifications-table.with-selects td.service.with-title, body.applications .notifications-table.with-selects td.service.with-title, body.widgets .notifications-table.with-selects td.service.with-title, body.movies.releases .notifications-table.with-selects td.service.with-title { padding: 6px 0 0 } body.settings .notifications-table.with-selects td.service.with-title .checkbox, body.authorized_applications .notifications-table.with-selects td.service.with-title .checkbox, body.applications .notifications-table.with-selects td.service.with-title .checkbox, body.widgets .notifications-table.with-selects td.service.with-title .checkbox, body.movies.releases .notifications-table.with-selects td.service.with-title .checkbox { padding-top: 0 } body.settings .has-error .hint, body.authorized_applications .has-error .hint, body.applications .has-error .hint, body.widgets .has-error .hint { color: #d9534f } body.settings #results-top-wrapper, body.authorized_applications #results-top-wrapper, body.applications #results-top-wrapper, body.widgets #results-top-wrapper { padding-bottom: 65px } body.settings #results-top-wrapper.normal, body.authorized_applications #results-top-wrapper.normal, body.applications #results-top-wrapper.normal, body.widgets #results-top-wrapper.normal { padding-bottom: 30px } body.settings #links-wrapper, body.authorized_applications #links-wrapper, body.applications #links-wrapper, body.widgets #links-wrapper { background-color: rgba(0, 0, 0, .5) } body.settings .subnav-wrapper, body.authorized_applications .subnav-wrapper, body.applications .subnav-wrapper, body.widgets .subnav-wrapper { text-align: center; font-size: 13px; border-bottom: solid 1px #eee; padding: 10px 0 } body.settings section#main-settings label.checkbox input, body.settings section#hidden-items label.checkbox input, body.authorized_applications section#main-settings label.checkbox input, body.authorized_applications section#hidden-items label.checkbox input, body.applications section#main-settings label.checkbox input, body.applications section#hidden-items label.checkbox input, body.widgets section#main-settings label.checkbox input, body.widgets section#hidden-items label.checkbox input { margin-left: 0 } body.settings section#main-settings #info-wrapper .sidebar, body.settings section#hidden-items #info-wrapper .sidebar, body.authorized_applications section#main-settings #info-wrapper .sidebar, body.authorized_applications section#hidden-items #info-wrapper .sidebar, body.applications section#main-settings #info-wrapper .sidebar, body.applications section#hidden-items #info-wrapper .sidebar, body.widgets section#main-settings #info-wrapper .sidebar, body.widgets section#hidden-items #info-wrapper .sidebar { margin-top: 0 } body.settings section#main-settings #info-wrapper .sidebar .sections, body.settings section#hidden-items #info-wrapper .sidebar .sections, body.authorized_applications section#main-settings #info-wrapper .sidebar .sections, body.authorized_applications section#hidden-items #info-wrapper .sidebar .sections, body.applications section#main-settings #info-wrapper .sidebar .sections, body.applications section#hidden-items #info-wrapper .sidebar .sections, body.widgets section#main-settings #info-wrapper .sidebar .sections, body.widgets section#hidden-items #info-wrapper .sidebar .sections { margin-top: 0 } body.settings section#main-settings #info-wrapper .sidebar .sections li:first-child, body.settings section#hidden-items #info-wrapper .sidebar .sections li:first-child, body.authorized_applications section#main-settings #info-wrapper .sidebar .sections li:first-child, body.authorized_applications section#hidden-items #info-wrapper .sidebar .sections li:first-child, body.applications section#main-settings #info-wrapper .sidebar .sections li:first-child, body.applications section#hidden-items #info-wrapper .sidebar .sections li:first-child, body.widgets section#main-settings #info-wrapper .sidebar .sections li:first-child, body.widgets section#hidden-items #info-wrapper .sidebar .sections li:first-child { border-top: solid 1px #cacaca } body.settings section#main-settings, body.authorized_applications section#main-settings, body.applications section#main-settings, body.widgets section#main-settings { padding-top: 20px } body.settings label.user-avatar img, body.authorized_applications label.user-avatar img, body.applications label.user-avatar img, body.widgets label.user-avatar img { width: 100px; height: 100px; float: right } body.settings .control-group.user-avatar, body.authorized_applications .control-group.user-avatar, body.applications .control-group.user-avatar, body.widgets .control-group.user-avatar { padding-top: 40px } body.settings .buttons, body.authorized_applications .buttons, body.applications .buttons, body.widgets .buttons { padding-top: 20px; padding-bottom: 20px; text-align: center } body.settings .buttons.data, body.authorized_applications .buttons.data, body.applications .buttons.data, body.widgets .buttons.data { text-align: left; padding-top: 0; padding-left: 40px } body.settings .buttons .btn, body.authorized_applications .buttons .btn, body.applications .buttons .btn, body.widgets .buttons .btn { text-transform: uppercase; font-size: 16px; font-family: proxima nova bold; padding: 10px 16px } body.settings .buttons .btn-cancel, body.authorized_applications .buttons .btn-cancel, body.applications .buttons .btn-cancel, body.widgets .buttons .btn-cancel { margin-left: 20px; background-color: #eee; color: #666 } body.settings #social-connections, body.authorized_applications #social-connections, body.applications #social-connections, body.widgets #social-connections { background-color: #1d1d1d; color: #fff; padding: 0 0 10px } body.settings #social-connections .row > div, body.authorized_applications #social-connections .row > div, body.applications #social-connections .row > div, body.widgets #social-connections .row > div { margin-bottom: 20px } body.settings #social-connections .service-icon, body.authorized_applications #social-connections .service-icon, body.applications #social-connections .service-icon, body.widgets #social-connections .service-icon { font-size: 35px; margin: 0 15px 0 0 } body.settings #social-connections .service-icon.trakt-icon-pushbullet, body.authorized_applications #social-connections .service-icon.trakt-icon-pushbullet, body.applications #social-connections .service-icon.trakt-icon-pushbullet, body.widgets #social-connections .service-icon.trakt-icon-pushbullet { font-size: 30px; margin-top: 4px } body.settings #social-connections form, body.authorized_applications #social-connections form, body.applications #social-connections form, body.widgets #social-connections form { display: inline-block } body.settings #social-connections form button, body.authorized_applications #social-connections form button, body.applications #social-connections form button, body.widgets #social-connections form button { display: inline-block; border: none; padding: 0; margin: 0 } body.settings #social-connections .btn, body.authorized_applications #social-connections .btn, body.applications #social-connections .btn, body.widgets #social-connections .btn { text-transform: uppercase; font-size: 14px; font-family: proxima nova semibold; padding: 7px 12px; color: #fff !important } body.settings #social-connections .btn.connected, body.authorized_applications #social-connections .btn.connected, body.applications #social-connections .btn.connected, body.widgets #social-connections .btn.connected { font-family: proxima nova bold } body.settings #social-connections .btn.connected .fa, body.settings #social-connections .btn.connected [class^=fa-], body.settings #social-connections .btn.connected [class*=" fa-"], body.authorized_applications #social-connections .btn.connected .fa, body.authorized_applications #social-connections .btn.connected [class^=fa-], body.authorized_applications #social-connections .btn.connected [class*=" fa-"], body.applications #social-connections .btn.connected .fa, body.applications #social-connections .btn.connected [class^=fa-], body.applications #social-connections .btn.connected [class*=" fa-"], body.widgets #social-connections .btn.connected .fa, body.widgets #social-connections .btn.connected [class^=fa-], body.widgets #social-connections .btn.connected [class*=" fa-"] { font-size: 20px; margin-right: 5px } body.settings #social-connections .btn.connected:hover, body.authorized_applications #social-connections .btn.connected:hover, body.applications #social-connections .btn.connected:hover, body.widgets #social-connections .btn.connected:hover { background-color: #333; border-color: #666 } body.settings #social-connections .btn.connected:hover .fa:before, body.authorized_applications #social-connections .btn.connected:hover .fa:before, body.applications #social-connections .btn.connected:hover .fa:before, body.widgets #social-connections .btn.connected:hover .fa:before { content: "\e604" } body.settings .disable-account-wrapper, body.authorized_applications .disable-account-wrapper, body.applications .disable-account-wrapper, body.widgets .disable-account-wrapper { text-align: right; padding-top: 9px; font-size: 12px } body.settings .disable-account-wrapper a, body.authorized_applications .disable-account-wrapper a, body.applications .disable-account-wrapper a, body.widgets .disable-account-wrapper a { color: #666; text-decoration: none } body.settings .disable-account-wrapper a:hover, body.authorized_applications .disable-account-wrapper a:hover, body.applications .disable-account-wrapper a:hover, body.widgets .disable-account-wrapper a:hover { color: #ed1c24 } body.settings .inline-selects select, body.authorized_applications .inline-selects select, body.applications .inline-selects select, body.widgets .inline-selects select { width: auto; margin-right: 10px; display: inline-block } body.settings .streaming-links, body.authorized_applications .streaming-links, body.applications .streaming-links, body.widgets .streaming-links { margin-left: -5px } body.settings .streaming-links a, body.authorized_applications .streaming-links a, body.applications .streaming-links a, body.widgets .streaming-links a { padding: 0 5px 10px; width: 90px } body.settings .streaming-links a .icon, body.authorized_applications .streaming-links a .icon, body.applications .streaming-links a .icon, body.widgets .streaming-links a .icon { height: 42px } body.settings .streaming-links a.has-country .icon:after, body.authorized_applications .streaming-links a.has-country .icon:after, body.applications .streaming-links a.has-country .icon:after, body.widgets .streaming-links a.has-country .icon:after { font-size: 9px; padding: 4px 3px } body.settings .favorite-cinemas, body.authorized_applications .favorite-cinemas, body.applications .favorite-cinemas, body.widgets .favorite-cinemas { margin-top: 8px } body.settings .favorite-cinemas .cinema, body.authorized_applications .favorite-cinemas .cinema, body.applications .favorite-cinemas .cinema, body.widgets .favorite-cinemas .cinema { font-weight: 700 } body.settings #widgets-wrapper, body.authorized_applications #widgets-wrapper, body.applications #widgets-wrapper, body.widgets #widgets-wrapper { text-align: center } body.settings #widgets-wrapper .widget-row, body.authorized_applications #widgets-wrapper .widget-row, body.applications #widgets-wrapper .widget-row, body.widgets #widgets-wrapper .widget-row { padding: 20px 0; position: relative; overflow: hidden } body.settings #widgets-wrapper .widget-row.alt, body.authorized_applications #widgets-wrapper .widget-row.alt, body.applications #widgets-wrapper .widget-row.alt, body.widgets #widgets-wrapper .widget-row.alt { background-color: #fafafa } body.settings #widgets-wrapper .widget-row iframe, body.authorized_applications #widgets-wrapper .widget-row iframe, body.applications #widgets-wrapper .widget-row iframe, body.widgets #widgets-wrapper .widget-row iframe { border: none; box-shadow: #999 0 0 50px } body.settings #widgets-wrapper .widget-row .content, body.authorized_applications #widgets-wrapper .widget-row .content, body.applications #widgets-wrapper .widget-row .content, body.widgets #widgets-wrapper .widget-row .content { position: relative; z-index: 20 } body.settings #widgets-wrapper .widget-row h3, body.authorized_applications #widgets-wrapper .widget-row h3, body.applications #widgets-wrapper .widget-row h3, body.widgets #widgets-wrapper .widget-row h3 { font-size: 16px; text-transform: uppercase; margin: 0; font-family: proxima nova bold } body.settings #widgets-wrapper .widget-row h4, body.authorized_applications #widgets-wrapper .widget-row h4, body.applications #widgets-wrapper .widget-row h4, body.widgets #widgets-wrapper .widget-row h4 { font-size: 14px; margin: 0 0 20px; font-family: proxima nova; color: #999 } body.settings #widgets-wrapper .widget-row.dark h3, body.authorized_applications #widgets-wrapper .widget-row.dark h3, body.applications #widgets-wrapper .widget-row.dark h3, body.widgets #widgets-wrapper .widget-row.dark h3 { color: #fff } body.settings #widgets-wrapper .widget-row.dark h4, body.authorized_applications #widgets-wrapper .widget-row.dark h4, body.applications #widgets-wrapper .widget-row.dark h4, body.widgets #widgets-wrapper .widget-row.dark h4 { color: #aaa } body.settings #widgets-wrapper .widget-row .code-wrapper, body.authorized_applications #widgets-wrapper .widget-row .code-wrapper, body.applications #widgets-wrapper .widget-row .code-wrapper, body.widgets #widgets-wrapper .widget-row .code-wrapper { width: 700px; max-width: 100%; word-break: break-all; margin: 20px auto 0; text-align: left; background-color: #f9f2f4; padding: 10px; border-radius: 5px } body.settings #widgets-wrapper .widget-row .code-wrapper .raw-code, body.authorized_applications #widgets-wrapper .widget-row .code-wrapper .raw-code, body.applications #widgets-wrapper .widget-row .code-wrapper .raw-code, body.widgets #widgets-wrapper .widget-row .code-wrapper .raw-code { display: none } body.settings #widgets-wrapper .widget-row .code-wrapper code, body.authorized_applications #widgets-wrapper .widget-row .code-wrapper code, body.applications #widgets-wrapper .widget-row .code-wrapper code, body.widgets #widgets-wrapper .widget-row .code-wrapper code { border: none } body.settings #widgets-wrapper #profile-card .full-bg, body.authorized_applications #widgets-wrapper #profile-card .full-bg, body.applications #widgets-wrapper #profile-card .full-bg, body.widgets #widgets-wrapper #profile-card .full-bg { position: absolute; left: 0; top: 0; width: 100%; height: auto; opacity: .6; background-image: url(/assets/auth/chappie-blur-3f26eecebd83464da94b103aa87cdd9f0a7d1e0c0251f3a4bfe2e119c7bed103.jpg); background-size: cover; background-position: center } body.settings.scrobblers .trakt-icon-play2, #dec-crash-history-recovered .trakt-icon-play2, #db-welcome-wrapper .trakt-icon-play2, body.vip.overview .trakt-icon-play2 { font-size: 32px; margin-right: 3px; line-height: .9; margin-left: -3px } body.settings.scrobblers ol.configuration-steps, #dec-crash-history-recovered ol.configuration-steps, #db-welcome-wrapper ol.configuration-steps, body.vip.overview ol.configuration-steps { counter-reset: configuration-steps-counter; list-style: none; padding-left: 70px; margin-bottom: 50px } body.settings.scrobblers ol.configuration-steps li, #dec-crash-history-recovered ol.configuration-steps li, #db-welcome-wrapper ol.configuration-steps li, body.vip.overview ol.configuration-steps li { margin: 0 0 20px; counter-increment: configuration-steps-counter; position: relative } body.settings.scrobblers ol.configuration-steps li:not(:first-child), #dec-crash-history-recovered ol.configuration-steps li:not(:first-child), #db-welcome-wrapper ol.configuration-steps li:not(:first-child), body.vip.overview ol.configuration-steps li:not(:first-child) { padding-top: 6px } body.settings.scrobblers ol.configuration-steps li:first-child, #dec-crash-history-recovered ol.configuration-steps li:first-child, #db-welcome-wrapper ol.configuration-steps li:first-child, body.vip.overview ol.configuration-steps li:first-child { margin-bottom: 10px } body.settings.scrobblers ol.configuration-steps li:before, #dec-crash-history-recovered ol.configuration-steps li:before, #db-welcome-wrapper ol.configuration-steps li:before, body.vip.overview ol.configuration-steps li:before { content: counter(configuration-steps-counter); color: #555; font-size: 16px; font-weight: 700; position: absolute; --size: 32px; left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: 0; background-color: #eee; border-radius: 50%; text-align: center; transition: all .5s; font-family: proxima nova semibold } body.settings.scrobblers ol.configuration-steps li a, #dec-crash-history-recovered ol.configuration-steps li a, #db-welcome-wrapper ol.configuration-steps li a, body.vip.overview ol.configuration-steps li a { text-decoration: none; color: inherit; transition: all .5s; display: block } body.settings.scrobblers ol.configuration-steps li a .link, #dec-crash-history-recovered ol.configuration-steps li a .link, #db-welcome-wrapper ol.configuration-steps li a .link, body.vip.overview ol.configuration-steps li a .link { display: inline; color: #ed1c24 } body.settings.scrobblers ol.configuration-steps li:hover:before, #dec-crash-history-recovered ol.configuration-steps li:hover:before, #db-welcome-wrapper ol.configuration-steps li:hover:before, body.vip.overview ol.configuration-steps li:hover:before { background-color: #ed1c24; color: #fff } body.settings.scrobblers ol.configuration-steps li:hover a, #dec-crash-history-recovered ol.configuration-steps li:hover a, #db-welcome-wrapper ol.configuration-steps li:hover a, body.vip.overview ol.configuration-steps li:hover a { color: #ed1c24 } body.settings.scrobblers ol.configuration-steps .plex-pass, #dec-crash-history-recovered ol.configuration-steps .plex-pass, #db-welcome-wrapper ol.configuration-steps .plex-pass, body.vip.overview ol.configuration-steps .plex-pass { height: 40px; margin: -5px 10px 0 5px } body.settings.scrobblers ol.configuration-steps .webhook-url, #dec-crash-history-recovered ol.configuration-steps .webhook-url, #db-welcome-wrapper ol.configuration-steps .webhook-url, body.vip.overview ol.configuration-steps .webhook-url { margin-top: 5px; display: inline-block; padding: 5px 7px; word-break: break-all } body.settings.scrobblers ol.configuration-steps .webhook-url b, #dec-crash-history-recovered ol.configuration-steps .webhook-url b, #db-welcome-wrapper ol.configuration-steps .webhook-url b, body.vip.overview ol.configuration-steps .webhook-url b { font-family: inherit; font-weight: 700 } body.settings.scrobblers .plex-stats, #dec-crash-history-recovered .plex-stats, #db-welcome-wrapper .plex-stats, body.vip.overview .plex-stats { padding: 10px 12px } #dec-crash-history-recovered .btn, #db-welcome-wrapper .btn { font-family: proxima nova bold; border-radius: 3px; display: inline-block !important; margin: 10px 15px 0 0; color: #fff !important } #dec-crash-history-recovered .btn:hover, #db-welcome-wrapper .btn:hover { color: #fff !important } #dec-crash-history-recovered .btn.yes, #db-welcome-wrapper .btn.yes { color: #fff; background-color: #5cb85c; border-color: #5cb85c } #dec-crash-history-recovered .btn.yes:hover, #dec-crash-history-recovered .btn.yes:focus, #dec-crash-history-recovered .btn.yes:active, #dec-crash-history-recovered .btn.yes.active, .open > #dec-crash-history-recovered .btn.yes.dropdown-toggle, #db-welcome-wrapper .btn.yes:hover, #db-welcome-wrapper .btn.yes:focus, #db-welcome-wrapper .btn.yes:active, #db-welcome-wrapper .btn.yes.active, .open > #db-welcome-wrapper .btn.yes.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #419641 } #dec-crash-history-recovered .btn.yes:active, #dec-crash-history-recovered .btn.yes.active, .open > #dec-crash-history-recovered .btn.yes.dropdown-toggle, #db-welcome-wrapper .btn.yes:active, #db-welcome-wrapper .btn.yes.active, .open > #db-welcome-wrapper .btn.yes.dropdown-toggle { background-image: none } #dec-crash-history-recovered .btn.yes.disabled, #dec-crash-history-recovered .btn.yes.disabled:hover, #dec-crash-history-recovered .btn.yes.disabled:focus, #dec-crash-history-recovered .btn.yes.disabled:active, #dec-crash-history-recovered .btn.yes.disabled.active, #dec-crash-history-recovered .btn.yes[disabled], #dec-crash-history-recovered .btn.yes[disabled]:hover, #dec-crash-history-recovered .btn.yes[disabled]:focus, #dec-crash-history-recovered .btn.yes[disabled]:active, #dec-crash-history-recovered .btn.yes.active[disabled], fieldset[disabled] #dec-crash-history-recovered .btn.yes, fieldset[disabled] #dec-crash-history-recovered .btn.yes:hover, fieldset[disabled] #dec-crash-history-recovered .btn.yes:focus, fieldset[disabled] #dec-crash-history-recovered .btn.yes:active, fieldset[disabled] #dec-crash-history-recovered .btn.yes.active, #db-welcome-wrapper .btn.yes.disabled, #db-welcome-wrapper .btn.yes.disabled:hover, #db-welcome-wrapper .btn.yes.disabled:focus, #db-welcome-wrapper .btn.yes.disabled:active, #db-welcome-wrapper .btn.yes.disabled.active, #db-welcome-wrapper .btn.yes[disabled], #db-welcome-wrapper .btn.yes[disabled]:hover, #db-welcome-wrapper .btn.yes[disabled]:focus, #db-welcome-wrapper .btn.yes[disabled]:active, #db-welcome-wrapper .btn.yes.active[disabled], fieldset[disabled] #db-welcome-wrapper .btn.yes, fieldset[disabled] #db-welcome-wrapper .btn.yes:hover, fieldset[disabled] #db-welcome-wrapper .btn.yes:focus, fieldset[disabled] #db-welcome-wrapper .btn.yes:active, fieldset[disabled] #db-welcome-wrapper .btn.yes.active { background-color: #5cb85c; border-color: #5cb85c } #dec-crash-history-recovered .btn.yes .badge, #db-welcome-wrapper .btn.yes .badge { color: #5cb85c; background-color: #fff } #dec-crash-history-recovered .btn.no, #db-welcome-wrapper .btn.no { color: #fff; background-color: #555; border-color: #555 } #dec-crash-history-recovered .btn.no:hover, #dec-crash-history-recovered .btn.no:focus, #dec-crash-history-recovered .btn.no:active, #dec-crash-history-recovered .btn.no.active, .open > #dec-crash-history-recovered .btn.no.dropdown-toggle, #db-welcome-wrapper .btn.no:hover, #db-welcome-wrapper .btn.no:focus, #db-welcome-wrapper .btn.no:active, #db-welcome-wrapper .btn.no.active, .open > #db-welcome-wrapper .btn.no.dropdown-toggle { color: #fff; background-color: #3c3c3c; border-color: #373737 } #dec-crash-history-recovered .btn.no:active, #dec-crash-history-recovered .btn.no.active, .open > #dec-crash-history-recovered .btn.no.dropdown-toggle, #db-welcome-wrapper .btn.no:active, #db-welcome-wrapper .btn.no.active, .open > #db-welcome-wrapper .btn.no.dropdown-toggle { background-image: none } #dec-crash-history-recovered .btn.no.disabled, #dec-crash-history-recovered .btn.no.disabled:hover, #dec-crash-history-recovered .btn.no.disabled:focus, #dec-crash-history-recovered .btn.no.disabled:active, #dec-crash-history-recovered .btn.no.disabled.active, #dec-crash-history-recovered .btn.no[disabled], #dec-crash-history-recovered .btn.no[disabled]:hover, #dec-crash-history-recovered .btn.no[disabled]:focus, #dec-crash-history-recovered .btn.no[disabled]:active, #dec-crash-history-recovered .btn.no.active[disabled], fieldset[disabled] #dec-crash-history-recovered .btn.no, fieldset[disabled] #dec-crash-history-recovered .btn.no:hover, fieldset[disabled] #dec-crash-history-recovered .btn.no:focus, fieldset[disabled] #dec-crash-history-recovered .btn.no:active, fieldset[disabled] #dec-crash-history-recovered .btn.no.active, #db-welcome-wrapper .btn.no.disabled, #db-welcome-wrapper .btn.no.disabled:hover, #db-welcome-wrapper .btn.no.disabled:focus, #db-welcome-wrapper .btn.no.disabled:active, #db-welcome-wrapper .btn.no.disabled.active, #db-welcome-wrapper .btn.no[disabled], #db-welcome-wrapper .btn.no[disabled]:hover, #db-welcome-wrapper .btn.no[disabled]:focus, #db-welcome-wrapper .btn.no[disabled]:active, #db-welcome-wrapper .btn.no.active[disabled], fieldset[disabled] #db-welcome-wrapper .btn.no, fieldset[disabled] #db-welcome-wrapper .btn.no:hover, fieldset[disabled] #db-welcome-wrapper .btn.no:focus, fieldset[disabled] #db-welcome-wrapper .btn.no:active, fieldset[disabled] #db-welcome-wrapper .btn.no.active { background-color: #555; border-color: #555 } #dec-crash-history-recovered .btn.no .badge, #db-welcome-wrapper .btn.no .badge { color: #555; background-color: #fff } #dec-crash-history-recovered ol.configuration-steps, #db-welcome-wrapper ol.configuration-steps { margin-top: 25px; padding-left: 40px } #dec-crash-history-recovered ol.configuration-steps li, #db-welcome-wrapper ol.configuration-steps li { padding-top: 6px; margin-bottom: 20px } #dec-crash-history-recovered ol.configuration-steps li a, #db-welcome-wrapper ol.configuration-steps li a { color: #fff } @media(min-width:1200px) { #social-connections .col-md-3 { width: 20% } } .on-off-wrapper { cursor: pointer } .on-off-wrapper > div { display: inline-block; padding: 4px 7px; transition: all .5s } .on-off-wrapper > div:first-child { border-radius: 3px 0 0 3px } .on-off-wrapper > div:last-child { border-radius: 0 3px 3px 0 } .on-off-wrapper .on { background-color: #777; color: #fff; margin-right: 1px; font-weight: 700 } .on-off-wrapper .off { background-color: #eee; color: #999 } @media(max-width:767px) { body.settings.scrobblers .trakt-icon-play2, #dec-crash-history-recovered .trakt-icon-play2, #db-welcome-wrapper .trakt-icon-play2 { font-size: 26px; line-height: .8 } body.settings.scrobblers ol.configuration-steps, #dec-crash-history-recovered ol.configuration-steps, #db-welcome-wrapper ol.configuration-steps { padding-left: 44px; margin-bottom: 40px } body.settings .panel-body .alert-cookie-disabled { margin-left: 20px; max-width: calc(100% - 40px); width: 100% } body.settings .panel.with-instructions .form-group { margin-left: 5px; margin-right: 5px } } body.discover .sidenav .filter-dropdown, body.main .sidenav .filter-dropdown { display: none } body.discover .popular-items-wrapper .titles, body.main .popular-items-wrapper .titles { text-align: left; padding-left: 30px; padding-right: 30px; position: absolute; width: 100%; top: 30px; z-index: 30 } body.discover .popular-items-wrapper .titles h2, body.main .popular-items-wrapper .titles h2 { font-family: proxima nova bold; font-size: 14px; text-transform: uppercase; color: #fff; margin: 0; text-shadow: 0 0 20px #000 } body.discover .popular-items-wrapper .titles h2 .see-more, body.main .popular-items-wrapper .titles h2 .see-more { line-height: 1 } body.discover .popular-items-wrapper .titles a, body.main .popular-items-wrapper .titles a { color: #ccc; transition: all .5s } body.discover .popular-items-wrapper .titles a:hover, body.main .popular-items-wrapper .titles a:hover { color: #fff } body.discover .popular-items-outer-wrapper, body.main .popular-items-outer-wrapper { background-color: #111 } body.discover .popular-items-outer-wrapper.split, body.main .popular-items-outer-wrapper.split { display: grid; grid-template-columns: 50% 50% } @media(max-width:991px) { body.discover .popular-items-outer-wrapper, body.main .popular-items-outer-wrapper { display: block !important } } body.discover .popular-lists-wrapper, body.main .popular-lists-wrapper { background-color: #111; border-top: solid 1px #111; display: grid; grid-template-columns: 25% 25% 25% 25% } body.discover .popular-lists-wrapper .popular-items-wrapper, body.main .popular-lists-wrapper .popular-items-wrapper { height: 240px } body.discover .popular-lists-wrapper .popular-items-wrapper .popular-item, body.main .popular-lists-wrapper .popular-items-wrapper .popular-item { opacity: 1; overflow: hidden } body.discover .popular-lists-wrapper .popular-items-wrapper .popular-item .background, body.main .popular-lists-wrapper .popular-items-wrapper .popular-item .background { transition: all .5s } body.discover .popular-lists-wrapper .popular-items-wrapper .popular-item:hover .background, body.main .popular-lists-wrapper .popular-items-wrapper .popular-item:hover .background { transform: scale(1.1) } body.discover .popular-lists-wrapper .popular-items-wrapper .popular-item .inner-wrapper, body.main .popular-lists-wrapper .popular-items-wrapper .popular-item .inner-wrapper { padding-top: 0 } body.discover .popular-lists-wrapper .popular-items-wrapper .popular-item .inner-wrapper .inner, body.main .popular-lists-wrapper .popular-items-wrapper .popular-item .inner-wrapper .inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; width: 100% } body.discover .popular-lists-wrapper .popular-items-wrapper .popular-item .inner-wrapper .inner img, body.main .popular-lists-wrapper .popular-items-wrapper .popular-item .inner-wrapper .inner img { max-width: 70%; max-height: 70px } body.discover .popular-lists-wrapper .popular-items-wrapper .popular-item .title, body.main .popular-lists-wrapper .popular-items-wrapper .popular-item .title { margin-top: 20px; font-family: proxima nova semibold; font-size: 16px; line-height: 1.2 } body.discover .popular-lists-wrapper .popular-items-wrapper .popular-item .label, body.main .popular-lists-wrapper .popular-items-wrapper .popular-item .label { text-transform: uppercase; border-radius: 3px; font-size: 10px; padding: 4px 6px 3px; margin-top: 10px; display: inline-block; font-family: proxima nova bold; font-weight: 400; letter-spacing: .1em } body.discover .popular-lists-wrapper .popular-items-wrapper.featured, body.main .popular-lists-wrapper .popular-items-wrapper.featured { width: 50% } body.discover .popular-lists-wrapper .popular-items-wrapper.featured .inner-wrapper .inner, body.main .popular-lists-wrapper .popular-items-wrapper.featured .inner-wrapper .inner { width: 33.333333333% } @media(max-width:991px) { body.discover .popular-lists-wrapper, body.main .popular-lists-wrapper { grid-template-columns: 50% 50% } body.discover .popular-lists-wrapper .popular-items-wrapper, body.main .popular-lists-wrapper .popular-items-wrapper { height: 200px } body.discover .popular-lists-wrapper .popular-items-wrapper img, body.main .popular-lists-wrapper .popular-items-wrapper img { height: 50px } } body.discover .popular-items-wrapper, body.main .popular-items-wrapper { height: calc(100vh - 50px); background-color: #111; position: relative } body.discover .popular-items-wrapper .popular-item, body.main .popular-items-wrapper .popular-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: all .5s } body.discover .popular-items-wrapper .popular-item.selected, body.main .popular-items-wrapper .popular-item.selected { opacity: 1; z-index: 20 } body.discover .popular-items-wrapper .popular-item .background, body.main .popular-items-wrapper .popular-item .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: all .5s } body.discover .popular-items-wrapper .popular-item .background.current, body.main .popular-items-wrapper .popular-item .background.current { opacity: 1 } body.discover .popular-items-wrapper .popular-item .inner-wrapper, body.main .popular-items-wrapper .popular-item .inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-color: rgba(0, 0, 0, .6); text-align: center; color: #fff } body.discover .popular-items-wrapper .popular-item .inner-wrapper .inner, body.main .popular-items-wrapper .popular-item .inner-wrapper .inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; width: 100% } body.discover .popular-items-wrapper .popular-item .inner-wrapper .posters, body.main .popular-items-wrapper .popular-item .inner-wrapper .posters { width: 210px; display: inline-block; margin-bottom: 0; -webkit-box-shadow: 0 0 30px #222; box-shadow: 0 0 30px #222 } body.discover .popular-items-wrapper .popular-item .inner-wrapper .posters .poster, body.main .popular-items-wrapper .popular-item .inner-wrapper .posters .poster { border: none; margin: 0 } body.discover .popular-items-wrapper .popular-item .inner-wrapper .posters .grid-item, body.main .popular-items-wrapper .popular-item .inner-wrapper .posters .grid-item { margin-top: 0 } body.discover .popular-items-wrapper .popular-item .inner-wrapper .posters .titles, body.main .popular-items-wrapper .popular-item .inner-wrapper .posters .titles { display: none } body.discover .popular-items-wrapper .popular-item .inner-wrapper .posters .quick-icons, body.main .popular-items-wrapper .popular-item .inner-wrapper .posters .quick-icons { border: none; height: 34px; background-color: rgba(0, 0, 0, .6) } body.discover .popular-items-wrapper .popular-item .inner-wrapper ul.stats, body.main .popular-items-wrapper .popular-item .inner-wrapper ul.stats { display: block; list-style: none; margin: 10px 0 0; padding: 0 } body.discover .popular-items-wrapper .popular-item .inner-wrapper ul.stats li, body.main .popular-items-wrapper .popular-item .inner-wrapper ul.stats li { display: inline-block; margin: 0 15px; padding: 0 } body.discover .popular-items-wrapper .popular-item .inner-wrapper ul.stats li .number, body.main .popular-items-wrapper .popular-item .inner-wrapper ul.stats li .number { float: left; line-height: 1; color: #fff; text-shadow: 0 0 20px #000 } body.discover .popular-items-wrapper .popular-item .inner-wrapper ul.stats li .number .rating, body.main .popular-items-wrapper .popular-item .inner-wrapper ul.stats li .number .rating { font-family: proxima nova bold; font-size: 18px } body.discover .popular-items-wrapper .popular-item .inner-wrapper ul.stats li .number .votes, body.main .popular-items-wrapper .popular-item .inner-wrapper ul.stats li .number .votes { font-size: 12px; color: #aaa } body.discover .popular-items-wrapper .popular-item .inner-wrapper ul.stats li .number .votes b, body.main .popular-items-wrapper .popular-item .inner-wrapper ul.stats li .number .votes b { font-family: proxima nova semibold } body.discover .popular-items-wrapper .previous-item-link, body.discover .popular-items-wrapper .next-item-link, body.main .popular-items-wrapper .previous-item-link, body.main .popular-items-wrapper .next-item-link { top: 50px; bottom: 100px; z-index: 25 } body.discover .popular-items-wrapper .previous-item-link i, body.discover .popular-items-wrapper .next-item-link i, body.main .popular-items-wrapper .previous-item-link i, body.main .popular-items-wrapper .next-item-link i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap } body.discover .popular-items-wrapper .previous-item-link, body.main .popular-items-wrapper .previous-item-link { left: 20px } body.discover .popular-items-wrapper .next-item-link, body.main .popular-items-wrapper .next-item-link { right: 20px } body.discover .popular-items-wrapper .next-item-link i, body.main .popular-items-wrapper .next-item-link i { right: 0 } body.discover .popular-items-wrapper .ranks, body.main .popular-items-wrapper .ranks { position: absolute; bottom: 0; z-index: 40; width: 100%; text-align: center } body.discover .popular-items-wrapper .ranks.left, body.main .popular-items-wrapper .ranks.left { bottom: auto; left: 0; top: 130px; width: auto; text-align: left } body.discover .popular-items-wrapper .ranks.left:before, body.discover .popular-items-wrapper .ranks.left:after, body.main .popular-items-wrapper .ranks.left:before, body.main .popular-items-wrapper .ranks.left:after { content: " "; display: table } body.discover .popular-items-wrapper .ranks.left:after, body.main .popular-items-wrapper .ranks.left:after { clear: both } body.discover .popular-items-wrapper .ranks.left .rank-item, body.main .popular-items-wrapper .ranks.left .rank-item { display: block } body.discover .popular-items-wrapper .ranks .rank-item, body.main .popular-items-wrapper .ranks .rank-item { display: inline-block; transition: all .5s; cursor: pointer } body.discover .popular-items-wrapper .ranks .rank-item .rank, body.main .popular-items-wrapper .ranks .rank-item .rank { display: inline-block; width: 30px; text-align: center; background-color: rgba(0, 0, 0, .5); font-size: 13px; font-family: proxima nova semibold; line-height: 26px; transition: all .5s; color: #ccc } body.discover .popular-items-wrapper .ranks .rank-item .title, body.main .popular-items-wrapper .ranks .rank-item .title { display: inline-block; color: #fff; font-size: 13px; text-shadow: 0 0 20px #000; padding-left: 5px; padding-right: 7px; line-height: 26px; transition: all .5s } body.discover .popular-items-wrapper .ranks .rank-item.selected .rank, body.discover .popular-items-wrapper .ranks .rank-item.selected:hover .rank, body.main .popular-items-wrapper .ranks .rank-item.selected .rank, body.main .popular-items-wrapper .ranks .rank-item.selected:hover .rank { font-family: proxima nova bold; background-color: #ed1c24; color: #fff } body.discover .popular-items-wrapper .ranks .rank-item.selected .title, body.discover .popular-items-wrapper .ranks .rank-item.selected:hover .title, body.main .popular-items-wrapper .ranks .rank-item.selected .title, body.main .popular-items-wrapper .ranks .rank-item.selected:hover .title { font-weight: 700; background-color: rgba(0, 0, 0, .5) } body.discover .popular-items-wrapper .ranks .rank-item:hover .rank, body.main .popular-items-wrapper .ranks .rank-item:hover .rank { background-color: #111; color: #fff } body.discover #box-office .shadow-left, body.main #box-office .shadow-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0) 400px); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0) 400px); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0) 400px); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#00000000', GradientType=1); z-index: 30 } body.discover #box-office .ranks, body.main #box-office .ranks { top: 70px } body.discover #box-office .posters, body.main #box-office .posters { z-index: 40; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; text-align: center; width: 100% } body.discover #box-office .posters .poster-item, body.main #box-office .posters .poster-item { width: 20%; max-width: 160px; display: inline-block; padding: 20px 10px 0 } body.discover #box-office .posters .poster-item .poster, body.main #box-office .posters .poster-item .poster { border: none; transition: all .5s; -webkit-box-shadow: 0 0 30px #222; box-shadow: 0 0 30px #222 } body.discover #box-office .posters .poster-item .revenue, body.main #box-office .posters .poster-item .revenue { margin-top: 7px; font-family: proxima nova semibold; color: #fff } body.discover #box-office .posters .poster-item.selected .poster, body.main #box-office .posters .poster-item.selected .poster { -webkit-box-shadow: 0 0 30px #999; box-shadow: 0 0 30px #999 } body.discover #box-office .bars, body.main #box-office .bars { display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; padding: 100px 10px 0; position: relative; z-index: 30 } body.discover #box-office .bars .bar-wrapper, body.main #box-office .bars .bar-wrapper { height: 100%; position: relative; width: 10% } body.discover #box-office .bars .bar-wrapper .bar, body.main #box-office .bars .bar-wrapper .bar { position: absolute; bottom: 0; left: 5px; right: 5px; background-color: #fff; opacity: .3; transition: all 1s } body.discover #box-office .bars .bar-wrapper .bar .revenue, body.main #box-office .bars .bar-wrapper .bar .revenue { color: #fff; font-size: 13px; text-align: center; font-family: proxima nova semibold; top: -20px; right: 0; position: absolute } body.discover #box-office .bars .bar-wrapper.selected .bar, body.main #box-office .bars .bar-wrapper.selected .bar { opacity: .9 } body.discover #featured-shows, body.main #featured-shows { width: 100%; float: none } body.discover #featured-shows .inner-wrapper, body.main #featured-shows .inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center } body.discover #featured-shows .inner-wrapper .item-info, body.main #featured-shows .inner-wrapper .item-info { position: absolute; top: 50%; width: 60%; text-shadow: 0 0 20px #000; white-space: normal; text-align: left; right: 0; padding-right: 20%; margin-top: -150px } body.discover #featured-shows .inner-wrapper .item-info a, body.main #featured-shows .inner-wrapper .item-info a { color: #eee; text-decoration: none } body.discover #featured-shows .inner-wrapper .item-info h3, body.main #featured-shows .inner-wrapper .item-info h3 { font-family: proxima nova semibold; font-size: 30px; margin: 0 0 15px; text-transform: uppercase } body.discover #featured-shows .inner-wrapper .item-info h4, body.main #featured-shows .inner-wrapper .item-info h4 { margin: 0 0 2px; font-family: proxima nova semibold; font-size: 18px; color: #aaa } body.discover #featured-shows .inner-wrapper .item-info p, body.main #featured-shows .inner-wrapper .item-info p { margin-top: 20px; font-size: 16px; height: 242px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 11; -webkit-box-orient: vertical; display: block; display: -webkit-box } body.discover #featured-shows .inner-wrapper .item-info .posters, body.main #featured-shows .inner-wrapper .item-info .posters { width: 200px; position: absolute; left: -230px } body.discover #featured-shows .previous-item-link, body.main #featured-shows .previous-item-link { left: 20px; margin-left: 0 } body.discover #featured-shows .next-item-link, body.main #featured-shows .next-item-link { right: 20px; margin-right: 0 } @media(max-width:767px) { body.discover .popular-items-wrapper .titles, body.main .popular-items-wrapper .titles { padding-left: 15px; padding-right: 15px; top: 15px } body.discover #top-movies, body.discover #top-shows, body.main #top-movies, body.main #top-shows { min-height: 500px } body.discover #top-movies .popular-item .inner-wrapper .posters, body.discover #top-shows .popular-item .inner-wrapper .posters, body.main #top-movies .popular-item .inner-wrapper .posters, body.main #top-shows .popular-item .inner-wrapper .posters { width: 200px } body.discover #featured-shows, body.main #featured-shows { height: auto; position: relative; display: none } body.discover #featured-shows .popular-item, body.main #featured-shows .popular-item { position: relative; opacity: 1 } body.discover #featured-shows .popular-item .inner-wrapper, body.main #featured-shows .popular-item .inner-wrapper { position: relative } body.discover #featured-shows .popular-item .inner-wrapper .item-info, body.main #featured-shows .popular-item .inner-wrapper .item-info { position: relative; width: 100%; padding: 50px 15px 0; margin-top: 0 } body.discover #featured-shows .popular-item .inner-wrapper .item-info .posters, body.main #featured-shows .popular-item .inner-wrapper .item-info .posters { position: relative; width: 125px; left: 0; top: 0 } } body.discover #recent-comments-wrapper, body.main #recent-comments-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; min-height: calc(100vh - 50px) } body.discover #recent-comments-wrapper .grid-item, body.main #recent-comments-wrapper .grid-item { margin-top: 0 } body.discover #recent-comments-wrapper section, body.main #recent-comments-wrapper section { position: relative; background-color: transparent } body.discover #recent-comments-wrapper .previous-item-link, body.discover #recent-comments-wrapper .next-item-link, body.main #recent-comments-wrapper .previous-item-link, body.main #recent-comments-wrapper .next-item-link { top: 0; color: #999 !important } body.discover #recent-comments-wrapper h2, body.main #recent-comments-wrapper h2 { font-family: proxima nova bold; font-size: 14px; text-transform: uppercase; margin: 0 } body.discover #recent-comments-wrapper #recent-comments-links, body.main #recent-comments-wrapper #recent-comments-links { padding: 30px 0; z-index: 5; position: relative } body.discover #recent-comments-wrapper #recent-comments-links a, body.main #recent-comments-wrapper #recent-comments-links a { text-decoration: none } body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode { padding: 0 0 0 30px !important; margin: 0 0 15px !important; border: 0 !important; cursor: pointer } body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode *, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode * { color: #ccc; transition: all .5s } body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h4, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode h4 { margin: 0 } body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h4 .year, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode h4 .year { font-family: proxima nova; font-size: 14px } body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h5, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode h5 { font-family: proxima nova } body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode h5 .main-title-sxe, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode h5 .main-title-sxe { font-family: proxima nova bold } body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode:hover *, body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode.selected *, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode:hover *, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode.selected * { color: #fff } body.discover #recent-comments-wrapper #recent-comments-posters, body.main #recent-comments-wrapper #recent-comments-posters { width: 50%; background-color: #000 } body.discover #recent-comments-wrapper #recent-comments, body.main #recent-comments-wrapper #recent-comments { width: 50%; position: relative; transition: all .5s; z-index: 5; background-color: rgba(255, 255, 255, .8) } body.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper, body.main #recent-comments-wrapper #recent-comments .comment-outer-wrapper { transition: all .5s } body.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper, body.main #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper { background-color: transparent } body.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper .comment, body.main #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper .comment { padding: 20px 30px 80px } body.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper .comment blockquote, body.main #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper .comment blockquote { background-color: rgba(255, 255, 255, .5) } body.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper .above-comment, body.main #recent-comments-wrapper #recent-comments .comment-outer-wrapper .above-comment { position: absolute; width: 100%; bottom: 0; background-color: rgba(220, 220, 220, .5) } body.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper .under-comment, body.main #recent-comments-wrapper #recent-comments .comment-outer-wrapper .under-comment { display: none } body.discover #recent-comments-wrapper #recent-comments-title, body.main #recent-comments-wrapper #recent-comments-title { padding: 24px 0 0 30px } body.discover #recent-comments-wrapper #recent-comments-title a, body.main #recent-comments-wrapper #recent-comments-title a { text-decoration: none } body.discover #recent-comments-wrapper #recent-comments-title h4, body.main #recent-comments-wrapper #recent-comments-title h4 { color: #111; font-family: proxima nova semibold; margin: 0; font-size: 26px } body.discover #recent-comments-wrapper #recent-comments-title h4 .year, body.main #recent-comments-wrapper #recent-comments-title h4 .year { font-family: proxima nova; font-size: 18px; color: #999 } body.discover #recent-comments-wrapper #recent-comments-title h5, body.main #recent-comments-wrapper #recent-comments-title h5 { color: #111; margin: 0; font-size: 16px; font-family: proxima nova } body.discover #recent-comments-wrapper #recent-comments-title h5 .main-title-sxe, body.main #recent-comments-wrapper #recent-comments-title h5 .main-title-sxe { font-family: proxima nova bold } body.discover #recent-comments-wrapper #recent-comments-title-bar, body.main #recent-comments-wrapper #recent-comments-title-bar { border-top: solid 1px #ccc; width: 60px; margin-top: 24px } body.discover #recent-comments-wrapper .subnav-wrapper, body.main #recent-comments-wrapper .subnav-wrapper { z-index: 15; padding: 20px 20px 0 30px; color: #fff } body.discover #recent-comments-wrapper .subnav-wrapper .btn, body.main #recent-comments-wrapper .subnav-wrapper .btn { color: #eee } body.discover #recent-comments-wrapper .subnav-wrapper .btn:hover, body.main #recent-comments-wrapper .subnav-wrapper .btn:hover { color: #fff } body.discover #recent-comments-wrapper .fanart, body.main #recent-comments-wrapper .fanart { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; opacity: 0; transition: opacity .5s; background-position: 0 10% } body.discover #recent-comments-wrapper .fanart.enabled, body.main #recent-comments-wrapper .fanart.enabled { opacity: .4 } @media(max-width:1199px) { body.discover #recent-comments-wrapper #recent-comments-posters, body.main #recent-comments-wrapper #recent-comments-posters { width: 40% } body.discover #recent-comments-wrapper #recent-comments, body.main #recent-comments-wrapper #recent-comments { width: 60% } } @media(max-width:767px) { body.discover #recent-comments-wrapper, body.main #recent-comments-wrapper { display: block } body.discover #recent-comments-wrapper #recent-comments-posters, body.main #recent-comments-wrapper #recent-comments-posters { width: 100% } body.discover #recent-comments-wrapper #recent-comments, body.main #recent-comments-wrapper #recent-comments { width: 100% } body.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper, body.main #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper { padding-bottom: 70px } body.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper .comment, body.main #recent-comments-wrapper #recent-comments .comment-outer-wrapper .comment-wrapper .comment { padding: 20px 15px 80px } body.discover #recent-comments-wrapper .subnav-wrapper, body.main #recent-comments-wrapper .subnav-wrapper { padding: 10px 5px 0 15px } body.discover #recent-comments-wrapper #recent-comments-links, body.main #recent-comments-wrapper #recent-comments-links { padding: 30px 0 5px } body.discover #recent-comments-wrapper #recent-comments-links .schedule-episode, body.main #recent-comments-wrapper #recent-comments-links .schedule-episode { padding: 0 0 0 15px !important } body.discover #recent-comments-wrapper #recent-comments-title, body.main #recent-comments-wrapper #recent-comments-title { padding: 15px 0 0 15px } body.discover #recent-comments-wrapper #recent-comments-title h4, body.main #recent-comments-wrapper #recent-comments-title h4 { font-size: 20px } body.discover #recent-comments-wrapper #recent-comments-title h4 .year, body.main #recent-comments-wrapper #recent-comments-title h4 .year { font-size: 16px } } @media(min-height:800px) { body.discover #trends .popular-items-wrapper, body.main #trends .popular-items-wrapper { height: 600px } body.discover #box-office, body.main #box-office { height: 500px } } .btn-dark { color: #fff; background-color: #333; border-color: #000 } .btn-transparent { background: 0 0 } #watch-now-modal, #moderate-modal, #metadata-merge-modal, #metadata-move-modal, #metadata-split-modal, #list-notes-modal, #notable-modal { width: 690px; margin-left: -345px; overflow: visible; transition: opacity .5s } #watch-now-modal.maxed-height, #moderate-modal.maxed-height, #metadata-merge-modal.maxed-height, #metadata-move-modal.maxed-height, #metadata-split-modal.maxed-height, #list-notes-modal.maxed-height, #notable-modal.maxed-height { overflow-y: auto; overflow-x: hidden } #watch-now-modal.maxed-height #watch-now-powered-by, #watch-now-modal.maxed-height #watch-now-country-select, #moderate-modal.maxed-height #watch-now-powered-by, #moderate-modal.maxed-height #watch-now-country-select, #metadata-merge-modal.maxed-height #watch-now-powered-by, #metadata-merge-modal.maxed-height #watch-now-country-select, #metadata-move-modal.maxed-height #watch-now-powered-by, #metadata-move-modal.maxed-height #watch-now-country-select, #metadata-split-modal.maxed-height #watch-now-powered-by, #metadata-split-modal.maxed-height #watch-now-country-select, #list-notes-modal.maxed-height #watch-now-powered-by, #list-notes-modal.maxed-height #watch-now-country-select, #notable-modal.maxed-height #watch-now-powered-by, #notable-modal.maxed-height #watch-now-country-select { display: none } #watch-now-modal.loading, #moderate-modal.loading, #metadata-merge-modal.loading, #metadata-move-modal.loading, #metadata-split-modal.loading, #list-notes-modal.loading, #notable-modal.loading { opacity: .5 } #list-notes-modal, #notable-modal { width: 440px; margin-left: -220px } #list-notes-modal .form-signin, #notable-modal .form-signin { max-width: 410px } #notable-modal .comment-wrapper { background: 0 0; margin-bottom: 5px } #notable-modal .comment-wrapper .pill { display: inline-block } #watch-now-content, #moderate-content, #metadata-merge-content, #list-notes-form, #notable-form { margin: 0 0 10px } #watch-now-content .title-wrapper, #moderate-content .title-wrapper, #metadata-merge-content .title-wrapper, #list-notes-form .title-wrapper, #notable-form .title-wrapper { background-color: #222; margin-bottom: 20px; position: relative; background-size: cover; background-position: 0% 25%; border-radius: 12px 12px 0 0; overflow: clip } #watch-now-content .title-wrapper .titles, #moderate-content .title-wrapper .titles, #metadata-merge-content .title-wrapper .titles, #list-notes-form .title-wrapper .titles, #notable-form .title-wrapper .titles { background-color: rgba(0, 0, 0, .7); padding: 20px 30px; color: #fff; text-align: left } #watch-now-content .title-wrapper h1, #moderate-content .title-wrapper h1, #metadata-merge-content .title-wrapper h1, #list-notes-form .title-wrapper h1, #notable-form .title-wrapper h1 { margin: 0; text-shadow: 0 0 20px #000; line-height: 1.2; text-align: left; font-size: 22px } #watch-now-content .title-wrapper h1 .main-title-sxe, #moderate-content .title-wrapper h1 .main-title-sxe, #metadata-merge-content .title-wrapper h1 .main-title-sxe, #list-notes-form .title-wrapper h1 .main-title-sxe, #notable-form .title-wrapper h1 .main-title-sxe { font-family: proxima nova semibold !important } #watch-now-content .title-wrapper h1 .main-title, #moderate-content .title-wrapper h1 .main-title, #metadata-merge-content .title-wrapper h1 .main-title, #list-notes-form .title-wrapper h1 .main-title, #notable-form .title-wrapper h1 .main-title { font-family: proxima nova } #watch-now-content .title-wrapper h1 .year, #moderate-content .title-wrapper h1 .year, #metadata-merge-content .title-wrapper h1 .year, #list-notes-form .title-wrapper h1 .year, #notable-form .title-wrapper h1 .year { font-family: proxima nova; font-size: 18px; color: #999 } #watch-now-content .title-wrapper h3, #moderate-content .title-wrapper h3, #metadata-merge-content .title-wrapper h3, #list-notes-form .title-wrapper h3, #notable-form .title-wrapper h3 { font-size: 14px; text-transform: uppercase; margin: 0 0 3px; font-family: proxima nova bold } #list-notes-form, #notable-form { margin: 0 auto } #list-notes-form .title-wrapper, #notable-form .title-wrapper { margin: 0 -30px 20px } #list-notes-form .notes-wrapper, #notable-form .notes-wrapper { position: relative } #list-notes-form .notes-wrapper .characters-remaining, #notable-form .notes-wrapper .characters-remaining { position: absolute; right: 6px; bottom: 3px; z-index: 2; color: #5cb85c; font-size: 12px; font-family: proxima nova semibold } #list-notes-form .notes-wrapper .characters-remaining.over, #notable-form .notes-wrapper .characters-remaining.over { color: #d9534f } .streaming-links .title { text-transform: uppercase; font-family: proxima nova semibold; margin-bottom: 10px; color: #666; border-bottom: solid 1px #ddd; padding-left: 30px } .streaming-links .section { margin: 0 20px } .streaming-links a { display: inline-block; font-family: proxima nova; padding: 0 10px 20px; transition: all .5s; text-decoration: none !important; width: 130px; vertical-align: top; text-align: center; color: inherit } .streaming-links a.without { opacity: .5 } .streaming-links a.without .icon:before { content: ''; background: #555; height: 2px; width: 70%; display: block; position: absolute; top: 50%; left: 15%; z-index: 1; transform: rotate(45deg) } .streaming-links a:hover .icon { transform: scale(1.05) } .streaming-links a .icon { border-radius: 3px; transition: all .5s; padding: 6px 10px; background-color: #333; border-color: #333; color: #fff; font-size: 12px; line-height: 1; height: 57px; word-wrap: break-word; position: relative; border-width: 2px; border-style: solid } .streaming-links a .icon img { width: 100% } .streaming-links a .icon img.on-channel { max-height: 85%; width: auto; margin-top: -5%; max-width: 100% } .streaming-links a .icon .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; width: 100%; white-space: normal; left: 0; padding: 0 10px; max-height: 35px; overflow: hidden; text-overflow: ellipsis; font-family: proxima nova bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2 } .streaming-links a .icon .text.on-channel { max-height: 85%; margin-top: -7%; max-width: 100%; font-size: 10px } .streaming-links a .icon:after { transition: opacity .5s; opacity: 0; color: #333 } .streaming-links a .icon .channel-overlay { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; bottom: 0; border-top: solid 1px rgba(255, 255, 255, .5); width: 60%; height: 30% } .streaming-links a .icon .channel-overlay img { width: auto; height: 100% } .streaming-links a .price { font-size: 12px; line-height: 1; padding-top: 4px } .streaming-links a.enabled { opacity: 1 } .streaming-links a.enabled .icon img, .streaming-links a.enabled .icon .text { opacity: 1 !important } .streaming-links a.enabled .icon:after { opacity: 1; content: "\f00c"; font: var(--fa-font-solid); position: absolute; top: -10px; right: -10px; font-size: 15px; background: #fff; border-radius: 50%; padding: 4px } .streaming-links a.has-uhd .icon:after, .streaming-links a.has-country .icon:after { opacity: 1; content: "4K"; position: absolute; top: -8px; right: -8px; font-size: 11px; font-family: proxima nova bold; background: #fff; border-radius: 50%; padding: 5px 4px; -webkit-box-shadow: 0 0 2px currentColor; box-shadow: 0 0 2px currentColor } .streaming-links a.has-country .icon:after { content: attr(data-country) !important } .streaming-links .no-links { padding: 10px 30px 15px; font-style: italic } .frame-wrapper .sidenav .streaming-links { margin: -10px -5px 0; display: grid; grid-template-columns: 1fr 1fr 1fr } .frame-wrapper .sidenav .streaming-links a { padding: 10px 5px 0; cursor: default; width: 100% } .frame-wrapper .sidenav .streaming-links a .icon { height: 42px } .frame-wrapper .sidenav .streaming-links a:hover .icon { transform: none } .frame-wrapper .sidenav .streaming-links a.has-uhd .icon:after, .frame-wrapper .sidenav .streaming-links a.has-country .icon:after { font-size: 9px; padding: 4px 3px } #info-wrapper .sidebar .streaming-links { background: #222; color: #fff; -webkit-box-shadow: 0 0 20px 0 #666; box-shadow: 0 0 20px 0 #666; padding: 10px 10px 0; text-align: center } #info-wrapper .sidebar .streaming-links .sources { margin: 0 -5px } #info-wrapper .sidebar .streaming-links a { padding: 0 5px 10px; width: 50% } #info-wrapper .sidebar .streaming-links a:nth-child(3n), #info-wrapper .sidebar .streaming-links a:nth-child(4n) { display: none } #info-wrapper .sidebar .streaming-links a .icon { height: 39px } #info-wrapper .sidebar .streaming-links a:hover .icon { transform: none } #info-wrapper .sidebar .streaming-links a.has-uhd .icon:after, #info-wrapper .sidebar .streaming-links a.has-country .icon:after { font-size: 9px; padding: 4px 3px } #info-wrapper .sidebar .streaming-powered-by { text-align: center; padding: 8px 0 0 } #info-wrapper .sidebar .streaming-powered-by a { color: #959595; font-size: 11px; text-decoration: none } .action-buttons .streaming-links, .action-buttons .streaming-powered-by { display: none } body.signed-in .streaming-powered-by { display: none !important } #watch-now-powered-by { position: absolute; right: 10px; bottom: -26px; z-index: 10; font-size: 11px } #watch-now-powered-by a { color: #fff; text-decoration: none } #watch-now-powered-by.justwatch .logo { display: inline-block; font-weight: 700; text-indent: -3000px; overflow: hidden; height: 10px; width: 66px; background-image: url(/assets/about/thanks/justwatch-02c3a84d604323915143736f0ad2f962277f4585d830ebc83c937a51c020d9dc.png); background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: 3px } #watch-now-country-select { position: absolute; left: 10px; bottom: -30px; z-index: 10; font-size: 11px } #watch-now-country-select img { vertical-align: top; height: 20px; width: 20px } #watch-now-country-select select.form-control { display: inline; width: auto; font-size: 11px; padding: 0 12px 0 5px; height: 20px; color: #fff; background: 0 0; border: none; outline: none; box-shadow: none !important; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iYyIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iYyIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 100% 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none } #watch-now-country-select select.form-control option { color: #000 } #watch-now-country-select .input-text { white-space: nowrap; color: #fff } #watch-now-country-select .input-text br { display: none } #watch-now-country-select .input-text:focus { outline: none; border-bottom: solid 1px #ed1c24 } #watch-now-country-select .fa-map-marker { font-size: 14px; margin: 0 5px 0 10px; vertical-align: middle; color: #ed1c24 } .no-watchnow-favorites { display: none !important } .no-watchnow-sources { display: none !important } @media(max-width:767px) { #watch-now-modal.maxed-height #watch-now-powered-by { display: block; position: fixed; right: 20px; bottom: 2px } #watch-now-modal.maxed-height #watch-now-country-select { display: block; position: fixed; left: 20px; bottom: 2px } #watch-now-content .title-wrapper, #list-notes-form .title-wrapper, #notable-form .title-wrapper { margin-bottom: 10px } #watch-now-content .title-wrapper .titles, #list-notes-form .title-wrapper .titles, #notable-form .title-wrapper .titles { padding: 15px; background: rgba(0, 0, 0, .6) } #watch-now-content .title-wrapper h1, #list-notes-form .title-wrapper h1, #notable-form .title-wrapper h1 { font-size: 20px } #watch-now-content .title-wrapper h1 .year, #list-notes-form .title-wrapper h1 .year, #notable-form .title-wrapper h1 .year { font-size: 16px } #watch-now-content .title-wrapper h3, #list-notes-form .title-wrapper h3, #notable-form .title-wrapper h3 { margin-bottom: 2px } #list-notes-form .title-wrapper, #notable-form .title-wrapper { margin-left: -15px; margin-right: -15px; margin-bottom: 20px } .streaming-links .title { padding-left: 15px } .streaming-links .section { margin: 0 10px } .streaming-links a { padding: 0 5px 15px; width: 100px } .streaming-links a .icon { font-size: 10px; height: 49px } .streaming-links a .price { font-size: 11px } #info-wrapper .sidebar .streaming-links a:nth-child(3n), #info-wrapper .sidebar .streaming-links a:nth-child(4n), #info-wrapper #overview .action-buttons .streaming-links a:nth-child(3n), #info-wrapper #overview .action-buttons .streaming-links a:nth-child(4n) { display: none } .action-buttons .streaming-links { display: block; position: absolute; top: 0; right: 10px; z-index: 1; height: 56px; padding: 10px 5px 0 } .action-buttons .streaming-links a { padding-bottom: 0; width: 80px } .action-buttons .streaming-links a .icon { height: 38px } .action-buttons .streaming-powered-by { display: block; position: absolute; top: -21px; right: 10px; z-index: 1 } .action-buttons .streaming-powered-by a { color: #959595; font-size: 10px; text-decoration: none } } @media(max-width:1199px) { body.touch-device #watch-now-country-select img { margin-right: 5px } #info-wrapper .sidebar .streaming-links a .icon { height: 31px } } @media(max-width:991px) { #info-wrapper .sidebar .streaming-links a .icon { height: 38px } } body.welcome header#top-nav, body.welcome > footer { display: none } body.welcome #toast-container, body.welcome #flashes { top: 0; z-index: 1000 } body.welcome #header-trakt, body.welcome #header-done { position: fixed; z-index: 100; font-family: proxima nova bold; top: 10px; left: 12px; font-size: 16px } body.welcome #header-trakt img, body.welcome #header-done img { width: 20px; height: 20px; vertical-align: text-bottom; margin-right: 6px } body.welcome #header-trakt .exit { border-left: solid 1px rgba(255, 255, 255, .3); margin-left: 15px; padding-left: 15px; font-family: proxima nova semibold; color: rgba(255, 255, 255, .3); text-decoration: none; transition: all .5s } body.welcome #header-trakt .exit:hover { color: #ed1c24 } body.welcome #header-done { left: auto; right: 12px } body.welcome #header-done .dots { display: inline-block; border-right: solid 1px rgba(255, 255, 255, .3); margin-right: 15px; padding-right: 15px } body.welcome #header-done .dots .fa, body.welcome #header-done .dots [class^=fa-], body.welcome #header-done .dots [class*=" fa-"] { margin-left: 10px; opacity: .3; transition: all .5s; cursor: pointer } body.welcome #header-done .dots .fa.enabled, body.welcome #header-done .dots .enabled[class^=fa-], body.welcome #header-done .dots .enabled[class*=" fa-"] { opacity: 1 } body.welcome #header-done .dots .fa:hover, body.welcome #header-done .dots [class^=fa-]:hover, body.welcome #header-done .dots [class*=" fa-"]:hover { color: #ed1c24; opacity: 1 } body.welcome #header-done .percentage { display: inline-block } body.welcome #watching-wrapper { height: 100vh; padding: 0 } body.welcome #watching-wrapper.standalone #header-trakt, body.welcome #watching-wrapper.standalone #header-done { display: none } body.welcome #watching-wrapper .full-screenshot, body.welcome #watching-wrapper .shade { position: fixed } body.welcome #watching-wrapper .trakt-full { margin: 0; border: 0; padding: 0; vertical-align: middle } body.welcome #watching-wrapper h1.welcome { padding-bottom: 10px } body.welcome #watching-wrapper .info-wrapper { transition: all .5s; padding-bottom: 0; opacity: 0; z-index: 10 } body.welcome #watching-wrapper .info-wrapper.enabled { opacity: 1; z-index: 100 } body.welcome #watching-wrapper .buttons { margin-bottom: 0 } body.welcome #watching-wrapper .works-with { position: relative; bottom: 0; margin-top: 70px } body.welcome #watching-wrapper .icons-header a { font-size: 11px; display: block } body.welcome #avatar-wrapper { position: relative; margin-top: 50px; display: inline-block } body.welcome #avatar-wrapper .dropzone { position: absolute; top: 0; left: 0; border-radius: 50%; background-color: rgba(0, 0, 0, .6); width: 140px; height: 140px; border: 4px solid #fff; opacity: 0; transition: all .5s; cursor: copy } body.welcome #avatar-wrapper .dropzone .dz-message { font-family: proxima nova bold; font-size: 13px; line-height: 1.1 } body.welcome #avatar-wrapper .dropzone .dz-message .fa, body.welcome #avatar-wrapper .dropzone .dz-message [class^=fa-], body.welcome #avatar-wrapper .dropzone .dz-message [class*=" fa-"] { font-size: 40px; margin: 35px 0 5px } body.welcome #avatar-wrapper .dropzone .dz-preview { display: none } body.welcome #avatar-wrapper .dropzone.dz-drag-hover { opacity: 1 } body.welcome #avatar-wrapper img.avatar { border-radius: 50%; border: 4px solid #fff; width: 140px } body.welcome #avatar-wrapper:hover .dropzone, body.welcome #avatar-wrapper.enabled .dropzone { opacity: 1 } body.welcome .form-inputs { width: 300px; margin: 30px auto 0; background: rgba(0, 0, 0, .5); border: solid 1px #666; border-radius: 6px } body.welcome .form-inputs .with-icon { border-top: solid 1px #666 } body.welcome .form-inputs .with-icon:first-child { border-top: none } body.welcome .form-inputs .with-icon .fa-birthday-cake { left: 8px } body.welcome .form-inputs .with-title { padding-top: 14px } body.welcome .form-inputs .with-title .icon { top: 25px } body.welcome .form-inputs .with-title .required { top: 25px } body.welcome .form-inputs .title { position: absolute; text-transform: uppercase; color: #666; font-family: proxima nova bold; left: 41px; top: 6px; font-size: 11px; letter-spacing: 1px; z-index: 10 } body.welcome .form-inputs input[type=text] { display: block; width: 100% } body.welcome .form-inputs .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; background: 0 0; border: none; color: #fff } body.welcome .form-inputs .form-control:focus { -webkit-box-shadow: none; box-shadow: none } body.welcome .form-inputs select.form-control { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iYyIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iYyIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 100% 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none; height: 44px; margin-left: 32px; width: calc(100% - 36px) } body.welcome .form-inputs select.form-control option { color: #000 } body.welcome .form-inputs #user_dob_2i { width: 100px; margin-left: 28px; display: inline-block } body.welcome .form-inputs #user_dob_3i { width: 75px; display: inline-block; margin-left: 0 } body.welcome .form-inputs #user_dob_1i { width: 80px; display: inline-block; margin-left: 0 } body.welcome .form-inputs .with-icon.time-format { text-align: left } body.welcome .form-inputs .with-icon.time-format .control-group { display: inline-block; text-align: left } body.welcome .form-inputs .with-icon.time-format .control-group #user_time_format { width: 184px; margin-left: 30px } body.welcome .form-inputs .with-icon.time-format .control-group #user_time_24hr { width: 80px; margin-left: 0 } body.welcome .form-inputs .done { color: #5cb85c; position: absolute; right: -30px; top: 12px; font-size: 22px } body.welcome .form-inputs .required { position: absolute; left: 100%; top: 12px; font-size: 11px; margin-left: 10px; background-color: rgba(0, 0, 0, .5); text-transform: uppercase; letter-spacing: 1px; padding: 2px 5px; border-radius: 3px; color: #ed1c24; border: solid 1px #ed1c24; transition: all .5s } body.welcome .form-inputs .required-in-title { position: absolute; left: auto; right: 10px; top: 6px; font-size: 10px; margin-left: 0; text-transform: uppercase; letter-spacing: 1px; color: #ed1c24 } body.welcome .form-inputs .helper-tooltip { color: #ed1c24 } body.welcome form.has-errors .form-inputs .required { background-color: #ed1c24; color: #fff } body.welcome .buttons { margin-top: 30px } body.welcome .buttons .btn { border-radius: 8px; cursor: pointer } body.welcome .buttons .next-step .fa-solid { margin-left: 5px } body.welcome .buttons .previous-step { margin-right: 15px; background-color: #757575; border-color: #757575 } body.welcome .genres { margin-top: 65px } body.welcome .genres .genre { cursor: pointer; display: inline-block } body.welcome .genres .genre .inner { background-color: rgba(0, 0, 0, .2); padding: 6px 11px; text-align: left; margin: 5px; transition: all .5s; white-space: nowrap; border-radius: 3px } body.welcome .genres .genre:hover .inner { background-color: #000; -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .5); box-shadow: 0 0 20px rgba(255, 255, 255, .5) } body.welcome .genres .genre.enabled .inner { background-color: #fff; color: #333 } body.welcome .genre-items { opacity: 0; transition: all .5s } body.welcome .genre-items.enabled { opacity: 1 } body.welcome .genre-items .posters .poster, body.welcome .genre-items .posters > div .quick-icons { border-color: #000 } body.welcome .genre-items .posters > div .titles { display: none; color: #fff } body.welcome .genre-items .alert-no-data { margin-top: 40px; background: rgba(0, 0, 0, .4); color: #fff; border-radius: 6px } body.welcome .view-more { margin-top: 20px; background: rgba(0, 0, 0, .4); display: inline-block; padding: 6px 12px; border: solid 1px #666; border-radius: 6px; font-family: proxima nova semibold; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; transition: all .5s; cursor: pointer } body.welcome .view-more:hover { background: #fff; color: #000; border-color: #fff } body.welcome .icon-legend { text-align: left; display: inline-block; margin: 30px auto 0; background-color: rgba(0, 0, 0, .3); padding: 10px 13px; border-radius: 5px } body.welcome .icon-legend .line { white-space: nowrap; margin-bottom: 2px } body.welcome .icon-legend .line .icon { margin-right: 5px } body.welcome .icon-legend .line .icon.watch { color: #8e44ad; font-size: 1.2em } body.welcome .icon-legend .line .icon.collect { color: #16a085; font-size: 1.1em } body.welcome .icon-legend .line .icon.list { color: #2b678f } body.welcome .icon-legend .line .icon.rate { color: #b70a0a } body.welcome .icon-legend .line .icon.watch-now { color: #aaa; font-size: 1.5em; margin: -3px 2px 0 -4px } body.welcome .connections-wrapper { display: inline-block; margin: 0 40px } body.welcome .connections { padding-top: 40px; text-align: center } body.welcome .connections .row > div { width: auto; display: inline-block; float: none; margin-top: 20px } body.welcome .connections .row > div > .fa, body.welcome .connections .row > div [class^=fa-], body.welcome .connections .row > div [class*=" fa-"] { font-size: 30px; margin: 0 15px 0 0; text-shadow: 0 0 40px #000 } body.welcome .connections .row > div form { display: inline } body.welcome .connections .row > div form button { padding: 0; margin: 0; background: 0 0; border: 0 } body.welcome .connections .row > div .btn { font-size: 14px; padding: 5px 9px; border-radius: 3px } body.welcome .connections .row > div .btn .fa, body.welcome .connections .row > div .btn [class^=fa-], body.welcome .connections .row > div .btn [class*=" fa-"] { margin-right: 3px } body.welcome .connections .row > div .btn:not(.connected):hover { color: #fff !important } body.welcome .connections .row > div .btn:not(.connected):not(:hover) { background-color: rgba(0, 0, 0, .2) !important } body.welcome .connections .row > div .btn.connected { color: #fff !important } body.welcome .connections .btn-twitter, body.welcome .connections .btn-x, body.welcome .connections .btn-x-twitter { color: #999 !important; background-color: #999 !important; fill: #999 !important; border-color: #999 !important } body.welcome .connections .btn-twitter:hover, body.welcome .connections .btn-x:hover, body.welcome .connections .btn-x-twitter:hover { color: #858585 !important; background-color: #858585 !important; fill: #858585 !important; border-color: #858585 !important } body.welcome .connections .btn-twitter:after, body.welcome .connections .btn-x:after, body.welcome .connections .btn-x-twitter:after { color: #999 !important } body.welcome .connections .fa-twitter, body.welcome .connections .fa-x-twitter { color: #999 } body.welcome .connections .fa-facebook { color: #335397 } body.welcome .connections .fa-mastodon { color: #6364ff } body.welcome .connections .fa-tumblr { color: #586980 } body.welcome .connections .fa-medium { color: #00ab6b } body.welcome .connections .fa-google { color: #4285f4 } body.welcome .connections .fa-slack { color: #8a74b9 } body.welcome .connections .trakt-icon-pushover { color: #40a6eb } body.welcome .connections .trakt-icon-pushbullet { color: #4ab367 } body.welcome .connections .fa-chrome { color: #777 } body.welcome .connections .fa-firefox { color: #d97129 } body.welcome .connections .fa-safari { color: #018fd0 } body.welcome .streaming-links { -ms-overflow-style: none; scrollbar-width: none; margin-top: 20px; padding-bottom: 10px; overflow-y: auto } body.welcome .streaming-links::-webkit-scrollbar { display: none } body.welcome .streaming-links a { padding-top: 20px; padding-bottom: 0 } body.welcome .streaming-links a .icon img, body.welcome .streaming-links a .icon .text { opacity: .75; transition: opacity .5s } body.welcome .streaming-links a.disabled .icon { background-color: #333 !important; border-color: #333 !important } body.welcome .streaming-links a:hover .icon img, body.welcome .streaming-links a:hover .icon .text { opacity: 1 } body.welcome .streaming-links::-webkit-scrollbar { width: 0; height: 0 } body.welcome .watchnow-scroll-for-more, body.welcome #watchnow-filter-no-results { font-family: proxima nova semibold; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; transition: all .5s; margin-top: 10px; cursor: pointer } body.welcome .watchnow-scroll-for-more .fa, body.welcome .watchnow-scroll-for-more [class^=fa-], body.welcome .watchnow-scroll-for-more [class*=" fa-"], body.welcome #watchnow-filter-no-results .fa, body.welcome #watchnow-filter-no-results [class^=fa-], body.welcome #watchnow-filter-no-results [class*=" fa-"] { margin: 10px } body.welcome #watchnow-filter-no-results { background-color: #333; padding: 10px 15px; display: none; border-radius: 3px } body.welcome #watchnow-filter-no-results.enabled { display: inline-block } body.welcome #watchnow-sources-count { font-family: proxima nova semibold; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; transition: all .5s; margin-top: 10px; opacity: 0 } body.welcome #watchnow-sources-count b { font-family: proxima nova bold } body.welcome #watchnow-sources-count.enabled { opacity: 1 } .welcome-done-wrapper { position: relative; background-color: transparent } @media(max-width:991px) { body.welcome .genre-items .posters .grid-item:nth-child(3) { display: none } } @media(max-width:767px) { body.welcome #header-trakt, body.welcome #header-done { top: 5px; left: 7px; font-size: 15px } body.welcome #header-trakt .exit { border: none; margin-left: 3px; padding-left: 0 } body.welcome #header-done { left: auto; right: 7px } body.welcome #header-done .dots { border: none; padding-right: 0 } body.welcome #watching-wrapper .info-wrapper h1 { font-size: 24px !important; line-height: 26px; margin-top: 0 } body.welcome #watching-wrapper .info-wrapper h2 { font-size: 16px !important } body.welcome #watching-wrapper.step-history .info-wrapper { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding: 50px 0 30px } body.welcome #watching-wrapper h1.welcome { padding-bottom: 0 } body.welcome #watching-wrapper .trakt-full { font-size: 24px; letter-spacing: 2px } body.welcome #watching-wrapper .trakt-full img { width: 20px; height: 20px; margin-right: 5px; vertical-align: top } body.welcome #watching-wrapper .buttons { margin-top: 30px } body.welcome #avatar-wrapper { margin-top: 30px } body.welcome #avatar-wrapper .dropzone { width: 90px; height: 90px; border-width: 3px } body.welcome #avatar-wrapper .dropzone .dz-message { font-family: proxima nova bold; font-size: 13px; line-height: 1.1 } body.welcome #avatar-wrapper .dropzone .dz-message .fa, body.welcome #avatar-wrapper .dropzone .dz-message [class^=fa-], body.welcome #avatar-wrapper .dropzone .dz-message [class*=" fa-"] { font-size: 25px; margin-top: 10px } body.welcome #avatar-wrapper img.avatar { border-width: 3px; width: 90px } body.welcome .form-inputs { margin-top: 20px } body.welcome .genres { margin-top: 30px } body.welcome .genres .genre .inner { font-size: 12px; margin: 4px; padding: 3px 8px } body.welcome .connections { padding-bottom: 20px } body.welcome .icon-legend { font-size: 12px } body.welcome .genre-items { margin-left: -10px; margin-right: -10px } body.welcome .streaming-links { margin-top: 30px; margin-bottom: 0; overflow-y: auto } } body.welcome .shepherd-element.shepherd-theme-arrows { z-index: 1000; top: -5px !important; transition: opacity .5s } body.welcome .shepherd-element.shepherd-theme-arrows[data-id=watch] header { background-color: #8e44ad; color: #fff } body.welcome .shepherd-element.shepherd-theme-arrows[data-id=collect] header { background-color: #16a085; color: #fff } body.welcome .shepherd-element.shepherd-theme-arrows[data-id=list] header { background-color: #2b678f; color: #fff } body.welcome .shepherd-element.shepherd-theme-arrows[data-id=watch-now] header { background-color: #888; color: #fff } body.welcome .shepherd-element.shepherd-theme-arrows[data-id=rate] header { background-color: #b70a0a; color: #fff } body.welcome .shepherd-element.shepherd-theme-arrows .shepherd-content { width: 320px; max-width: 90vw; font-size: 1em; line-height: 1.2em } body.welcome .shepherd-element.shepherd-theme-arrows .shepherd-content header { padding: 10px } body.welcome .shepherd-element.shepherd-theme-arrows .shepherd-content header h3 { font-family: proxima nova semibold } body.welcome .shepherd-element.shepherd-theme-arrows .shepherd-content header h3 i { vertical-align: top; margin-right: 5px } body.welcome .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link { top: 0; right: -2px; color: #fff; transition: all .5s } body.welcome .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text { padding: 10px } body.welcome .shepherd-element.shepherd-theme-arrows .shepherd-content footer { position: absolute; right: 0; top: 100%; padding: 10px 0 0; background: 0 0 } body.welcome .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button { background-color: #ed1c24; font-family: proxima nova bold; font-size: 13px; letter-spacing: normal; padding: 8px 12px } body.welcome .shepherd-target.shepherd-enabled { opacity: 1 !important; transition: opacity .5s } body.welcome.shepherd-active #step-history.info-wrapper .poster { background-color: rgba(0, 0, 0, .5) } body.welcome.shepherd-active #step-history.info-wrapper .poster .corner-rating, body.welcome.shepherd-active #step-history.info-wrapper .poster img, body.welcome.shepherd-active #step-history.info-wrapper .quick-icons .metadata, body.welcome.shepherd-active #step-history.info-wrapper .quick-icons .actions a, body.welcome.shepherd-active #step-history.info-wrapper .view-more, body.welcome.shepherd-active #step-history.info-wrapper .next-step, body.welcome.shepherd-active #step-history.info-wrapper .icon-legend { transition: opacity .5s; opacity: .2 } body.welcome.shepherd-active #step-history.info-wrapper .poster img.base { opacity: 0 } body.welcome #watchnow-filter-clear { opacity: 0 } body.welcome .errors-wrapper { color: #fff; background-color: rgba(255, 0, 0, .2); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border: solid 1px #ed1c24; padding: 15px; margin: 40px auto 0; border-radius: 10px; width: 300px; display: none; text-align: left; opacity: 0; transition: all .5s } body.welcome .errors-wrapper ul { margin: 5px 0; padding-left: 20px } body.welcome .errors-wrapper.enabled { display: block; opacity: 1 } body.welcome .errors-wrapper a { color: #ccc; text-decoration: underline } body.watchnow .watchnow-wrapper { margin: 100px 50px 50px } body.watchnow #statics-top-wrapper img.flag { height: 13px; vertical-align: sub; margin-right: 5px } body.watchnow .streaming-links-wrapper { background-color: #fff } body.watchnow .streaming-links-wrapper .streaming-links { padding: 50px; background: -moz-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.2) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(100%, rgba(0, 0, 0, 0.2))); background: -webkit-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.2) 100%); background: -o-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.2) 100%); background: -ms-radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.2) 100%); background: radial-gradient(center, circle cover, #fff 0%, rgba(0, 0, 0, 0.2) 100%); text-align: center } body.watchnow .streaming-links-wrapper .streaming-links .sub-link { transition: .5s; font-size: 11px; padding-top: 1px } body.watchnow .streaming-links-wrapper .streaming-links .sub-link:hover { color: #ed1c24 } body.watchnow .streaming-links-wrapper h3 { margin: 0 -50px 30px } body.watchnow .streaming-links-wrapper h3:first-child { margin-top: -50px } body.watchnow .streaming-links-wrapper h3 a { text-decoration: none; color: inherit; background: #333; font-family: proxima nova bold; font-size: 18px; letter-spacing: 1px; padding: 8px 0 7px; color: #fff; line-height: 1; width: 100% } body.watchnow .streaming-links-wrapper h3 a img.flag { height: 20px; vertical-align: middle; margin-right: 10px } body.watchnow .streaming-links-wrapper h3 a .country-name { display: inline-block; vertical-align: middle } body.watchnow .streaming-links-wrapper h3 a .label { font-weight: 400; padding: 5px 5px 3px; font-size: 12px; margin: -1px 0 0 10px; display: inline-block; vertical-align: middle } body.transition .frame-wrapper .frame .fanarts { border-bottom: solid 1px #2d2d2d; position: relative } body.transition .frame-wrapper .frame .fanarts > div { border: none } body.transition .frame-wrapper .frame .fanarts .grid-item { border-right: solid 1px #2d2d2d } body.transition .frame-wrapper .frame .fanarts .grid-item .quick-icons { display: none } body.transition .comparison-outer-wrapper { float: left; width: 100% } body.transition .comparison-wrapper { color: #fff } body.transition .comparison-wrapper .comparison-row { display: grid; grid-template-columns: 20px 1fr 1fr; text-align: left; transition: all .5s; padding: 3px 0; margin-bottom: 1px } body.transition .comparison-wrapper .comparison-row[data-site-count="3"] { grid-template-columns: 20px 1fr 1fr 1fr } body.transition .comparison-wrapper .comparison-row.full-match { background-color: rgba(29, 183, 94, .5) } body.transition .comparison-wrapper .comparison-row.full-match:hover { background-color: rgba(29, 183, 94, .75) } body.transition .comparison-wrapper .comparison-row.partial-match { background-color: rgba(0, 158, 223, .5) } body.transition .comparison-wrapper .comparison-row.partial-match:hover { background-color: rgba(0, 158, 223, .75) } body.transition .comparison-wrapper .comparison-row.no-match { background-color: rgba(237, 28, 36, .5) } body.transition .comparison-wrapper .comparison-row.no-match:hover { background-color: rgba(237, 28, 36, .75) } body.transition .comparison-wrapper .comparison-row.locked { background-color: rgba(100, 100, 100, .5) } body.transition .comparison-wrapper .comparison-row.locked:hover { background-color: rgba(100, 100, 100, .75) } body.transition .comparison-wrapper .comparison-row .match-labels { vertical-align: middle; padding-left: 8px } body.transition .comparison-wrapper .comparison-row .match-labels .spacer { height: 10px } body.transition .comparison-wrapper .comparison-row .label { margin-left: 7px; border-radius: 3px } body.transition .comparison-wrapper .comparison-row .label.label-missing { background-color: #8e44ad } body.transition .comparison-wrapper .comparison-row .label.migrate-to-tmdb { background-color: #ed1c24; cursor: pointer; display: none; transition: all .5s } body.transition .comparison-wrapper .comparison-row .label.migrate-to-tmdb.enabled { display: inline } body.transition .comparison-wrapper .comparison-row .label.migrate-to-tmdb:hover { background-color: #c61017 } body.transition .comparison-wrapper .comparison-row .label.label-partial { background-color: #2b678f } body.transition .comparison-wrapper .comparison-row .label.label-match-level { background-color: #6e7a83 } body.transition .comparison-wrapper .comparison-row .label.label-mapper { background-color: #ed1c24 } body.transition .comparison-wrapper .comparison-row .label.label-locked { background-color: rgba(100, 100, 100, .75) } body.transition .comparison-wrapper .comparison-row .label.label-locked .fa-lock-keyhole { padding-right: 4px } body.transition .comparison-wrapper .comparison-row .toggle-wrapper { width: 20px; padding-left: 12px } body.transition .comparison-wrapper .comparison-row .site-tmdb { padding-left: 20px } body.transition .comparison-wrapper .comparison-row .site-trakt { padding-left: 20px } body.transition .comparison-wrapper .comparison-row .site-tvdb { padding-left: 20px } body.transition .comparison-wrapper .comparison-row .site-actions { padding-left: 20px } body.transition .comparison-wrapper .comparison-row .action-wrapper { display: inline-block; margin-right: 10px } body.transition .comparison-wrapper .comparison-row .action-wrapper h6 { margin: 4px 2px 2px; font-family: proxima nova semibold; text-transform: uppercase; font-size: 10px; letter-spacing: 1px } body.transition .comparison-wrapper .comparison-row .action-wrapper select { margin-bottom: 2px } body.transition .comparison-wrapper .comparison-row a { color: inherit; text-decoration: none } body.transition .comparison-wrapper .comparison-row .episode-count { font-style: italic; margin-left: 5px; color: #ccc } body.transition .comparison-wrapper .comparison-row .extra-info { margin-left: 5px; color: #ccc; font-size: 10px } body.transition .comparison-wrapper .comparison-row .match-labels { display: inline-block } body.transition .comparison-wrapper .comparison-row .match-labels[data-match-level=migrated] .label:not(.label-match-level) { display: none } body.transition .comparison-wrapper .site-logo { margin: 25px 0 20px } body.transition .comparison-wrapper .episodes-toggle { width: 20px; height: 20px; line-height: 20px; font-size: 17px; cursor: pointer } body.transition .comparison-wrapper .episodes-toggle:before { font: var(--fa-font-solid); content: "\f055" } body.transition .comparison-wrapper .episodes-toggle.expanded:before { content: "\f056" } body.transition .comparison-wrapper .episodes-wrapper { display: none } body.moderation nav .link .count, body.settings.reports nav .link .count { position: absolute; right: 0; top: 0; background-color: #444; color: #fff; border-radius: 6px; padding: 2px 8px; font-size: 12px; font-family: proxima nova bold } body.moderation .popover .popover-title, body.settings.reports .popover .popover-title { background-color: #444 !important } body.moderation .popover .popover-content, body.settings.reports .popover .popover-content { padding: 0 0 15px; background-color: #444 !important } body.moderation .popover .arrow:after, body.settings.reports .popover .arrow:after { border-bottom-color: #444 !important } body.moderation .popover .btn, body.settings.reports .popover .btn { color: #1d1d1d !important; font-size: 13px; display: inline-block; text-transform: uppercase; font-family: proxima nova bold; padding: 4px 15px !important; border-radius: 3px; border: none; transition: all .5s } body.moderation .popover .btn:hover, body.settings.reports .popover .btn:hover { transform: scale(1.1) } body.moderation .popover .btn.btn-primary, body.settings.reports .popover .btn.btn-primary { background-color: #5cb85c !important } body.moderation .popover .btn.btn-cancel, body.settings.reports .popover .btn.btn-cancel { background-color: #ed1c24 !important } body.moderation .popover form, body.settings.reports .popover form { padding: 15px; width: 300px; border-bottom: solid 1px #444; margin: 0 0 15px; background-color: #333 } body.moderation .popover form select, body.settings.reports .popover form select { margin-bottom: 15px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iYyIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iYyIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 99% 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 3px; background-color: #222 !important } body.moderation .popover form textarea, body.settings.reports .popover form textarea { background-color: #222 !important; text-align: left !important; border-radius: 3px } body.moderation .moderation-row, body.settings.reports .moderation-row { margin: 0; border-bottom: solid 1px #2d2d2d; display: grid; grid-template-columns: 120px 1fr; text-align: left; transition: all .5s } body.moderation .moderation-row .poster, body.settings.reports .moderation-row .poster { border: none } body.moderation .moderation-row .main-title, body.settings.reports .moderation-row .main-title { display: inline-block } body.moderation .moderation-row .open-all-links, body.settings.reports .moderation-row .open-all-links { font-size: 12px; margin-left: 5px } body.moderation .moderation-row > div, body.settings.reports .moderation-row > div { margin: 0; padding: 0 } body.moderation .moderation-row > div .quick-icons, body.moderation .moderation-row > div .titles, body.settings.reports .moderation-row > div .quick-icons, body.settings.reports .moderation-row > div .titles { display: none } body.moderation .moderation-row .resolve, body.settings.reports .moderation-row .resolve { font-size: 30px; transition: all .5s; cursor: pointer; display: inline-block; margin-left: 15px } body.moderation .moderation-row .resolve:hover, body.settings.reports .moderation-row .resolve:hover { transform: scale(1.1) } body.moderation .moderation-row .resolve .fa, body.moderation .moderation-row .resolve [class^=fa-], body.moderation .moderation-row .resolve [class*=" fa-"], body.settings.reports .moderation-row .resolve .fa, body.settings.reports .moderation-row .resolve [class^=fa-], body.settings.reports .moderation-row .resolve [class*=" fa-"] { vertical-align: middle; border-radius: 50%; border: 3px solid #1d1d1d; margin-right: -4px; position: relative } body.moderation .moderation-row .resolve .text, body.settings.reports .moderation-row .resolve .text { vertical-align: middle; color: #1d1d1d; font-size: 13px; display: inline-block; text-transform: uppercase; font-family: proxima nova bold; padding: 3px 6px 2px 10px; border-radius: 3px } body.moderation .moderation-row .resolve.approve, body.settings.reports .moderation-row .resolve.approve { color: #5cb85c } body.moderation .moderation-row .resolve.approve .text, body.settings.reports .moderation-row .resolve.approve .text { background-color: #5cb85c } body.moderation .moderation-row .resolve.reject, body.settings.reports .moderation-row .resolve.reject { color: #ed1c24 } body.moderation .moderation-row .resolve.reject .text, body.settings.reports .moderation-row .resolve.reject .text { background-color: #ed1c24 } body.moderation .moderation-row .resolve.pending, body.settings.reports .moderation-row .resolve.pending { color: #999 } body.moderation .moderation-row .resolve.pending .text, body.settings.reports .moderation-row .resolve.pending .text { background-color: #999 } body.moderation .moderation-row .resolve.pause, body.settings.reports .moderation-row .resolve.pause { color: #e85d04 } body.moderation .moderation-row .resolve.pause .text, body.settings.reports .moderation-row .resolve.pause .text { background-color: #e85d04 } body.moderation .moderation-row .content, body.settings.reports .moderation-row .content { padding: 15px } body.moderation .moderation-row .content .top-info, body.settings.reports .moderation-row .content .top-info { position: relative } body.moderation .moderation-row .content .top-info .resolve-wrapper, body.settings.reports .moderation-row .content .top-info .resolve-wrapper { position: absolute; right: 16px; top: -5px } body.moderation .moderation-row .content .top-info .labels, body.settings.reports .moderation-row .content .top-info .labels { margin-top: 2px } body.moderation .moderation-row .content .top-info .show-lookup, body.settings.reports .moderation-row .content .top-info .show-lookup { font-size: 12px; margin-left: 5px } body.moderation .moderation-row .content .title-link, body.settings.reports .moderation-row .content .title-link { text-decoration: none } body.moderation .moderation-row .content .top-title, body.settings.reports .moderation-row .content .top-title { font-family: proxima nova; font-size: 13px } body.moderation .moderation-row .content .main-title, body.settings.reports .moderation-row .content .main-title { font-family: proxima nova semibold; font-size: 20px; line-height: 1; color: #fff } body.moderation .moderation-row .content .main-title .year, body.settings.reports .moderation-row .content .main-title .year { font-family: proxima nova; color: #666; font-size: 16px } body.moderation .moderation-row .report-row, body.settings.reports .moderation-row .report-row { margin-top: 10px; border-radius: 3px } body.moderation .moderation-row .report-row .message, body.settings.reports .moderation-row .report-row .message { padding: 15px } body.moderation .moderation-row .report-row .message p:last-child, body.settings.reports .moderation-row .report-row .message p:last-child { margin-bottom: 0 } body.moderation .moderation-row .report-row .message .no-message, body.settings.reports .moderation-row .report-row .message .no-message { font-style: italic; color: #999 } body.moderation .moderation-row .comment-wrapper, body.settings.reports .moderation-row .comment-wrapper { border-radius: 3px; background-color: #333 } body.moderation .moderation-row .comment-wrapper .above-comment, body.settings.reports .moderation-row .comment-wrapper .above-comment { background-color: #262626; border-radius: 3px; position: relative } body.moderation .moderation-row .comment-wrapper .above-comment h4, body.settings.reports .moderation-row .comment-wrapper .above-comment h4 { height: auto; text-align: left; overflow: visible } body.moderation .moderation-row .comment-wrapper .above-comment .resolve-wrapper, body.settings.reports .moderation-row .comment-wrapper .above-comment .resolve-wrapper { position: absolute; right: 15px; top: 13px } body.moderation .moderation-row .comment-wrapper .above-comment .resolve, body.settings.reports .moderation-row .comment-wrapper .above-comment .resolve { font-size: 24px; opacity: .5 } body.moderation .moderation-row .comment-wrapper .above-comment .resolve.enabled, body.settings.reports .moderation-row .comment-wrapper .above-comment .resolve.enabled { opacity: 1 } body.moderation .moderation-row .comment-wrapper .above-comment .resolve:hover, body.settings.reports .moderation-row .comment-wrapper .above-comment .resolve:hover { opacity: 1 } body.moderation .moderation-row .comment-wrapper .above-comment .resolve .fa, body.moderation .moderation-row .comment-wrapper .above-comment .resolve [class^=fa-], body.moderation .moderation-row .comment-wrapper .above-comment .resolve [class*=" fa-"], body.settings.reports .moderation-row .comment-wrapper .above-comment .resolve .fa, body.settings.reports .moderation-row .comment-wrapper .above-comment .resolve [class^=fa-], body.settings.reports .moderation-row .comment-wrapper .above-comment .resolve [class*=" fa-"] { border-color: #262626 } body.moderation .moderation-row .comment-wrapper .above-comment .resolve .text, body.settings.reports .moderation-row .comment-wrapper .above-comment .resolve .text { font-size: 11px; padding-top: 3px; padding-bottom: 1px; color: #262626 } body.moderation .labels.action-explainer li, body.settings.reports .labels.action-explainer li { margin: 5px 0 } body.moderation .labels .label, body.settings.reports .labels .label { padding: 3px 4px 2px; font-size: 10px; text-transform: uppercase; background-color: #576067; border-radius: 3px; margin-right: 7px; vertical-align: middle } body.moderation .labels .label-title, body.settings.reports .labels .label-title { display: inline; background-color: #3f464c; display: inline-block; padding: 4px 4px 3px; margin: 0 5px 0 -4px; border-radius: 3px 0 0 3px } body.moderation .labels .label-count, body.settings.reports .labels .label-count { background-color: #16a085 } body.moderation .labels .label-count .label-title, body.settings.reports .labels .label-count .label-title { background-color: #107360 } body.moderation .labels .label-reason, body.settings.reports .labels .label-reason { background-color: #009edf } body.moderation .labels .label-approved, body.settings.reports .labels .label-approved { background-color: #5cb85c } body.moderation .labels .label-rejected, body.settings.reports .labels .label-rejected { background-color: #ed1c24 } body.moderation .labels .label-paused, body.settings.reports .labels .label-paused { background-color: #e85d04 } body.moderation .labels .label-type, body.moderation .labels .label-datasource, body.settings.reports .labels .label-type, body.settings.reports .labels .label-datasource { background-color: #8e44ad } body.moderation .labels .date, body.settings.reports .labels .date { display: inline; vertical-align: middle } body.settings.reports .moderation-row { border-top: solid 1px #2d2d2d; border-bottom: none; margin-top: 20px; padding-top: 20px } body.settings.reports .moderation-row:first-child { border-top: none; margin-top: 0 } body.settings.reports .moderation-row .content { padding: 0 0 0 20px } body.settings.reports .moderation-row .content .top-info .resolve-wrapper { right: 0 } body.settings.reports .pagination-top { border-bottom: solid 1px #2d2d2d; padding-bottom: 20px } body.settings.reports .pagination-top.no-pages { display: none } body.settings.reports .pagination-bottom { border-top: solid 1px #2d2d2d; margin-top: 20px; padding-top: 20px } body.settings.reports .pagination-bottom.no-pages { border-top: none; padding-top: 0 } body.settings.reports .report-row .above-comment { padding: 10px 15px 12px } body.settings.reports .subnav-wrapper { border-bottom: none } body.settings.reports:not(.dark-knight) .moderation-row { border-bottom-color: #eee; border-top-color: #eee } body.settings.reports:not(.dark-knight) .moderation-row .resolve .fa, body.settings.reports:not(.dark-knight) .moderation-row .resolve [class^=fa-], body.settings.reports:not(.dark-knight) .moderation-row .resolve [class*=" fa-"] { border-color: #fff } body.settings.reports:not(.dark-knight) .moderation-row .resolve .text { color: #fff } body.settings.reports:not(.dark-knight) .moderation-row .content .main-title { color: #000 } body.settings.reports:not(.dark-knight) .moderation-row .comment-wrapper { background-color: #f1f1f1 } body.settings.reports:not(.dark-knight) .moderation-row .comment-wrapper .above-comment { background-color: #e5e5e5 } @media(max-width:767px) { h2 { font-size: 18px } h2.section { margin: 20px 0 } h2 .see-more-text { display: none } h2 .see-more { line-height: 1.6 } h2 .time-spent { padding-top: 3px } h3.help-text { font-size: 13px; margin: 0 0 20px 32px; color: #777 } .pill-tab-links.with-icon .tab-links { margin-left: 33px; margin-top: 2px } :root { --header-height: 60px } body.scrolled { --header-height: 60px } header#top-nav { padding-right: 0 !important; grid-template-columns: 32px 1fr auto } header#top-nav .search-wrapper .search-icon { font-size: 18px; left: 12px; top: 13px } header#top-nav .search-wrapper #header-search { margin-left: -10px } header#top-nav .search-wrapper #header-search-query { background-color: transparent } header#top-nav .search-wrapper #header-search-autocomplete .search-result { grid-template-columns: 50px auto 90px; padding-right: 10px } header#top-nav .search-wrapper #header-search-autocomplete .search-result .streaming-links a { display: block } header#top-nav .search-wrapper.focused #header-search { width: calc(100vw - 18px); min-width: 1px; max-width: calc(100vw - 18px); margin-left: -55px } header#top-nav .links-wrapper { display: none } header#top-nav .btn-vip { margin-right: 10px } header#top-nav ul.menu { border-top-left-radius: 8px; min-width: 140px } header#top-nav .user-wrapper .btn { margin-left: 0 !important } header#top-nav .user-wrapper .btn-profile { padding-right: 0 } header#top-nav .user-wrapper .btn-profile .arrow { display: none } header#top-nav .user-wrapper .btn-profile .avatar { margin-right: 0 } header#top-nav .user-wrapper .btn-mobile-links { display: inline-block } header#top-nav .user-wrapper .btn-auth { display: inline-block } .fa-bars { font-size: 22px; margin: -3px 2px 0 0; vertical-align: middle } .fa-user { font-size: 20px; margin: -6px 2px 0; vertical-align: middle } footer { padding: 15px } footer .links { margin-bottom: 10px } footer .links ul { float: none; display: block; width: 100% } footer .links ul li { padding-right: 20px } footer .links .social { float: none; margin-top: 10px; margin-bottom: 10px } footer .links .social .fa, footer .links .social [class^=fa-], footer .links .social [class*=" fa-"] { margin: 0 10px 0 0 } footer .copyright .trakt { float: none } footer .copyright .apps { float: none; margin-left: 0; margin-top: 15px } footer .copyright .apps img { margin-left: 0; margin-right: 10px } footer .copyright .amazon { float: none; margin-top: 15px } footer .copyright .amazon .icon { float: left; margin-left: 0; margin-right: 13px } footer .copyright .amazon .text { float: left; text-align: left } .posters .grid-item { padding-left: 0; padding-right: 0 } .posters .grid-item:nth-child(even) .poster, .posters .grid-item:nth-child(even) .quick-icons { border-left: solid 1px #2d2d2d !important; margin-left: -1px } .posters .grid-item .poster, .posters .grid-item .quick-icons { border: none !important } .posters > div .titles .under-progress-wrapper { left: 0; right: 0 } #results-top-wrapper { padding-bottom: 0 } #results-top-wrapper h1 { font-size: 26px !important; margin: 0 0 0 !important } ul.pagination a { font-size: 14px } #om1gYCfRiN-IGJj59JMAC-wrapper, #om1gYCfRiN-IGJj59JMAC-Xg6kdjmQTi, #om1gYCfRiN-IGJj59JMAC-F9HnZ5DZak, #om1gYCfRiN-IGJj59JMAC-whhPY7alOm, #om1gYCfRiN-IGJj59JMAC-mouGYcVmIY, #om1gYCfRiN-IGJj59JMAC-0jcXXc8ckD, #om1gYCfRiN-IGJj59JMAC-Ba2KT6YF2O, #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J { display: none } #om1gYCfRiN-LD3xSETSnk-wrapper, #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak, #om1gYCfRiN-LD3xSETSnk-whhPY7alOm, #om1gYCfRiN-LD3xSETSnk-mouGYcVmIY, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD, #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { display: block } #om1gYCfRiN-content-page { padding-top: 0 } #om1gYCfRiN-content-page.bottom { padding-bottom: 0 } #om1gYCfRiN-LD3xSETSnk-wrapper { background-color: #333; text-align: center } #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.add-top { padding-top: 20px } #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.add-bottom { padding-bottom: 20px } #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.less-bottom { margin-bottom: -11px } #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.lesser-bottom { margin-bottom: -20px } #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.no-margin #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.no-margin #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.no-margin #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.no-margin #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O, #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.no-margin #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { margin: 0 !important } #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.floater { float: left; width: 100%; margin-bottom: -20px } .om1gYCfRiN-oVhoJ0rsnL-banner .inner h1 { font-size: 18px } .om1gYCfRiN-oVhoJ0rsnL-banner .inner h2 { margin-top: 5px; margin-bottom: 10px; font-size: 12px } .frame-wrapper { border: none } .frame-wrapper .grid-item { border-left: none !important; border-right: none !important } .frame-wrapper .grid-item:not(.schedule-episode) { border-bottom: none !important } .frame-wrapper .sidenav .advanced-filters { margin-top: 0; border-top: none } .frame-wrapper .sidenav .advanced-filters .slider { width: 96%; margin-left: 2% } .frame-wrapper .sidenav.advanced-filters h4 select.conjunction { background-color: transparent; position: absolute; right: 0; width: auto; bottom: -10px; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position: calc(100% - 5px) calc(1em + 3px), calc(100% - 0px) calc(1em + 3px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 14px; color: #666; text-transform: uppercase } .frame-wrapper .frame { border-left: 0 } .frame-wrapper .frame .no-results { padding: 50px 0 !important; font-size: 18px } .frame-wrapper .frame .no-results img { width: 100px; margin-bottom: 10px } .frame-wrapper #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper { border-bottom: 0; border-right: 0 } .frame-wrapper #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.poster { float: left; width: 100% } .frame-wrapper #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, .frame-wrapper #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O, .frame-wrapper #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O, .frame-wrapper #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O, .frame-wrapper #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { margin: 0 !important } .frame-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper { display: none !important } .subnav-wrapper { width: 100%; font-size: 12px } .subnav-wrapper * { font-size: 12px } .subnav-wrapper .container { padding-left: 0; padding-right: 0 } .subnav-wrapper .container .row { margin: 0 } .subnav-wrapper .container .row > div { padding: 0 } .subnav-wrapper .container .toggle-subnav-options { margin: 0 } .subnav-wrapper .container .left, .subnav-wrapper .container .right { display: inline-block } .subnav-wrapper .container .left { padding-left: 10px } .subnav-wrapper .container .left h2 { float: none } .subnav-wrapper .container .left.with-title { display: block; margin: -5px -10px 0 } .subnav-wrapper .container .left.with-title h2 { margin: 0; padding-left: 10px; font-size: 16px; border-bottom: solid 1px #eee; padding-bottom: 10px; margin-bottom: 10px; line-height: normal } .subnav-wrapper .container .left .dropdown { margin-right: 10px } .subnav-wrapper .container .right { padding: 0 10px 0 0 } .subnav-wrapper .container .right.icons { padding-top: 5px } .subnav-wrapper .container .right .toggle-subnav-wrapper, .subnav-wrapper .container .right .toggle-feeds-wrapper { display: none; position: absolute; background-color: #eee; width: 100vw; left: 0; z-index: 50; text-align: center; padding: 11px 0; top: 100% } .subnav-wrapper .container .right .toggle-subnav-wrapper.open, .subnav-wrapper .container .right .toggle-feeds-wrapper.open { display: block } .subnav-wrapper .container .right .toggle-subnav-wrapper .no-left, .subnav-wrapper .container .right .toggle-feeds-wrapper .no-left { margin-left: 0; padding-left: 0 } .subnav-wrapper .container .right .toggle-subnav-wrapper.more-top, .subnav-wrapper .container .right .toggle-feeds-wrapper.more-top { top: calc(100% + 40px) } .subnav-wrapper .container .right .toggle-subnav-wrapper .centered, .subnav-wrapper .container .right .toggle-feeds-wrapper .centered { float: none; margin-bottom: 10px; text-align: center } #list-form { padding-top: 0; margin-top: -10px } #boxes-wrapper .row .wide-chart { overflow: hidden } #chart-ratings-wrapper #chart-ratings { top: 30px; left: 0 } .list-rows { padding-left: 0; padding-right: 0 } body.lists #lists, body.lists_season #lists, body.lists_episode #lists, .summary-lists { margin-left: -10px; margin-right: -10px } .personal-list .list-info .info [data-readmore-toggle] { margin-left: 10px !important } .personal-list .list-info .info .overview { margin: 10px 10px 0 !important } .personal-list .list-info .info .copied-from { margin: 10px } .summary-lists { margin-bottom: -10px } .summary-lists .personal-list:not(:first-child) { padding-top: 0 } .summary-lists .personal-list .overview { display: none } .comment-wrapper.subnav { display: block; padding: 0; margin: 0 0 10px; text-align: center } .comment-wrapper.list { margin-left: -20px } .comment-wrapper.list .above-comment { display: block; padding-left: 10px } .comment-wrapper.list .above-comment .user-avatar { float: left } .comment-wrapper.list .above-comment .user-name { margin-left: 40px } .comment-wrapper.list .above-comment .interactions a { margin-left: 15px } .subnav-wrapper.flex .container .right { float: none } .subnav-wrapper.flex .container .right .comment-wrapper.list .interactions { padding-left: 0 } .subnav-wrapper.flex .container .right .comment-wrapper.list .interactions a:first-child { margin-left: 0 } #reset-user-data-banner .banner .text { display: block; text-align: center } #reset-user-data-banner .banner .buttons { display: block; margin-left: 0; margin-top: 20px } } @media(max-width:767px) { .alert-cookie-disabled { text-align: center; max-width: calc(100% - 50px) } .alert-cookie-disabled .grid { display: block } .alert-cookie-disabled .grid-btn a { margin-top: 15px; display: block } .dropdown-toggle.more-left { margin-left: 10px } .dropdown-toggle.less-top { margin-top: -7px } .popover.with-date-range-picker { min-width: 308px !important; height: 511px } .popover .date-range-wrapper { margin: -9px -5px 0; display: block } } @media(max-width:767px) { #scrobble-wrapper { padding: 40px 0 } #scrobble-wrapper h1 { font-size: 30px } #mobile-wrapper { height: auto; text-align: center; padding-bottom: 30px } #mobile-wrapper h1 { font-size: 30px; margin-top: 30px } #mobile-wrapper h2 { width: auto } #mobile-wrapper .device { background-image: none !important } #results-top-wrapper { padding-bottom: 20px; padding-top: 70px } #results-top-wrapper h1 { font-size: 26px !important; margin: 0 0 5px !important } #results-top-wrapper .user-info { text-align: center; margin-bottom: 10px; float: none } #results-top-wrapper.user-wrapper.watching-now { padding-bottom: 50px } #results-top-wrapper.user-wrapper .buttons { text-align: center; padding: 0 0 10px } #results-top-wrapper.user-wrapper .buttons .btn-dashboard { margin-left: 0; transform: scale(.8) } #dashboard-vip-referral-wrapper .grid-wrapper { display: block } #dashboard-vip-referral-wrapper .logo { display: none } #dashboard-vip-referral-wrapper .text { text-align: center } #dashboard-vip-referral-wrapper .buttons { text-align: center; margin-top: 30px } .vip-expiring .container, .username-signin .container { padding: 0 } .vip-expiring .btn, .username-signin .btn { float: none } .vip-expiring .text, .username-signin .text { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; white-space: normal; margin-bottom: 10px } .vip-expiring .text b, .username-signin .text b { font-size: 14px } .vip-expiring .text b i, .username-signin .text b i { vertical-align: text-bottom } #ondeck-wrapper .posters { clear: both } #ondeck-wrapper .posters > div .titles h4:last-child { right: 0; left: 0 } #ondeck-wrapper .feed-icons { margin-right: 0 } #schedule-wrapper { min-height: 0; padding-bottom: 10px } #schedule-wrapper h2 { margin-bottom: 0 } #schedule-wrapper h3:not(.help-text) { padding-bottom: 5px; border-bottom: solid 1px #d9d9d9; margin-bottom: 5px; margin-top: 20px } #schedule-wrapper.items-0 h2 { margin-bottom: 20px } #schedule-wrapper .schedule-episode { border: none !important; margin-top: 0 !important } #schedule-wrapper .feed-icons { margin-right: 0 } #recently-watched-wrapper .grid-item { margin-bottom: 0 !important } #activity-wrapper { padding-bottom: 0 } #activity-wrapper .fanarts > div { padding: 0 } #activity-wrapper .fanarts > div .fanarts-under { display: none } #activity-wrapper .posters { margin-bottom: 0 } #activity-wrapper .posters > div { padding: 0; margin: 0 } #activity-wrapper .see-more-link:nth-child(2) .see-more { display: none } #activity-wrapper .feed-icons { margin-right: 0 } #activity-wrapper .page-navigator { margin-top: -12px } #network-wrapper #network-activities { margin-bottom: 0 } #network-wrapper #network-activities .network-item { padding-left: 0; padding-right: 0; margin-bottom: 0 } #network-wrapper #network-activities .network-item:nth-child(even) .poster-under { border-left: 1px solid #eee } #recommendations-wrapper { padding-bottom: 20px; margin-bottom: 10px } #recommendations-wrapper h3.help-text { margin-bottom: 20px } #recommendations-wrapper[data-row-max="1"] { padding-bottom: 0; margin-bottom: 0 } #recommendations-wrapper[data-row-max="1"] .page-navigator { display: none } #recommendations-wrapper .grid-item { margin-top: 0; padding: 0 } #recommendations-wrapper .posters { margin-bottom: 0 } #charts-wrapper { overflow: hidden; margin-bottom: 0 } #charts-wrapper .genre-bars { padding: 0; margin: 0 } #charts-wrapper .see-more-link:nth-child(2) .see-more { display: none } #charts-wrapper .feed-icons { margin-right: 0 } #watching-wrapper.welcome { padding: 20px 0 10px } #watching-wrapper.welcome .media-centers-wrapper { margin-left: -7px; margin-right: -7px } #watching-wrapper.welcome .media-centers-wrapper img { margin-left: 7px; margin-right: 7px } body.dashboard #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi-Ba2KT6YF2O, body.dashboard #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak-Ba2KT6YF2O, body.dashboard #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak2-Ba2KT6YF2O, body.dashboard #om1gYCfRiN-LD3xSETSnk-F9HnZ5DZak3-Ba2KT6YF2O, body.dashboard #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD-Ba2KT6YF2O { margin: 0 !important } body.dashboard .hero-wrapper.vip h1 { font-size: 24px !important; line-height: 26px } body.dashboard .hero-wrapper.vip h2 { font-size: 15px; margin: 15px 0 } } @media(max-width:767px) { .previous-item-link, .next-item-link { top: 40px; font-size: 70px; z-index: 1 } .previous-item-link { left: 10px !important } .next-item-link { right: 10px !important } body.comments_season .previous-item-link, body.comments_season .next-item-link, body.comments_episode .previous-item-link, body.comments_episode .next-item-link, body.lists_season .previous-item-link, body.lists_season .next-item-link, body.lists_episode .previous-item-link, body.lists_episode .next-item-link { display: none } #summary-wrapper { height: 350px } #summary-wrapper .shadow-base { height: 150px; bottom: 100px } #summary-wrapper h1 { font-size: 18px } #summary-wrapper h1 .year { font-size: 14px !important } #summary-wrapper .certification { font-size: 10px } #summary-wrapper .mobile-poster { display: block; position: absolute; width: 70px; left: 12px; bottom: 2px } #summary-wrapper .mobile-poster .poster { border: none !important; position: relative; -webkit-box-shadow: 0 0 20px 0 #000; box-shadow: 0 0 20px 0 #000 } #summary-wrapper .mobile-poster .poster img { width: 100% } #summary-wrapper .mobile-poster .poster .real { height: 100%; position: absolute; top: 0; left: 0 } #summary-wrapper .mobile-title { margin-left: 80px } #summary-wrapper .summary { bottom: 110px } #summary-wrapper .summary .container h2 { font-size: 14px } #summary-wrapper.no-stats { height: 300px; transition: none } #summary-wrapper.no-stats .shadow-base { bottom: 50px } #summary-wrapper.no-stats .summary { bottom: 60px } #summary-ratings-wrapper { border-top: solid 1px #333 } #summary-ratings-wrapper.no-stats .container { height: 50px } #summary-ratings-wrapper.no-stats .container ul.stats { display: none } #summary-ratings-wrapper .container { height: 100px; padding-top: 10px } #summary-ratings-wrapper ul { display: block } #summary-ratings-wrapper ul.stats { border-top: solid 1px #333; margin: 5px -10px 0 !important; padding: 10px } #summary-ratings-wrapper ul li { margin-right: 23px } #summary-ratings-wrapper ul li img { height: 28px } #summary-ratings-wrapper ul li .icon { font-size: 28px } #summary-ratings-wrapper ul li .number .rating { font-size: 16px } #summary-ratings-wrapper ul li .number .rating-question { font-size: 14px; padding: 1px 0 } #summary-ratings-wrapper ul li .number .votes { font-size: 12px } #summary-ratings-wrapper .summary-user-rating.popover-on { min-width: 0 } #summary-ratings-wrapper .popover { width: 100% } #seasons-episodes-sortable .row.fanarts .grid-item, .recent-episodes .row.fanarts .grid-item { padding-left: 0; padding-right: 0 } #seasons-episodes-sortable { margin-top: 20px } #seasons-episodes-sortable.season-posters { margin-top: 0 } #seasons-episodes-sortable .row.fanarts { margin-top: 0 } #seasons-episodes-sortable .row.fanarts .fanart .titles { display: block } #seasons-episodes-sortable .row.fanarts .fanart .titles h4 { font-size: 11px; margin-bottom: 5px } #seasons-episodes-sortable .row.fanarts .under-info { display: none } .season-posters .grid-item { width: 50%; display: inline-block } #info-wrapper { min-height: 200px } #info-wrapper .info { margin-bottom: 10px } #info-wrapper .info .additional-stats li { display: block; white-space: normal; margin-right: 0; margin-bottom: 1px } #info-wrapper .info .additional-stats li.hide-under-action .under-action { display: none } #info-wrapper .info .additional-stats li .reported-count { width: auto; display: inline-block; padding: 1px 4px; background: red; margin: 0 5px; color: #000; border-radius: 3px; font-size: 11px } #info-wrapper .info .actors-wrapper { margin: 0 -10px -20px } #info-wrapper .info .actors-wrapper .posters ul li { width: 25% } #info-wrapper .info .actors-wrapper .posters ul li .poster { margin-right: 0; border: 0 } #info-wrapper .info .actors-wrapper .posters ul li .titles { margin-right: 0; padding-left: 5px; padding-right: 5px } #info-wrapper .info #watching, #info-wrapper .info #friends-watchers, #info-wrapper .info #friends-collectors { margin-left: -10px; margin-right: -10px; border-left: 0; border-right: 0; padding: 10px } #info-wrapper .info #watching h2, #info-wrapper .info #friends-watchers h2, #info-wrapper .info #friends-collectors h2 { margin-bottom: 10px } #info-wrapper .info #watching .row, #info-wrapper .info #friends-watchers .row, #info-wrapper .info #friends-collectors .row { margin-left: -5px; margin-right: -5px } #info-wrapper .info #watching .row > div, #info-wrapper .info #friends-watchers .row > div, #info-wrapper .info #friends-collectors .row > div { padding-left: 5px; padding-right: 5px } #info-wrapper .info #comments, #info-wrapper .info #lists { margin-bottom: 20px } #info-wrapper .info #comments .see-more, #info-wrapper .info #lists .see-more { line-height: 2.1 } #info-wrapper .info .summary-comments { margin-top: 20px } #info-wrapper .info .summary-comments .comment-wrapper { margin: 0 -10px 0 -20px } #info-wrapper .info .summary-comments .comment-wrapper .above-comment { padding-right: 10px } #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper { margin: 0 -10px } #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi { margin: -20px auto 20px } #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper #om1gYCfRiN-LD3xSETSnk-0jcXXc8ckD { margin: 20px auto -10px } #info-wrapper .season-links { overflow-x: visible; padding-left: 10px; padding-right: 10px } #info-wrapper .season-links .container { display: block } #info-wrapper .season-links .container .row { margin: 0 } #info-wrapper .season-links * { font-size: 13px } #info-wrapper .season-links label { line-height: 40px } #info-wrapper .season-links .links { height: 40px } #info-wrapper .season-links .links ul li { line-height: 40px } body.comments #info-wrapper .info, body.comments_liked #info-wrapper .info, body.comments_season #info-wrapper .info, body.comments_episode #info-wrapper .info, body.list_comments #info-wrapper .info, body.lists #info-wrapper .info { margin-top: 0 } body.comments #info-wrapper #comments, body.comments #info-wrapper #lists, body.comments_liked #info-wrapper #comments, body.comments_liked #info-wrapper #lists, body.comments_season #info-wrapper #comments, body.comments_season #info-wrapper #lists, body.comments_episode #info-wrapper #comments, body.comments_episode #info-wrapper #lists, body.list_comments #info-wrapper #comments, body.list_comments #info-wrapper #lists, body.lists #info-wrapper #comments, body.lists #info-wrapper #lists { margin-bottom: 0 } body.comments #info-wrapper #comments .pagination-top:empty, body.comments #info-wrapper #lists .pagination-top:empty, body.comments_liked #info-wrapper #comments .pagination-top:empty, body.comments_liked #info-wrapper #lists .pagination-top:empty, body.comments_season #info-wrapper #comments .pagination-top:empty, body.comments_season #info-wrapper #lists .pagination-top:empty, body.comments_episode #info-wrapper #comments .pagination-top:empty, body.comments_episode #info-wrapper #lists .pagination-top:empty, body.list_comments #info-wrapper #comments .pagination-top:empty, body.list_comments #info-wrapper #lists .pagination-top:empty, body.lists #info-wrapper #comments .pagination-top:empty, body.lists #info-wrapper #lists .pagination-top:empty { margin-top: -19px } body.comments #info-wrapper .comment-wrapper, body.comments_liked #info-wrapper .comment-wrapper, body.comments_season #info-wrapper .comment-wrapper, body.comments_episode #info-wrapper .comment-wrapper, body.list_comments #info-wrapper .comment-wrapper, body.lists #info-wrapper .comment-wrapper { margin-left: -10px; margin-right: -10px; border-top: solid 1px #e1e1e1 } body.comments #info-wrapper .new-comment-wrapper > .comment-wrapper, body.comments_liked #info-wrapper .new-comment-wrapper > .comment-wrapper, body.comments_season #info-wrapper .new-comment-wrapper > .comment-wrapper, body.comments_episode #info-wrapper .new-comment-wrapper > .comment-wrapper, body.list_comments #info-wrapper .new-comment-wrapper > .comment-wrapper, body.lists #info-wrapper .new-comment-wrapper > .comment-wrapper { margin-left: 0; margin-right: 0 } body.comments #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi, body.comments_liked #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi, body.comments_season #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi, body.comments_episode #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi, body.list_comments #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi, body.lists #info-wrapper #om1gYCfRiN-LD3xSETSnk-wrapper #om1gYCfRiN-LD3xSETSnk-Xg6kdjmQTi { margin: 0 auto } body.comments #summary-wrapper.slim, body.comments_liked #summary-wrapper.slim, body.comments_season #summary-wrapper.slim, body.comments_episode #summary-wrapper.slim, body.list_comments #summary-wrapper.slim, body.lists #summary-wrapper.slim { height: 200px } body.people #summary-wrapper { height: 300px } body.people #summary-wrapper .shadow-base { bottom: 50px } body.people #summary-wrapper .summary { bottom: 60px } body.people #summary-wrapper.no-stats { height: 250px; transition: none } body.people #summary-wrapper.no-stats .shadow-base { bottom: 0 } body.people #summary-wrapper.no-stats .summary { bottom: 10px } body.people #summary-wrapper.no-stats #summary-ratings-wrapper { display: none } body.people #summary-ratings-wrapper .container { height: 50px; padding-top: 0 } body.people #summary-ratings-wrapper ul.ratings { display: none } body.people #summary-ratings-wrapper ul.stats { border-top: none; margin-top: 0 !important } .summary-activity { margin-left: -10px; margin-right: -10px } .summary-activity .tabs .tab:first-child { border-left: 0 } .summary-activity .tab-content .tab-pane .users-wrapper { padding: 10px 10px 0; border-left: 0; border-right: 0 } .summary-activity .plus-more { right: 10px; top: 10px } .summary-activity .plus-more .text { font-size: 12px } .summary-activity .plus-more .text .number { font-size: 13px } } @media(max-width:1200px) { header#top-nav { padding-left: 16px; padding-right: 8px; column-gap: 8px } header#top-nav .search-wrapper #header-search-query { min-width: 40px; width: 40px; padding-right: 0 } header#top-nav ul.menu { border-top-left-radius: 8px } header#top-nav .links-wrapper { margin-right: 0 } header#top-nav .links-wrapper a { padding: 10px 12px } header#top-nav .links-wrapper .spacer { width: 12px } header#top-nav .user-wrapper .btn-profile { min-width: unset; padding-left: 8px; padding-right: 8px } header#top-nav .user-wrapper .btn-profile .name { display: none } header#top-nav .user-wrapper .btn-profile .avatar { margin-left: 0 } } @media(min-width:768px) and (max-width:991px) { footer .links ul li { padding-right: 20px } } @media(max-width:1024px) { .frame-wrapper .sidenav { float: none; width: auto; margin-top: var(--header-height) } .frame-wrapper .sidenav .streaming-links { display: block } .frame-wrapper .sidenav .streaming-links a { width: 84px } .frame-wrapper .sidenav.advanced-filters { width: 100% !important; min-height: 0 !important; height: auto !important; max-height: 0; margin-top: 0; overflow-x: hidden; overflow-y: auto; position: fixed; z-index: -1; top: 100px; bottom: 0; padding-top: 20px; padding-bottom: 80px } .frame-wrapper .sidenav.advanced-filters.open { max-height: calc(100vh - 100px); z-index: 100 } .frame-wrapper .sidenav.advanced-filters .sidenav-inner { padding-top: 0; position: relative !important; overflow: visible } .frame-wrapper .sidenav.advanced-filters select { display: block; width: 100% } .frame-wrapper .sidenav.advanced-filters h4:first-child { margin-top: 0 } .frame-wrapper .sidenav.advanced-filters .buttons { position: fixed; bottom: 10px; right: 10px; left: 10px } .frame-wrapper .sidenav .sidenav-inner { width: auto; padding: 10px 10px 0 } .frame-wrapper .sidenav .sidenav-inner.with-pagination { padding-top: 15px } .frame-wrapper .sidenav h1 { font-size: 30px } .frame-wrapper .sidenav h1 .filter-dropdown { margin-top: 3px } .frame-wrapper .sidenav h1 .show-advanced-filters, .frame-wrapper .sidenav h1 .show-advanced-filters-link { margin-right: 0 } .frame-wrapper .sidenav h1 .prev { left: -10px } .frame-wrapper .sidenav h1 .prev a { padding-left: 0 } .frame-wrapper .sidenav h1 .next { display: inline-block; margin-left: 5px } .frame-wrapper .sidenav h2 { font-size: 14px } .frame-wrapper .sidenav h2 .sidenav-collapse { display: none } .frame-wrapper .sidenav h3 { margin: 0 } .frame-wrapper .sidenav h3:before { left: -11px } .frame-wrapper .sidenav nav { margin: 0 -10px; background-color: #222; padding: 3px 10px; white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none } .frame-wrapper .sidenav nav::-webkit-scrollbar { display: none } .frame-wrapper .sidenav nav:first-of-type { margin-top: 15px } .frame-wrapper .sidenav nav:last-of-type { margin-bottom: 15px } .frame-wrapper .sidenav nav h3 { display: inline-block; margin-right: 10px } .frame-wrapper .sidenav nav h3:after, .frame-wrapper .sidenav nav h3 .notifications { display: none } .frame-wrapper .sidenav nav .link { display: inline } .frame-wrapper .sidenav nav .link .spacer { display: none } .frame-wrapper .sidenav nav > .link > a { margin: 0 10px 0 0; display: inline-block; font-size: 14px } .frame-wrapper .sidenav nav > .link > a.notifications { margin: 0; font-size: 16px } .frame-wrapper .sidenav nav > .link .btn-list-unsubscribe, .frame-wrapper .sidenav nav > .link .btn-filter-delete { padding-top: 3px; padding-bottom: 3px } .frame-wrapper .sidenav nav > .link.saved-filter > a { font-size: 14px; margin-right: 0 } .frame-wrapper .sidenav nav .feeds { position: relative; display: inline; margin: 0 10px 0 0 } .frame-wrapper .sidenav nav .feeds > a .icon, .frame-wrapper .sidenav nav .feeds > span > a > .icon { font-size: 15px; color: #ccc } .frame-wrapper .sidenav nav .feeds .user-avatar { margin: 1px 0 0; width: 15px; height: 15px; vertical-align: middle } .frame-wrapper .sidenav nav .feeds .user-avatar img { height: 15px; width: 15px; border: none } .frame-wrapper .sidenav nav ul li { display: inline } .frame-wrapper .sidenav .alert-no-data { display: none } .frame-wrapper .sidenav #date-nav { margin-top: 0; padding-bottom: 10px } .frame-wrapper .sidenav #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J { display: none } .frame-wrapper .frame { margin-left: 0; margin-top: 0 } .frame-wrapper .frame.with-advanced-filters { margin-left: 0; margin-right: 0 } .frame-wrapper .frame .alert-no-data { margin: 0 5px 20px } .frame-wrapper .frame #date-nav.bottom { background-color: #151515; border-bottom: 0 } .frame-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper { display: block; padding: 15px 0 30px } .frame-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper > div { margin: 0 auto } .frame-wrapper.with-advanced-filters { position: fixed; z-index: 20; width: 100% } .date-separator { padding-bottom: 10px !important } } @media(max-width:991px) { .comment-wrapper.list.keep-inline { display: inline-block; padding-left: 0 } .comment-wrapper.list.keep-inline .interactions { padding-left: 0; margin-left: -15px } .personal-list { display: block } .personal-list .user-avatar .drag { font-size: 24px } .personal-list .list-info { clear: both; display: block; overflow: hidden } .personal-list .list-info .posters { padding: 0; width: 100% } .personal-list .list-info .posters .poster-items-wrapper .poster-items { flex-direction: row-reverse } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item { width: 20%; height: auto } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item.hidden { display: block !important } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item .poster { position: relative; width: 100% } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item:last-child, .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item:hover { width: 20% !important } .personal-list .list-info .posters .poster-items-wrapper .poster-items:hover .poster-item { width: 20% } .personal-list .list-info .info { clear: both; margin-left: 0 !important } .personal-list .list-info .info .above-comment { padding-left: 10px } .filter-dropdown .dropdown-menu { right: 0; left: auto } } @media(max-width:1199px) { body.dashboard .stats-wrapper { font-size: 13px !important } } @media(max-width:991px) { body.home #map-wrapper .stats li, body.index #map-wrapper .stats li { float: left } body.home #map-wrapper .stats li.plays, body.index #map-wrapper .stats li.plays { float: none; width: 100% } body.home #map-wrapper .stats li.shows, body.index #map-wrapper .stats li.shows { clear: left } body.home #map-wrapper .stats li.shows, body.home #map-wrapper .stats li.episodes, body.home #map-wrapper .stats li.movies, body.index #map-wrapper .stats li.shows, body.index #map-wrapper .stats li.episodes, body.index #map-wrapper .stats li.movies { width: 33.333333333333% } body.home #ph-bubble, body.index #ph-bubble { right: 0 } body.dashboard .stats-wrapper, body.users.show .stats-wrapper { font-size: 12px !important } body.dashboard .stats-wrapper .row > div, body.users.show .stats-wrapper .row > div { margin-bottom: 10px } body.dashboard .stats-wrapper .trakt-icon, body.users.show .stats-wrapper .trakt-icon { font-size: 27px !important; margin-right: 5px !important } body.dashboard .db-welcome-wrapper h2, body.users.show .db-welcome-wrapper h2 { font-size: 18px; margin-bottom: 10px } body.dashboard .db-welcome-wrapper .info, body.users.show .db-welcome-wrapper .info { margin-left: 28px; font-size: 13px } .hero-wrapper.media-centers .media-centers-wrapper img { margin: 0 10px } .hero-wrapper h1 { font-size: 38px } .hero-wrapper.media-centers { background-image: url(/assets/main/hero-media-centers-f8aa1192f85392d5ada595bea8ed8fc6a3581b9f2fc9afe0f83a4d181042a73a.jpg) } .hero-wrapper.mobile { background-image: url(/assets/main/hero-iphone-e8824b2499fcdde9e1ad0a9b51d7de3ab02ae7ef2afb4d38d870bb43dd44a214.jpg) } .hero-wrapper.watch { background-image: url(/assets/main/hero-watch-2908e3a3961c7ccf9353fc37b0c2d78aab2167c41d9581caf76c0fd4e0ea46c1.jpg) } .hero-wrapper.vip { background-image: url(/assets/vip/bg-small-6bf50f720393343c5ad2b81c90554bedfbb37941e0f9d2bea1d0d36a02080849.jpg); height: 300px } .hero-wrapper.vip h1 { margin-top: 75px } } @media(max-width:991px) { #ondeck-wrapper #sortable-watchnow-applied-filters { margin-left: 32px } } @media(min-width:768px) and (max-width:991px) { #ondeck-wrapper .grid-item:nth-child(5), #ondeck-wrapper .grid-item:nth-child(6), #recommendations-wrapper .grid-item:nth-child(5), #recommendations-wrapper .grid-item:nth-child(6), body.dashboard #list-wrapper .grid-item:nth-child(5), body.dashboard #list-wrapper .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(5), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(5), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(5), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(5), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(5), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(6), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(6), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(6), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(6), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(6), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(7), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(7), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(7), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(7), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(7), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(8), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(8), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(8), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(8), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(8), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(9), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(9), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(9), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(9), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(9), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(10), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(10), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(10), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(10), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(10), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(11), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(11), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(11), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(11), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(11), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(12), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(12), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(12), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(12), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(12), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(13), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(13), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(13), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(13), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(13), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(14), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(14), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(14), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(14), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(14), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(15), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(15), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(15), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(15), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(15), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(16), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(16), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(16), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(16), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(16), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(17), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(17), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(17), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(17), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(17), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(18), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(18), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(18), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(18), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(18), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(1), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(1), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(1), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(1), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(1), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(1) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(2), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(2), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(2), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(2), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(2), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(2) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(3), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(3), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(3), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(3), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(3), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(3) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(4), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(4), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(4), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(4), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(4), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(4) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(5), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(5), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(5), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(5), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(5), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(5) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(6), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(6), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(6), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(6), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(6), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(6) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(7), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(7), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(7), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(7), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(7), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(7) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(8), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(8), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(8), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(8), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(8), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(8) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(9), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(9), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(9), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(9), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(9), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(10), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(10), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(10), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(10), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(10), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(11), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(11), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(11), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(11), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(11), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(12), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(12), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(12), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(12), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(12), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(13), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(13), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(13), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(13), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(13), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(14), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(14), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(14), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(14), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(14), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(15), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(15), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(15), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(15), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(15), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(16), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(16), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(16), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(16), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(16), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(17), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(17), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(17), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(17), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(17), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(18), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(18), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(18), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(18), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(18), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(1), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(1), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(1), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(1), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(1), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(1) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(2), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(2), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(2), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(2), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(2), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(2) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(3), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(3), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(3), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(3), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(3), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(3) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(4), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(4), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(4), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(4), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(4), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(4) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(5), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(5), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(5), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(5), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(5), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(5) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(6), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(6), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(6), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(6), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(6), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(6) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(7), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(7), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(7), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(7), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(7), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(7) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(8), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(8), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(8), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(8), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(8), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(8) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(9), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(9), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(9), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(9), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(9), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(9) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(10), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(10), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(10), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(10), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(10), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(10) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(11), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(11), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(11), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(11), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(11), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(11) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(12), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(12), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(12), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(12), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(12), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(12) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(13), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(13), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(13), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(13), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(13), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(14), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(14), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(14), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(14), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(14), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(15), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(15), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(15), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(15), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(15), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(16), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(16), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(16), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(16), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(16), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(17), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(17), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(17), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(17), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(17), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(18), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(18), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(18), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(18), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(18), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(3), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(3) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(4), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(4) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(5), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(6), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(7), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(8), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(9), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(5), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(6), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(7), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(8), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(9), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(7), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(8), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(9), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(3) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(4) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="3"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="3"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="3"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } .hero-wrapper.vip h2 { font-size: 15px !important } } @media(min-width:992px) and (max-width:1199px) { #recommendations-wrapper.fixed-height { min-height: 382px } } @media(min-width:768px) and (max-width:991px) { body.movies.show #summary-wrapper .summary .stats { position: relative } body.movies.show #summary-wrapper .summary .stats .stat { text-align: left } } @media(min-width:768px) and (max-width:991px) { body.shows.show #summary-wrapper .summary .stats { position: relative } body.shows.show #summary-wrapper .summary .stats .stat { text-align: left } #info-wrapper .info .actors-wrapper .posters ul li { width: 17% } .recent-episodes .grid-item:last-child:not(:nth-child(1)):not(:nth-child(2)) { display: none } .summary-activity .tab-content .tab-pane .users-wrapper .row { max-height: 86px } #summary-ratings-wrapper .row > div { white-space: nowrap } #summary-ratings-wrapper ul li { margin-right: 20px } } @media(max-width:991px) { .summary-activity .tabs .tab .number { float: none; font-size: 25px } .summary-activity .tabs .tab .text { float: none; padding-left: 0 } .summary-activity .tabs .tab .fa, .summary-activity .tabs .tab [class^=fa-], .summary-activity .tabs .tab [class*=" fa-"] { font-size: 19px } .summary-activity .tabs .tab .percent-sign { font-size: 16px } #info-wrapper .info .action-buttons { margin-top: 10px } } @media(min-width:992px) and (max-width:1199px) { #info-wrapper .info .actors-wrapper .posters ul li { width: 12.73% } .summary-activity .tab-content .tab-pane .users-wrapper .row { max-height: 63px } } @media(max-width:1200px) { #links-wrapper a { padding: 0 12px } } @media(min-width:768px) and (max-width:991px) { #recent-wrapper .episodes .grid-item:nth-child(4) { display: none } #recent-wrapper .movies .grid-item:nth-child(5), #recent-wrapper .movies .grid-item:nth-child(6) { display: none } #links-wrapper { height: auto } #links-wrapper a { padding: 0 8px } } @media(max-width:768px) { #links-wrapper { height: auto } #links-wrapper a { padding: 0 8px } } body.standalone-mode header#top-nav, body.standalone-mode footer { display: none } body.standalone-mode.year_in_review:not(.yir-all) #top-nav-default .year, body.standalone-mode.year_in_review:not(.yir-all) #top-nav-all-time .year { margin-right: 0 } body.standalone-mode.year_in_review:not(.yir-all) #top-nav-default .name, body.standalone-mode.year_in_review:not(.yir-all) #top-nav-all-time .name { display: none } body.dark-knight { color: #fff } body.dark-knight #user-menu ul li.dark-knight a { color: #009edf } body.dark-knight #user-menu ul li.dark-knight a .icon { opacity: 1 } body.dark-knight h3.help-text { color: #999 } body.dark-knight section { background-color: #1d1d1d } body.dark-knight section > .container > .posters > .grid-item .quick-icons { background-color: #161616 } body.dark-knight hr { border-top-color: #444 } body.dark-knight .alert-no-data { background-color: #333 !important; color: #ccc } body.dark-knight .posters .poster, body.dark-knight .posters > div .quick-icons { border-color: #000 } body.dark-knight .posters .added-by .user-avatar img, body.dark-knight .fanarts .added-by .user-avatar img { border-color: #1d1d1d } body.dark-knight .posters .added-by.plus-more, body.dark-knight .fanarts .added-by.plus-more { border-color: #1d1d1d } body.dark-knight .posters .rewatching-badge, body.dark-knight .posters .notable-badge, body.dark-knight .fanarts .rewatching-badge, body.dark-knight .fanarts .notable-badge { border-color: #1d1d1d; background: #333; color: #aaa } body.dark-knight .modal-backdrop.blur.fade.in { opacity: .8 } body.dark-knight .modal-content { background-color: #1d1d1d } body.dark-knight .modal-content button.close { color: #fff; opacity: .5 } body.dark-knight .modal-content .modal-header { border-bottom-color: #444 } body.dark-knight #auth-form-wrapper, body.dark-knight .checkin-modal { background-color: #1d1d1d; -webkit-box-shadow: 0 0 30px #000; box-shadow: 0 0 30px #000 } body.dark-knight #auth-form-wrapper .screenshot .fanart, body.dark-knight .checkin-modal .screenshot .fanart { border-top-color: #444; border-bottom-color: #444 } body.dark-knight #auth-form-wrapper .accept-terms, body.dark-knight .checkin-modal .accept-terms { color: #999 } body.dark-knight #auth-form-wrapper .accept-terms a:not(:hover), body.dark-knight .checkin-modal .accept-terms a:not(:hover) { color: inherit; border-color: #999 } body.dark-knight #auth-form-wrapper .accept-terms .term .explainer, body.dark-knight .checkin-modal .accept-terms .term .explainer { background-color: #333; border-color: #444 } body.dark-knight #auth-form-wrapper .mid-wrapper, body.dark-knight .checkin-modal .mid-wrapper { background-color: #1a1a1a; border-color: #444 } body.dark-knight #auth-form-wrapper .bottom-wrapper, body.dark-knight .checkin-modal .bottom-wrapper { background-color: #1d1d1d; border-color: #444 } body.dark-knight #auth-form-wrapper .bottom-wrapper.clean, body.dark-knight .checkin-modal .bottom-wrapper.clean { background-color: #000 } body.dark-knight #auth-form-wrapper .auth-services-wrapper, body.dark-knight .checkin-modal .auth-services-wrapper { background-color: #161616; border-color: #444 } body.dark-knight #auth-form-wrapper .auth-services-wrapper .auth-or, body.dark-knight .checkin-modal .auth-services-wrapper .auth-or { background-color: #1d1d1d; border-color: #444; color: #fff } body.dark-knight #auth-form-wrapper .auth-services-wrapper .btn, body.dark-knight .checkin-modal .auth-services-wrapper .btn { color: #fff !important; background-color: #fff !important; fill: #fff !important; border-color: #fff !important } body.dark-knight #auth-form-wrapper .auth-services-wrapper .btn:hover, body.dark-knight .checkin-modal .auth-services-wrapper .btn:hover { color: #ebebeb !important; background-color: #ebebeb !important; fill: #ebebeb !important; border-color: #ebebeb !important } body.dark-knight #auth-form-wrapper .auth-services-wrapper .btn:after, body.dark-knight .checkin-modal .auth-services-wrapper .btn:after { color: #fff !important } body.dark-knight #auth-form-wrapper .auth-services-wrapper .btn .icon, body.dark-knight .checkin-modal .auth-services-wrapper .btn .icon { color: #000 !important } body.dark-knight #auth-form-wrapper .auth-services-wide-buttons-wrapper, body.dark-knight .checkin-modal .auth-services-wide-buttons-wrapper { background-color: #161616; border-color: #444 } body.dark-knight #auth-form-wrapper .auth-services-wide-buttons-wrapper .auth-or, body.dark-knight .checkin-modal .auth-services-wide-buttons-wrapper .auth-or { background-color: #161616; border-color: #444; color: #fff } body.dark-knight #auth-form-wrapper .auth-services-wide-buttons-wrapper form button .btn, body.dark-knight .checkin-modal .auth-services-wide-buttons-wrapper form button .btn { border-color: #000 !important } body.dark-knight #auth-form-wrapper .inset-wrapper, body.dark-knight .checkin-modal .inset-wrapper { background-color: #333; border-color: #444 } body.dark-knight #auth-form-wrapper .inset-wrapper .avatar, body.dark-knight .checkin-modal .inset-wrapper .avatar { border-color: #000; background-color: #000 } body.dark-knight #saved-filters-modal.unsaved h4 { color: #aaa } body.dark-knight #import-podcast-modal #import-podcast-query-form { background-color: #161616; border-top-color: #444 } body.dark-knight #import-podcast-modal #import-podcast-feed-url-form { border-top-color: #444 } body.dark-knight #auth-form-wrapper .has-error .form-control { background-color: #3e2f2f } body.dark-knight #auth-form-wrapper .activation-code input { background-color: #333; color: #ccc; border-color: #666 } body.dark-knight .streaming-links .title { color: #fff; border-bottom-color: #444 } body.dark-knight .actor-tooltip .tooltip-inner { background-color: #1d1d1d; color: #aaa } body.dark-knight .label-vip.light-bg .years .fa, body.dark-knight .label-vip.light-bg .years [class^=fa-], body.dark-knight .label-vip.light-bg .years [class*=" fa-"] { color: #ccc } body.dark-knight .label-vip.light-bg .years .years-text { color: #000 } body.dark-knight ul.lists li .info .privacy { background-color: #555 } body.dark-knight .subnav-wrapper { background-color: #161616 } body.dark-knight .subnav-wrapper .comment-wrapper { background-color: #161616 } body.dark-knight .subnav-wrapper .comment-wrapper.list .above-comment { background-color: #161616 } body.dark-knight .subnav-wrapper .left h2 .right a { color: #eee } body.dark-knight .subnav-wrapper .left h2 .pill { background-color: #555 } body.dark-knight .subnav-wrapper .right [class^=trakt-icon-], body.dark-knight .subnav-wrapper .right [class*=" trakt-icon-"], body.dark-knight .subnav-wrapper .right .fa, body.dark-knight .subnav-wrapper .right [class^=fa-], body.dark-knight .subnav-wrapper .right [class*=" fa-"] { color: #fff } body.dark-knight .subnav-wrapper .right .feed-icon .icon { color: #999 } body.dark-knight .subnav-wrapper.list-title-wrapper { background-color: #1d1d1d } body.dark-knight .subnav-wrapper .container .right .toggle-subnav-wrapper, body.dark-knight .subnav-wrapper .container .right .toggle-feeds-wrapper { background-color: #161616 } body.dark-knight .subnav-wrapper .container .left.with-title h2 { border-bottom: none } body.dark-knight .subnav-text { background-color: #252525 } body.dark-knight .subnav-text .text[data-readmore][aria-expanded=false] .shade { background-image: -webkit-linear-gradient(top, rgba(37, 37, 37, 0) 0%, #252525 100%); background-image: -o-linear-gradient(top, rgba(37, 37, 37, 0) 0%, #252525 100%); background-image: linear-gradient(to bottom, rgba(37, 37, 37, 0) 0%, #252525 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00252525', endColorstr='#FF252525', GradientType=0) } body.dark-knight .subnav-text .text blockquote { background-color: #333 } body.dark-knight h2 .sort-wrapper .icon { color: #fff } body.dark-knight h2.with-line { border-bottom-color: #444 } body.dark-knight .om1gYCfRiN-oVhoJ0rsnL-info, body.dark-knight .om1gYCfRiN-oVhoJ0rsnL-label { background-color: #1d1d1d; color: #999; border-color: #999 } body.dark-knight #om1gYCfRiN-IGJj59JMAC-wrapper, body.dark-knight #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper { text-align: center } body.dark-knight #om1gYCfRiN-IGJj59JMAC-wrapper.light, body.dark-knight #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.light { background-color: #000 } body.dark-knight #om1gYCfRiN-IGJj59JMAC-wrapper.light .om1gYCfRiN-oVhoJ0rsnL-info, body.dark-knight #om1gYCfRiN-IGJj59JMAC-wrapper.light .om1gYCfRiN-oVhoJ0rsnL-label, body.dark-knight #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.light .om1gYCfRiN-oVhoJ0rsnL-info, body.dark-knight #om1gYCfRiN-LD3xSETSnk-Ba2KT6YF2O-wrapper.light .om1gYCfRiN-oVhoJ0rsnL-label { background-color: #000 } body.dark-knight #om1gYCfRiN-content-page { background-color: #1d1d1d } body.dark-knight .grid-item .titles-link { color: #fff } body.dark-knight .grid-item .titles-link h4 { color: #aaa } body.dark-knight .rating-hearts > input.rating-1:checked ~ label { color: #616161 } body.dark-knight .rating-hearts > input.rating-2:checked ~ label { color: #675b5b } body.dark-knight .rating-hearts > input.rating-3:checked ~ label { color: #705252 } body.dark-knight .rating-hearts > input.rating-4:checked ~ label { color: #7a4747 } body.dark-knight .rating-hearts > input.rating-5:checked ~ label { color: #863c3c } body.dark-knight .rating-hearts > input.rating-6:checked ~ label { color: #922f30 } body.dark-knight .rating-hearts > input.rating-7:checked ~ label { color: #9e2424 } body.dark-knight .rating-hearts > input.rating-8:checked ~ label { color: #a81918 } body.dark-knight .rating-hearts > input.rating-9:checked ~ label { color: #b11010 } body.dark-knight .rating-hearts > input.rating-10:checked ~ label { color: #b70a0a } body.dark-knight .rating-hearts:not(:checked) > label.rating-1:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-1:hover ~ label { color: #616161 !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-2:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-2:hover ~ label { color: #675b5b !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-3:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-3:hover ~ label { color: #705252 !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-4:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-4:hover ~ label { color: #7a4747 !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-5:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-5:hover ~ label { color: #863c3c !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-6:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-6:hover ~ label { color: #922f30 !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-7:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-7:hover ~ label { color: #9e2424 !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-8:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-8:hover ~ label { color: #a81918 !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-9:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-9:hover ~ label { color: #b11010 !important } body.dark-knight .rating-hearts:not(:checked) > label.rating-10:hover, body.dark-knight .rating-hearts:not(:checked) > label.rating-10:hover ~ label { color: #b70a0a !important } body.dark-knight .rating-hearts:not(:checked) > label { color: #444 } body.dark-knight .rating-hearts:hover > label { color: #444 !important } body.dark-knight .pagination-quick-jump { background-color: #333; color: #ccc; border-color: #666 } body.dark-knight.no-touch header#top-nav .search-wrapper:hover .search-icon { color: #fff } body.dark-knight.no-touch header#top-nav .search-wrapper:hover #header-search-query { background-color: #333; color: #fff } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete { background-color: #333; color: #fff } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete .search-result { border-bottom-color: #444 } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete .search-result .info { color: rgba(255, 255, 255, .8) } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete .search-result .info .title { color: #fff } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete .all-results-spacer { border-top-color: #444 } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete .search-term { color: rgba(255, 255, 255, .85) } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete .search-term .icon-type, body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete .search-term .icon-clear { color: rgba(255, 255, 255, .85) } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete .search-term .in-type { color: rgba(255, 255, 255, .3) } body.dark-knight header#top-nav .search-wrapper #header-search-autocomplete #header-search-autocomplete-trending { border-top-color: #444 } body.dark-knight header#top-nav .search-wrapper.focused #header-search-close { color: #fff } body.dark-knight header#top-nav .search-wrapper.focused #header-search-query { background-color: #333; color: #fff } body.dark-knight header#top-nav ul.menu { background-color: #333; color: #ccc } body.dark-knight header#top-nav ul.menu li a { color: #ccc !important } body.dark-knight header#top-nav ul.menu li a.toggle-dark-knight-mode { color: #009edf !important } body.dark-knight header#top-nav ul.menu li a.toggle-dark-knight-mode .icon { opacity: 1 } body.dark-knight header#top-nav ul.menu li a:hover { color: #fff !important } body.dark-knight header#top-nav ul.menu li a.selected { color: #ed1c24 !important } body.dark-knight header#top-nav ul.menu li a.selected:hover { color: #fff !important } body.dark-knight header#top-nav ul.menu li.divider { background-color: #444 } body.dark-knight header#top-nav ul.menu.with-large-icons a:not(:first-child) li { border-top-color: #444 } body.dark-knight header#top-nav ul.menu.with-large-icons li { color: #ccc } body.dark-knight header#top-nav ul.menu.with-large-icons li .description { color: rgba(255, 255, 255, .3) } body.dark-knight header#top-nav ul.menu.with-large-icons li .icon .apple-tv { filter: invert(1); opacity: .8 } body.dark-knight header#top-nav ul.menu.with-large-icons li:hover { color: #fff } body.dark-knight header#top-nav ul.menu.with-large-icons li:hover .icon .apple-tv { opacity: 1 } body.dark-knight header#top-nav ul.menu.with-large-icons li:hover .description { color: #eee } body.dark-knight header#top-nav .with-ul-menu.with-solid-bg:hover, body.dark-knight header#top-nav .with-ul-menu.with-solid-bg.selected { background-color: #333; color: #ccc !important } body.dark-knight header#top-nav .with-ul-menu.with-solid-bg:hover a, body.dark-knight header#top-nav .with-ul-menu.with-solid-bg.selected a { color: #fff !important } body.dark-knight header#top-nav .with-ul-menu.selected.with-top-arrow::before { border-bottom-color: #333 } body.dark-knight header#top-nav .with-ul-menu.selected a.toggle-dark-knight-mode { color: #009edf !important } body.dark-knight header#top-nav .with-ul-menu.selected a.toggle-dark-knight-mode:hover { color: #fff !important } body.dark-knight header#top-nav .user-wrapper .btn-profile > a, body.dark-knight header#top-nav .user-wrapper .btn-mobile-links > a { color: #fff !important } body.dark-knight header#top-nav .user-wrapper .btn-mobile-links .icon { color: #fff !important } body.dark-knight .form-control { background-color: #333; color: #ccc; border-color: #666 } body.dark-knight .form-signin .btn-group .btn { background-color: #333; border-color: #1d1d1d } body.dark-knight .form-signin .btn-group .btn.active { background-color: #777 } body.dark-knight .form-signin .chosen-container .chosen-choices, body.dark-knight .form-signin .chosen-container .chosen-single { background: #333 !important; color: #eee; border-color: #333 } body.dark-knight .form-signin .chosen-container .chosen-choices li.search-choice, body.dark-knight .form-signin .chosen-container .chosen-single li.search-choice { background: #222 !important; color: #eee } body.dark-knight .form-signin .chosen-container .chosen-choices li.search-field input[type=text], body.dark-knight .form-signin .chosen-container .chosen-single li.search-field input[type=text] { color: #eee !important } body.dark-knight .form-signin .chosen-container .chosen-search-input { background: #222 !important; color: #eee; border-color: #444 } body.dark-knight .form-signin .chosen-container .chosen-drop { background: #333; border-color: #333 } body.dark-knight .form-signin .chosen-container .chosen-drop .result-selected { color: #555 } body.dark-knight .form-signin .chosen-container .chosen-results { color: #eee } body.dark-knight .form-signin .chosen-container .chosen-results li.highlighted { background: #444 !important; color: #fff } body.dark-knight .form-signin .chosen-container .chosen-results li.highlighted .right-tag { background-color: #333 } body.dark-knight .form-signin .chosen-container .chosen-results li.group-result { color: #999; border-bottom-color: #555 } body.dark-knight .form-signin .chosen-container .chosen-results li.group-result .select-all { color: #fff } body.dark-knight .form-signin .chosen-container .chosen-results li .right-tag { background-color: #444; color: #aaa } body.dark-knight .filter-dropdown .dropdown-toggle { background-color: transparent } body.dark-knight .filter-dropdown .icon.icon-dividers { color: #fff } body.dark-knight .filter-dropdown .metadata .icon, body.dark-knight .filter-dropdown .metadata .caret { color: #fff } body.dark-knight ul.pagination li a { color: #fff } body.dark-knight ul.pagination li a:hover { color: #ed1c24 } body.dark-knight ul.pagination li:not(.active) a { background-color: inherit } body.dark-knight ul.pagination li .disabled a { color: #666 } body.dark-knight ul.pagination li .gap a { color: #fff } body.dark-knight .popover { background-color: #333 } body.dark-knight .popover .arrow:after { border-top-color: #333; border-bottom-color: #292929 } body.dark-knight .popover .metadata-wrapper { background-color: #333 } body.dark-knight .popover .metadata-wrapper .form-control { background-color: #292929 } body.dark-knight .popover .metadata-wrapper h4 { color: #aaa } body.dark-knight .popover.remove .popover-title { color: #fff !important } body.dark-knight .popover i.add-metadata, body.dark-knight .popover i.add-play { color: #fff } body.dark-knight .popover .date-range-wrapper .date-range-title { color: #aaa } body.dark-knight .popover.with-date-range-picker > .arrow:after { border-bottom-color: #333 } body.dark-knight .popover .data-wrapper { background-color: #333 } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline { border-top-color: #444; background-color: #292929 } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline td, body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline th { background-color: #333; border-color: #444; color: #999 } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline td.xdsoft_current, body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline th.xdsoft_current { color: #fff } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline th { color: #fff } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_timepicker .xdsoft_time_box { border-color: #444 } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_timepicker .xdsoft_time_box > div > div { background-color: #333; border-color: #444; color: #999 } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { color: #fff } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_month, body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_year { color: #fff } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_label > .xdsoft_select { background-color: #333; border-color: #444; color: #999 } body.dark-knight .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_label > .xdsoft_select .xdsoft_current { color: #fff } body.dark-knight .popover.copy-list li:nth-child(2), body.dark-knight .popover.copy-list li:nth-child(3), body.dark-knight .popover.copy-list li:nth-child(4) { border-color: #444 !important } body.dark-knight .popover .popover-search-wrapper { background-color: #222 } body.dark-knight .xdsoft_datetimepicker .xdsoft_label i, body.dark-knight .xdsoft_datetimepicker .xdsoft_prev, body.dark-knight .xdsoft_datetimepicker .xdsoft_next, body.dark-knight .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==) } body.dark-knight .popover-title, body.dark-knight .frame-wrapper .sidenav .feeds .popover .popover-title { background-color: #292929; border-color: #444; color: #fff } body.dark-knight .popover-content { color: #fff } body.dark-knight .quick-icons .metadata .popover .popover-title { color: #fff !important } body.dark-knight .quick-icons .actions .popover { color: #fff } body.dark-knight #inbox-wrapper { background-color: #161616 } body.dark-knight .page-navigator { border: solid 1px #333; background-color: #111 } body.dark-knight .page-navigator > div:hover { color: #ed1c24; opacity: 1 } body.dark-knight.dashboard #list-wrapper { background-color: #111 } body.dark-knight #ondeck-wrapper { background-color: #1d1d1d } body.dark-knight #ondeck-wrapper .posters .rewatching-badge, body.dark-knight #ondeck-wrapper .posters .notable-badge { border-color: #1d1d1d } body.dark-knight #ondeck-shows .ignore:hover, body.dark-knight #ondeck-shows .reset:hover, body.dark-knight #progress-grid-wrapper .ignore:hover, body.dark-knight #progress-grid-wrapper .reset:hover { color: #fff } body.dark-knight #ondeck-shows .titles-link, body.dark-knight #progress-grid-wrapper .titles-link { color: #fff } body.dark-knight #ondeck-shows .poster, body.dark-knight #progress-grid-wrapper .poster { border: none } body.dark-knight #ondeck-shows .grid-item .quick-icons, body.dark-knight #progress-grid-wrapper .grid-item .quick-icons { border: none; background-color: #161616 } body.dark-knight #schedule-wrapper { background-color: #161616 } body.dark-knight #schedule-wrapper .schedule-episode:not(:first-of-type) { border-top-color: #444 } body.dark-knight #schedule-wrapper h3:not(.help-text) { border-bottom-color: #444 } body.dark-knight #network-wrapper { background-color: #161616 } body.dark-knight #network-wrapper .posters .poster-under { background-color: #222 } body.dark-knight #network-wrapper .posters .activity-date { background-color: #333; color: #eee } body.dark-knight #network-wrapper .posters .action { border-color: #000 } body.dark-knight #network-wrapper .posters .user-avatar img { border-color: #000; background-color: #000 } body.dark-knight #network-wrapper a:not(.username) { color: #ccc } body.dark-knight #network-wrapper #network-activities .network-item:nth-child(even) .poster-under { border-left-color: #444 } body.dark-knight #recently-watched-wrapper .quick-icons { background-color: #161616 } body.dark-knight #recommendations-wrapper .quick-icons { background-color: #161616 } body.dark-knight .btn-summary:not(.selected):not(:hover):not(.btn-checkin) { background-color: #222 } body.dark-knight #info-wrapper .sidebar .sections li { border-bottom-color: #444 } body.dark-knight #info-wrapper .sidebar .sections li a:hover { color: #fff } body.dark-knight #info-wrapper .sidebar .vip-actions, body.dark-knight #info-wrapper .sidebar .mod-actions { border-top-color: #444 } body.dark-knight #info-wrapper .sidebar .external li a { background-color: #333; border-color: #333; color: #ccc } body.dark-knight #info-wrapper .sidebar .external li a:hover { color: #fff; background-color: #555 } body.dark-knight #info-wrapper .sidebar .poster { -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000 } body.dark-knight #info-wrapper .sidebar .btn-watch-now { -webkit-box-shadow: 0 5px 20px #000; box-shadow: 0 5px 20px #000 } body.dark-knight #info-wrapper .sidebar .streaming-links { -webkit-box-shadow: 0 0 20px 0 #000; box-shadow: 0 0 20px 0 #000; background-color: #333 } body.dark-knight #info-wrapper .poster { border-color: #000 !important; -webkit-box-shadow: 0 0 20px #333; box-shadow: 0 0 20px #333 } body.dark-knight #info-wrapper .info .action-buttons > .btn:not(.selected):not(:hover) .side-btn { background-color: #111 } body.dark-knight #info-wrapper .info .actors-wrapper .posters { scrollbar-color: rgba(255, 255, 255, .1) rgba(100, 100, 100, .3); scrollbar-width: thin } body.dark-knight #info-wrapper .info .actors-wrapper .posters::-webkit-scrollbar { width: 6px; height: 6px } body.dark-knight #info-wrapper .info .actors-wrapper .posters::-webkit-scrollbar-track { background: rgba(100, 100, 100, .3); border-radius: 3px } body.dark-knight #info-wrapper .info .actors-wrapper .posters::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .15); transition: all .5s; border-radius: 3px } body.dark-knight #info-wrapper .info .actors-wrapper .posters::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .4) } body.dark-knight #info-wrapper .info .actors-wrapper .posters ul:hover li .titles .name, body.dark-knight #info-wrapper .info .actors-wrapper .posters ul:hover li .titles .character, body.dark-knight #info-wrapper .info .actors-wrapper .posters ul:hover li .titles .count { color: #555 !important } body.dark-knight #info-wrapper .info .actors-wrapper .posters ul li .name { color: #aaa } body.dark-knight #info-wrapper .info .actors-wrapper .posters ul li .character { color: #fff } body.dark-knight #info-wrapper .info #overview[data-readmore][aria-expanded=false] .shade { background-image: -webkit-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-image: -o-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-image: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001D1D1D', endColorstr='#FF1D1D1D', GradientType=0) } body.dark-knight #info-wrapper .notable-summary .notes { background-color: #333; border-color: #333; color: #ccc } body.dark-knight #info-wrapper .affiliate-links .section a { background-color: #333; border-color: #333; color: #ccc } body.dark-knight #info-wrapper .affiliate-links .section a:hover { color: #fff; background-color: #555 } body.dark-knight #info-wrapper .season-links .links ul li a.selected { color: #fff } body.dark-knight #info-wrapper .quick-icons { background-color: #161616 } body.dark-knight .summary-activity .tabs .tab { color: #fff; border-color: #333 } body.dark-knight .summary-activity .tabs .tab.selected { background-color: #333; border-bottom-color: #333 } body.dark-knight .users-wrapper { background-color: #333; border-color: #333 } body.dark-knight #seasons-episodes-sortable .under-info h3 a { color: #fff } body.dark-knight #seasons-episodes-sortable .under-info h3 .certification { border-color: #fff } body.dark-knight #seasons-episodes-sortable .under-info h3 .certification:hover { background-color: #fff; color: #000 } body.dark-knight #seasons-episodes-sortable .under-info .titles { background-color: #333 } body.dark-knight #seasons-episodes-sortable .under-info .episode-stats { background-color: #292929 } body.dark-knight #seasons-episodes-sortable .under-info .overview[data-readmore][aria-expanded=false] .shade { background-image: -webkit-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-image: -o-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-image: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001D1D1D', endColorstr='#FF1D1D1D', GradientType=0) } body.dark-knight .comment-wrapper { background-color: #292929 } body.dark-knight .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade { background-image: -webkit-linear-gradient(top, rgba(41, 41, 41, 0) 0%, #292929 100%); background-image: -o-linear-gradient(top, rgba(41, 41, 41, 0) 0%, #292929 100%); background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0) 0%, #292929 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00292929', endColorstr='#FF292929', GradientType=0) } body.dark-knight .comment-wrapper .above-comment { background-color: #333 } body.dark-knight .comment-wrapper .above-comment .date { color: #eee } body.dark-knight .comment-wrapper .pill { background-color: #555 !important } body.dark-knight .comment-wrapper .pill.collaborators { background-color: #e85d04 !important } body.dark-knight .comment-wrapper .pill.share-link { background-color: #009edf !important } body.dark-knight .comment-wrapper .pill.op { background-color: #009edf !important } body.dark-knight .comment-wrapper .pill.history { background-color: #8e44ad !important } body.dark-knight .comment-wrapper .pill.collection { background-color: #16a085 !important } body.dark-knight .comment-wrapper .pill.rating { background-color: #b70a0a !important } body.dark-knight .comment-wrapper .pill.media-item { background-color: #2b678f !important } body.dark-knight .comment-wrapper.list:not(.subnav) { background-color: #333; padding-bottom: 0 } body.dark-knight .comment-wrapper.list.subnav { border: none !important } body.dark-knight .comment-wrapper.list .above-comment { background-color: #333 } body.dark-knight .comment-wrapper.list .above-comment .user-name h4 a.username { color: #fff } body.dark-knight .comment-wrapper .comment blockquote { background-color: #1d1d1d } body.dark-knight .comment-wrapper .comment blockquote.parent-inline { background-color: #1d1d1d } body.dark-knight .comment-wrapper .comment blockquote.parent-inline .comment-wrapper .above-comment { background-color: #333 } body.dark-knight .comment-wrapper .comment blockquote.parent-inline .comment-wrapper blockquote { background-color: #161616 } body.dark-knight .comment-wrapper .comment pre { background-color: #1d1d1d; color: #fff } body.dark-knight .comment-wrapper .comment mark { background-color: #e2e2af; color: #333; border-radius: 3px; padding: 2px 4px } body.dark-knight .comment-wrapper.with-replies { outline: solid 1px #444; -webkit-box-shadow: 0 0 8px rgba(128, 128, 128, .6); box-shadow: 0 0 8px rgba(128, 128, 128, .6) } body.dark-knight .comment-wrapper.with-replies .replies-wrapper .above-comment { border-color: #444 } body.dark-knight .emojionearea .emojionearea-editor { color: #ccc; border-color: #666 } body.dark-knight .new-comment-wrapper textarea, body.dark-knight .new-comment-wrapper .emojionearea .emojionearea-editor { background-color: #292929; color: #ccc; border-color: #666 } body.dark-knight .new-comment-wrapper .formatting-help { background-color: #333 } body.dark-knight .new-comment-wrapper .under-help .checkboxes .btn-group .btn { background-color: #333; border-color: #333 } body.dark-knight .new-comment-wrapper .under-help .checkboxes .btn-group .btn:hover { color: #fff } body.dark-knight .new-comment-wrapper .under-help .checkboxes .btn-group .btn.active { background-color: #777 !important; border-color: #777 !important } body.dark-knight .new-reply-wrapper .reply-field textarea, body.dark-knight .new-reply-wrapper .reply-field .emojionearea .emojionearea-editor { background-color: #333; color: #ccc; border-color: #666 } body.dark-knight.comments #info-wrapper .above-comment-bg, body.dark-knight.comments_liked #info-wrapper .above-comment-bg, body.dark-knight.comments_season #info-wrapper .above-comment-bg, body.dark-knight.comments_episode #info-wrapper .above-comment-bg, body.dark-knight.list_comments #info-wrapper .above-comment-bg { background-color: #333 } body.dark-knight.comments #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.dark-knight.comments_liked #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.dark-knight.comments_season #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.dark-knight.comments_episode #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade, body.dark-knight.list_comments #info-wrapper .info #read .comment-wrapper .comment-text[data-readmore][aria-expanded=false] .shade { background-image: -webkit-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-image: -o-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-image: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001D1D1D', endColorstr='#FF1D1D1D', GradientType=0) } body.dark-knight.comments #info-wrapper .info #read .comment-wrapper .comment blockquote, body.dark-knight.comments_liked #info-wrapper .info #read .comment-wrapper .comment blockquote, body.dark-knight.comments_season #info-wrapper .info #read .comment-wrapper .comment blockquote, body.dark-knight.comments_episode #info-wrapper .info #read .comment-wrapper .comment blockquote, body.dark-knight.list_comments #info-wrapper .info #read .comment-wrapper .comment blockquote { background-color: #333 } body.dark-knight.comments #info-wrapper .info #read .comment-wrapper .comment pre, body.dark-knight.comments_liked #info-wrapper .info #read .comment-wrapper .comment pre, body.dark-knight.comments_season #info-wrapper .info #read .comment-wrapper .comment pre, body.dark-knight.comments_episode #info-wrapper .info #read .comment-wrapper .comment pre, body.dark-knight.list_comments #info-wrapper .info #read .comment-wrapper .comment pre { background-color: #333; color: #fff } body.dark-knight .tab-links a:not(.active) > h3 { color: #ccc } body.dark-knight .tab-links a:not(.active) > h3:hover .count { border-color: #fff; background-color: transparent; color: #fff } body.dark-knight .tab-links a > h3:hover { color: #fff; border-bottom-color: #fff } body.dark-knight .tab-links a > h3:hover .count { border-color: #fff; background-color: #fff; color: #000 } body.dark-knight .tab-links a > h3:hover:hover .count { border-color: #000; background-color: #000; color: #fff } body.dark-knight .pill-tab-links .tab-links > a > h3 { background-color: rgba(255, 255, 255, .15) } body.dark-knight .pill-tab-links .tab-links > a > h3:hover { background-color: rgba(255, 255, 255, .35) } body.dark-knight #user-comments .inline-title, body.dark-knight .user-comments .inline-title { background-color: #161616 } body.dark-knight .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item { -webkit-box-shadow: 0 0 15px #333; box-shadow: 0 0 15px #333 } body.dark-knight .personal-list .list-info .user-actions .icon.btn-list-subscribe, body.dark-knight .personal-list .list-info .icon.btn-list-progress { color: #eee } body.dark-knight .personal-list .info .overview[data-readmore][aria-expanded=false] .shade { background-image: -webkit-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-image: -o-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-image: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001D1D1D', endColorstr='#FF1D1D1D', GradientType=0) } body.dark-knight .btn-list-edit-items, body.dark-knight #btn-list-edit-lists { color: #eee } body.dark-knight ul.lists li:not(.selected) { color: #eee !important } body.dark-knight .personal-list .list-info .info .overview blockquote { background-color: #333 } @media(max-width:767px) { body.dark-knight.lists #info-wrapper .comment-wrapper { border-top: none } } body.dark-knight #sortable-watchnow-applied-filters { background-color: #222 } body.dark-knight .copied-from { color: #777 } body.dark-knight .copied-from .trakt-icon-copy { color: #aaa } body.dark-knight #progress-wrapper .row .main-info .seasons { background-color: #333 } body.dark-knight #progress-wrapper .row .main-info .seasons > div .season-toggle .season { color: #eee } body.dark-knight #progress-wrapper .row .main-info .seasons > div .season-toggle .fa, body.dark-knight #progress-wrapper .row .main-info .seasons > div .season-toggle [class^=fa-], body.dark-knight #progress-wrapper .row .main-info .seasons > div .season-toggle [class*=" fa-"] { color: #fff } body.dark-knight #progress-wrapper .row .main-info .seasons .link { color: #fff } body.dark-knight #progress-wrapper .row .main-info .seasons .link .fa, body.dark-knight #progress-wrapper .row .main-info .seasons .link [class^=fa-], body.dark-knight #progress-wrapper .row .main-info .seasons .link [class*=" fa-"] { color: #fff } body.dark-knight #boxes-wrapper .row .genres-stat-box, body.dark-knight #bottom-stats-wrapper .col-stat.alt, body.dark-knight #favorites-wrapper, body.dark-knight.users #charts-wrapper { background-color: #161616 } body.dark-knight.discover #recent-comments-wrapper #recent-comments-title h4 { color: #fff } body.dark-knight.discover #recent-comments-wrapper #recent-comments-title h5 { color: #eee } body.dark-knight.discover #recent-comments-wrapper #recent-comments { background-color: rgba(0, 0, 0, .6) } body.dark-knight.discover #recent-comments-wrapper #recent-comments .comment-outer-wrapper .above-comment { background-color: #161616 } body.dark-knight.discover #recent-comments-wrapper .subnav-wrapper .btn { background-color: transparent; border-color: transparent } body.dark-knight.apps #apps-icon-wrapper { background: -moz-radial-gradient(center, circle cover, #161616 0%, #1d1d1d 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #161616), color-stop(100%, #1d1d1d)); background: -webkit-radial-gradient(center, circle cover, #161616 0%, #1d1d1d 100%); background: -o-radial-gradient(center, circle cover, #161616 0%, #1d1d1d 100%); background: -ms-radial-gradient(center, circle cover, #161616 0%, #1d1d1d 100%); background: radial-gradient(center, circle cover, #161616 0%, #1d1d1d 100%) } body.dark-knight.apps #apps-icon-wrapper .apps-icons .app .icon { -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000 } body.dark-knight.apps #apps-icon-wrapper .btn-group.in-wrapper .btn:hover:not(.btn-primary) { color: #fff } body.dark-knight.main.home .hero-wrapper.light, body.dark-knight.main.index .hero-wrapper.light, body.dark-knight.apps .hero-wrapper.light, body.dark-knight.welcome .hero-wrapper.light, body.dark-knight.branding .hero-wrapper.light { background-color: #1d1d1d } body.dark-knight.main.home #api-wrapper .shade, body.dark-knight.main.home #apps-wrapper .shade, body.dark-knight.main.index #api-wrapper .shade, body.dark-knight.main.index #apps-wrapper .shade, body.dark-knight.apps #api-wrapper .shade, body.dark-knight.apps #apps-wrapper .shade, body.dark-knight.welcome #api-wrapper .shade, body.dark-knight.welcome #apps-wrapper .shade, body.dark-knight.branding #api-wrapper .shade, body.dark-knight.branding #apps-wrapper .shade { background: -moz-radial-gradient(center, circle cover, #333 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #333), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-radial-gradient(center, circle cover, #333 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-radial-gradient(center, circle cover, #333 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-radial-gradient(center, circle cover, #333 0%, rgba(0, 0, 0, 0.5) 100%); background: radial-gradient(center, circle cover, #333 0%, rgba(0, 0, 0, 0.5) 100%) } body.dark-knight.main.home #api-wrapper, body.dark-knight.main.index #api-wrapper, body.dark-knight.apps #api-wrapper, body.dark-knight.welcome #api-wrapper, body.dark-knight.branding #api-wrapper { border-top-color: #444 } body.dark-knight #scrobblers-wrapper { color: #000 } body.dark-knight #team-wrapper { background-color: #161616 } body.dark-knight #team-wrapper .team-pics img { border: none } body.dark-knight #faq-wrapper .faq-item, body.dark-knight #team-wrapper .faq-item { background-color: #333 } body.dark-knight #faq-wrapper .faq-item h3, body.dark-knight #team-wrapper .faq-item h3 { color: #eee } body.dark-knight #standard-features { background: #161616 } body.dark-knight #standard-features h2 { border-bottom-color: #444 } body.dark-knight.branding #logo-downloads-wrapper { background: -moz-radial-gradient(center, circle cover, #333 0%, #161616 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #333), color-stop(100%, #161616)); background: -webkit-radial-gradient(center, circle cover, #333 0%, #161616 100%); background: -o-radial-gradient(center, circle cover, #333 0%, #161616 100%); background: -ms-radial-gradient(center, circle cover, #333 0%, #161616 100%); background: radial-gradient(center, circle cover, #333 0%, #161616 100%) } body.dark-knight.branding #api-wrapper { background: -moz-radial-gradient(center, circle cover, #333 0%, #161616 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #333), color-stop(100%, #161616)); background: -webkit-radial-gradient(center, circle cover, #333 0%, #161616 100%); background: -o-radial-gradient(center, circle cover, #333 0%, #161616 100%); background: -ms-radial-gradient(center, circle cover, #333 0%, #161616 100%); background: radial-gradient(center, circle cover, #333 0%, #161616 100%) } body.dark-knight.settings .notifications-table .table.with-header th, body.dark-knight.authorized_applications .notifications-table .table.with-header th, body.dark-knight.applications .notifications-table .table.with-header th, body.dark-knight.widgets .notifications-table .table.with-header th, body.dark-knight.movies.releases .notifications-table .table.with-header th { border-color: #444; background-color: #333; color: #fff } body.dark-knight.settings .notifications-table .table tbody > tr, body.dark-knight.authorized_applications .notifications-table .table tbody > tr, body.dark-knight.applications .notifications-table .table tbody > tr, body.dark-knight.widgets .notifications-table .table tbody > tr, body.dark-knight.movies.releases .notifications-table .table tbody > tr { background-color: #161616 } body.dark-knight.settings .notifications-table .table tbody > tr > td, body.dark-knight.authorized_applications .notifications-table .table tbody > tr > td, body.dark-knight.applications .notifications-table .table tbody > tr > td, body.dark-knight.widgets .notifications-table .table tbody > tr > td, body.dark-knight.movies.releases .notifications-table .table tbody > tr > td { border-top-color: #444 } body.dark-knight.settings .notifications-table .table tbody > tr:hover, body.dark-knight.authorized_applications .notifications-table .table tbody > tr:hover, body.dark-knight.applications .notifications-table .table tbody > tr:hover, body.dark-knight.widgets .notifications-table .table tbody > tr:hover, body.dark-knight.movies.releases .notifications-table .table tbody > tr:hover { background-color: #292929 } body.dark-knight.settings .panel, body.dark-knight.authorized_applications .panel, body.dark-knight.applications .panel, body.dark-knight.widgets .panel, body.dark-knight.movies.releases .panel { border-color: #444; background-color: #161616 } body.dark-knight.settings .panel .panel-heading, body.dark-knight.authorized_applications .panel .panel-heading, body.dark-knight.applications .panel .panel-heading, body.dark-knight.widgets .panel .panel-heading, body.dark-knight.movies.releases .panel .panel-heading { border-color: #444; background-color: #333; color: #fff } body.dark-knight.settings .panel .panel-body .alert-cookie-disabled, body.dark-knight.authorized_applications .panel .panel-body .alert-cookie-disabled, body.dark-knight.applications .panel .panel-body .alert-cookie-disabled, body.dark-knight.widgets .panel .panel-body .alert-cookie-disabled, body.dark-knight.movies.releases .panel .panel-body .alert-cookie-disabled { background-color: #333; color: #fff } body.dark-knight.settings section#main-settings #info-wrapper .sidebar .sections li:first-child, body.dark-knight.settings section#hidden-items #info-wrapper .sidebar .sections li:first-child, body.dark-knight.authorized_applications section#main-settings #info-wrapper .sidebar .sections li:first-child, body.dark-knight.authorized_applications section#hidden-items #info-wrapper .sidebar .sections li:first-child, body.dark-knight.applications section#main-settings #info-wrapper .sidebar .sections li:first-child, body.dark-knight.applications section#hidden-items #info-wrapper .sidebar .sections li:first-child, body.dark-knight.widgets section#main-settings #info-wrapper .sidebar .sections li:first-child, body.dark-knight.widgets section#hidden-items #info-wrapper .sidebar .sections li:first-child { border-top-color: #444 } body.dark-knight.settings .disable-account-wrapper a, body.dark-knight.authorized_applications .disable-account-wrapper a, body.dark-knight.applications .disable-account-wrapper a, body.dark-knight.widgets .disable-account-wrapper a { color: #999 } body.dark-knight.settings h3.instructions, body.dark-knight.authorized_applications h3.instructions, body.dark-knight.applications h3.instructions, body.dark-knight.widgets h3.instructions { background-color: #000; border-bottom-color: #444 } body.dark-knight.settings h3.instructions.middle, body.dark-knight.authorized_applications h3.instructions.middle, body.dark-knight.applications h3.instructions.middle, body.dark-knight.widgets h3.instructions.middle { border-top-color: #444 } body.dark-knight.settings h3.help-text, body.dark-knight.authorized_applications h3.help-text, body.dark-knight.applications h3.help-text, body.dark-knight.widgets h3.help-text { color: #999 } body.dark-knight.settings #social-connections, body.dark-knight.authorized_applications #social-connections, body.dark-knight.applications #social-connections, body.dark-knight.widgets #social-connections { background-color: #161616 } body.dark-knight.settings .subnav-wrapper, body.dark-knight.authorized_applications .subnav-wrapper, body.dark-knight.applications .subnav-wrapper, body.dark-knight.widgets .subnav-wrapper { background-color: #161616; border-bottom-color: #444 } body.dark-knight.settings #widgets-wrapper .widget-row.alt, body.dark-knight.authorized_applications #widgets-wrapper .widget-row.alt, body.dark-knight.applications #widgets-wrapper .widget-row.alt, body.dark-knight.widgets #widgets-wrapper .widget-row.alt { background-color: #161616 } body.dark-knight.settings #widgets-wrapper .widget-row .code-wrapper, body.dark-knight.authorized_applications #widgets-wrapper .widget-row .code-wrapper, body.dark-knight.applications #widgets-wrapper .widget-row .code-wrapper, body.dark-knight.widgets #widgets-wrapper .widget-row .code-wrapper { background-color: #333 } body.dark-knight.settings #widgets-wrapper .widget-row .code-wrapper code, body.dark-knight.authorized_applications #widgets-wrapper .widget-row .code-wrapper code, body.dark-knight.applications #widgets-wrapper .widget-row .code-wrapper code, body.dark-knight.widgets #widgets-wrapper .widget-row .code-wrapper code { background-color: #333; color: #fff } body.dark-knight.settings code, body.dark-knight.authorized_applications code, body.dark-knight.applications code, body.dark-knight.widgets code { background-color: #3c1111; color: #fff; border: none } body.dark-knight #authorized-applications .row:not(:first-child):not(.no-border) { border-top-color: #444 } body.dark-knight .api-auth-choices { background-color: #161616; color: #fff } body.dark-knight .api-auth-choices.alt { background-color: #1d1d1d } body.dark-knight .api-terms, body.dark-knight .legal-speak.summary { background-color: #333; border-color: #444; color: #fff } body.dark-knight .api-terms .title, body.dark-knight .legal-speak.summary .title { color: #fff } body.dark-knight .legal-speak table.cookies th, body.dark-knight .legal-speak table.cookies td { border-color: #444 } body.dark-knight .legal-speak table.cookies th { background-color: #333 } body.dark-knight.forums .subnav-wrapper, body.dark-knight.categories .subnav-wrapper, body.dark-knight.topics .subnav-wrapper, body.dark-knight.posts .subnav-wrapper { background-color: #161616; border: none } body.dark-knight.forums .category h2, body.dark-knight.categories .category h2, body.dark-knight.topics .category h2, body.dark-knight.posts .category h2 { border: none; background-color: #555 } body.dark-knight.forums .category h2 a, body.dark-knight.categories .category h2 a, body.dark-knight.topics .category h2 a, body.dark-knight.posts .category h2 a { color: #fff } body.dark-knight.forums .forum-table, body.dark-knight.categories .forum-table, body.dark-knight.topics .forum-table, body.dark-knight.posts .forum-table { background-color: #292929; border: none } body.dark-knight.forums .forum-table tr.locked, body.dark-knight.categories .forum-table tr.locked, body.dark-knight.topics .forum-table tr.locked, body.dark-knight.posts .forum-table tr.locked { background-color: #393939 } body.dark-knight.forums .forum-table td, body.dark-knight.categories .forum-table td, body.dark-knight.topics .forum-table td, body.dark-knight.posts .forum-table td { border-color: #1d1d1d } body.dark-knight.forums .forum-table .title:not(.new), body.dark-knight.categories .forum-table .title:not(.new), body.dark-knight.topics .forum-table .title:not(.new), body.dark-knight.posts .forum-table .title:not(.new) { color: #fff } body.dark-knight.forums .forum-table .description, body.dark-knight.categories .forum-table .description, body.dark-knight.topics .forum-table .description, body.dark-knight.posts .forum-table .description { color: #aaa } body.dark-knight.forums .forum-table td.last-post .title, body.dark-knight.categories .forum-table td.last-post .title, body.dark-knight.topics .forum-table td.last-post .title, body.dark-knight.posts .forum-table td.last-post .title { color: #ed1c24 } body.dark-knight.forums .post-wrapper, body.dark-knight.categories .post-wrapper, body.dark-knight.topics .post-wrapper, body.dark-knight.posts .post-wrapper { background-color: #292929 } body.dark-knight.forums .post-wrapper .user-wrapper, body.dark-knight.categories .post-wrapper .user-wrapper, body.dark-knight.topics .post-wrapper .user-wrapper, body.dark-knight.posts .post-wrapper .user-wrapper { background-color: #333; border-right-color: #333; border-bottom-color: #333 } body.dark-knight.forums .post-wrapper .post-top, body.dark-knight.categories .post-wrapper .post-top, body.dark-knight.topics .post-wrapper .post-top, body.dark-knight.posts .post-wrapper .post-top { border-bottom-color: #333; background-color: #333 } body.dark-knight.forums .post-wrapper .post-top .date a, body.dark-knight.categories .post-wrapper .post-top .date a, body.dark-knight.topics .post-wrapper .post-top .date a, body.dark-knight.posts .post-wrapper .post-top .date a { color: #fff } body.dark-knight.forums .post-wrapper .post-content .in-reply-to, body.dark-knight.categories .post-wrapper .post-content .in-reply-to, body.dark-knight.topics .post-wrapper .post-content .in-reply-to, body.dark-knight.posts .post-wrapper .post-content .in-reply-to { border-color: #444 } body.dark-knight.forums .post-wrapper .post-content blockquote, body.dark-knight.categories .post-wrapper .post-content blockquote, body.dark-knight.topics .post-wrapper .post-content blockquote, body.dark-knight.posts .post-wrapper .post-content blockquote { background-color: #1d1d1d } body.dark-knight.forums .post-wrapper .post-content pre, body.dark-knight.categories .post-wrapper .post-content pre, body.dark-knight.topics .post-wrapper .post-content pre, body.dark-knight.posts .post-wrapper .post-content pre { background-color: #1d1d1d; color: #fff } body.dark-knight.forums .post-wrapper .post-content mark, body.dark-knight.categories .post-wrapper .post-content mark, body.dark-knight.topics .post-wrapper .post-content mark, body.dark-knight.posts .post-wrapper .post-content mark { background-color: #e2e2af; color: #333; border-radius: 3px; padding: 2px 4px } body.dark-knight.forums .post-wrapper .post-content h1, body.dark-knight.forums .post-wrapper .post-content h2, body.dark-knight.forums .post-wrapper .post-content h3, body.dark-knight.forums .post-wrapper .post-content h4, body.dark-knight.forums .post-wrapper .post-content h5, body.dark-knight.forums .post-wrapper .post-content h6, body.dark-knight.categories .post-wrapper .post-content h1, body.dark-knight.categories .post-wrapper .post-content h2, body.dark-knight.categories .post-wrapper .post-content h3, body.dark-knight.categories .post-wrapper .post-content h4, body.dark-knight.categories .post-wrapper .post-content h5, body.dark-knight.categories .post-wrapper .post-content h6, body.dark-knight.topics .post-wrapper .post-content h1, body.dark-knight.topics .post-wrapper .post-content h2, body.dark-knight.topics .post-wrapper .post-content h3, body.dark-knight.topics .post-wrapper .post-content h4, body.dark-knight.topics .post-wrapper .post-content h5, body.dark-knight.topics .post-wrapper .post-content h6, body.dark-knight.posts .post-wrapper .post-content h1, body.dark-knight.posts .post-wrapper .post-content h2, body.dark-knight.posts .post-wrapper .post-content h3, body.dark-knight.posts .post-wrapper .post-content h4, body.dark-knight.posts .post-wrapper .post-content h5, body.dark-knight.posts .post-wrapper .post-content h6 { border-color: #444 } body.dark-knight.forums .form-horizontal .topic_subject .emojionearea, body.dark-knight.categories .form-horizontal .topic_subject .emojionearea, body.dark-knight.topics .form-horizontal .topic_subject .emojionearea, body.dark-knight.posts .form-horizontal .topic_subject .emojionearea { background-color: #333; border-color: #666 } body.dark-knight.forums .form-horizontal .topic_subject .emojionearea .emojionearea-editor, body.dark-knight.categories .form-horizontal .topic_subject .emojionearea .emojionearea-editor, body.dark-knight.topics .form-horizontal .topic_subject .emojionearea .emojionearea-editor, body.dark-knight.posts .form-horizontal .topic_subject .emojionearea .emojionearea-editor { color: #fff } body.dark-knight.forums .form-horizontal .topic_subject .emojionearea.focused, body.dark-knight.categories .form-horizontal .topic_subject .emojionearea.focused, body.dark-knight.topics .form-horizontal .topic_subject .emojionearea.focused, body.dark-knight.posts .form-horizontal .topic_subject .emojionearea.focused { -webkit-box-shadow: 0 0 20px #777; box-shadow: 0 0 20px #777 } body.dark-knight.forums .form-horizontal .topic_posts_text .emojionearea, body.dark-knight.forums .form-horizontal .post_text .emojionearea, body.dark-knight.categories .form-horizontal .topic_posts_text .emojionearea, body.dark-knight.categories .form-horizontal .post_text .emojionearea, body.dark-knight.topics .form-horizontal .topic_posts_text .emojionearea, body.dark-knight.topics .form-horizontal .post_text .emojionearea, body.dark-knight.posts .form-horizontal .topic_posts_text .emojionearea, body.dark-knight.posts .form-horizontal .post_text .emojionearea { background-color: #333; border-color: #666 } body.dark-knight.forums .form-horizontal .topic_posts_text .emojionearea .emojionearea-editor, body.dark-knight.forums .form-horizontal .post_text .emojionearea .emojionearea-editor, body.dark-knight.categories .form-horizontal .topic_posts_text .emojionearea .emojionearea-editor, body.dark-knight.categories .form-horizontal .post_text .emojionearea .emojionearea-editor, body.dark-knight.topics .form-horizontal .topic_posts_text .emojionearea .emojionearea-editor, body.dark-knight.topics .form-horizontal .post_text .emojionearea .emojionearea-editor, body.dark-knight.posts .form-horizontal .topic_posts_text .emojionearea .emojionearea-editor, body.dark-knight.posts .form-horizontal .post_text .emojionearea .emojionearea-editor { color: #fff } body.dark-knight.forums .form-horizontal .topic_posts_text .emojionearea.focused, body.dark-knight.forums .form-horizontal .post_text .emojionearea.focused, body.dark-knight.categories .form-horizontal .topic_posts_text .emojionearea.focused, body.dark-knight.categories .form-horizontal .post_text .emojionearea.focused, body.dark-knight.topics .form-horizontal .topic_posts_text .emojionearea.focused, body.dark-knight.topics .form-horizontal .post_text .emojionearea.focused, body.dark-knight.posts .form-horizontal .topic_posts_text .emojionearea.focused, body.dark-knight.posts .form-horizontal .post_text .emojionearea.focused { -webkit-box-shadow: 0 0 20px #777; box-shadow: 0 0 20px #777 } body.dark-knight.trakt_stats #vip-stats-legend { background-color: #161616; border-bottom-color: #444 } body.dark-knight.trakt_stats #vip-stats .wrapper .count-table th, body.dark-knight.trakt_stats #vip-stats .wrapper .count-table td { border-color: #444 } body.dark-knight.trakt_stats #vip-stats .wrapper .count-table th { color: #fff; background-color: #333 } body.dark-knight.trakt_stats #vip-stats .wrapper .count-table tr:hover td { background-color: #292929 } body.dark-knight .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, body.dark-knight .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #555 } body.dark-knight .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #333 } body.dark-knight.watchnow .streaming-links-wrapper { background-color: #1d1d1d } body.dark-knight.watchnow .streaming-links-wrapper .streaming-links { background: -moz-radial-gradient(center, circle cover, #000 0%, rgba(0, 0, 0, 0.2) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000), color-stop(100%, rgba(0, 0, 0, 0.2))); background: -webkit-radial-gradient(center, circle cover, #000 0%, rgba(0, 0, 0, 0.2) 100%); background: -o-radial-gradient(center, circle cover, #000 0%, rgba(0, 0, 0, 0.2) 100%); background: -ms-radial-gradient(center, circle cover, #000 0%, rgba(0, 0, 0, 0.2) 100%); background: radial-gradient(center, circle cover, #000 0%, rgba(0, 0, 0, 0.2) 100%) } body.dark-knight .on-off-wrapper.toggle-dark-knight-mode .on { background-color: #eee; color: #999; font-weight: 400 } body.dark-knight .on-off-wrapper.toggle-dark-knight-mode .off { background-color: #ed1c24; color: #fff; font-weight: 700 } body.dark-knight .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] { background-color: #333; color: #ccc; border-color: #666 } body.dark-knight .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a { color: #ccc } body.dark-knight .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover, body.dark-knight .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active { background-color: #222 } body.dark-knight .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a, body.dark-knight .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a { color: #ccc } body.dark-knight #moderate-modal .streaming-links.split-bg, body.dark-knight #metadata-merge-modal .streaming-links.split-bg, body.dark-knight #metadata-move-modal .streaming-links.split-bg, body.dark-knight #metadata-split-modal .streaming-links.split-bg { background-image: linear-gradient(to right, transparent, transparent 48%, #111 48%, #1d1d1d); border-bottom: solid 1px #444 } body.dark-knight.welcome .form-inputs .form-control { background-color: transparent } body.dark-knight #report-comment-modal .titles-wrapper, body.dark-knight #report-item-modal .titles-wrapper { background-color: #161616; border-bottom-color: #444 } body.dark-knight #report-comment-modal .titles-wrapper h4, body.dark-knight #report-item-modal .titles-wrapper h4 { color: #999 } body.dark-knight .user-card .user-info-wrapper { background-color: #333 } body.dark-knight .user-card a { color: inherit } .dark-knight .dropdown .dropdown-toggle, .dark-knight .dropdown.open:not(.filter-dropdown) > .dropdown-toggle { background-color: #333; color: #ccc; border-color: #666 } .dark-knight .dropdown .dropdown-menu { background-color: #333; color: #ccc; border-color: #666 } .dark-knight .dropdown .dropdown-menu > li > a:not(.selected) { color: inherit } .dark-knight .dropdown .dropdown-menu > li > a:hover { background-color: #222 } .dark-knight .dropdown .dropdown-menu .divider { background-color: #444 } .dark-knight .dropdown-menu em, .dark-knight .dropdown-toggle em { color: #888 } #cc-main { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; background: 0 0; color: var(--cc-primary-color); font-family: var(--cc-font-family); font-size: 16px; font-weight: 400; line-height: 1.15; position: relative; position: fixed; text-rendering: optimizeLegibility; z-index: var(--cc-z-index) } #cc-main :after, #cc-main :before, #cc-main a, #cc-main button, #cc-main div, #cc-main input, #cc-main span { all: unset; box-sizing: border-box } #cc-main .pm__badge, #cc-main button { all: initial; box-sizing: border-box; color: unset; visibility: unset } #cc-main .pm__badge, #cc-main a, #cc-main button, #cc-main input { -webkit-appearance: none; appearance: none; cursor: pointer; font-family: inherit; font-size: 100%; line-height: normal; margin: 0; outline: revert; outline-offset: 2px; overflow: hidden } #cc-main table, #cc-main tbody, #cc-main td, #cc-main th, #cc-main thead, #cc-main tr { all: revert; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit } :root { --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --cc-modal-border-radius: 0.5rem; --cc-btn-border-radius: 0.4rem; --cc-modal-transition-duration: 0.25s; --cc-link-color: #ed1c24; --cc-modal-margin: 1.3em; --cc-z-index: 2147483647; --cc-bg: #fff; --cc-primary-color: #2c2f31; --cc-secondary-color: #5e6266; --cc-btn-primary-bg: #30363c; --cc-btn-primary-color: #fff; --cc-btn-primary-border-color: var(--cc-btn-primary-bg); --cc-btn-primary-hover-bg: #000; --cc-btn-primary-hover-color: #fff; --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg); --cc-btn-secondary-bg: #eaeff2; --cc-btn-secondary-color: var(--cc-primary-color); --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg); --cc-btn-secondary-hover-bg: #d4dae0; --cc-btn-secondary-hover-color: #000; --cc-btn-secondary-hover-border-color: #d4dae0; --cc-separator-border-color: #f0f4f7; --cc-toggle-on-bg: var(--cc-btn-primary-bg); --cc-toggle-off-bg: #667481; --cc-toggle-on-knob-bg: #fff; --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg); --cc-toggle-enabled-icon-color: var(--cc-bg); --cc-toggle-disabled-icon-color: var(--cc-bg); --cc-toggle-readonly-bg: #d5dee2; --cc-toggle-readonly-knob-bg: #fff; --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg); --cc-section-category-border: var(--cc-cookie-category-block-bg); --cc-cookie-category-block-bg: #f0f4f7; --cc-cookie-category-block-border: #f0f4f7; --cc-cookie-category-block-hover-bg: #e9eff4; --cc-cookie-category-block-hover-border: #e9eff4; --cc-cookie-category-expanded-block-bg: transparent; --cc-cookie-category-expanded-block-hover-bg: #dee4e9; --cc-overlay-bg: rgba(0, 0, 0, 0.65); --cc-webkit-scrollbar-bg: var(--cc-section-category-border); --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg); --cc-footer-bg: var(--cc-btn-secondary-bg); --cc-footer-color: var(--cc-secondary-color); --cc-footer-border-color: #e4eaed; --cc-pm-toggle-border-radius: 4em } #cc-main.cc--rtl { direction: rtl } #cc-main .cm__title, #cc-main a, #cc-main b, #cc-main em, #cc-main strong { font-weight: 600 } #cc-main button > span { pointer-events: none } #cc-main .cc__link, #cc-main a { background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; font-weight: 600; position: relative; transition: background-size .25s, color .25s ease } #cc-main .cc__link:hover, #cc-main a:hover { background-size: 100% 1px; color: var(--cc-primary-color) } #cc-main .cc__link { color: var(--cc-link-color) } #cc-main .cm__desc, #cc-main .pm__body { overscroll-behavior: auto contain; scrollbar-width: thin } @media screen and (min-width:640px) { #cc-main ::-webkit-scrollbar, #cc-main ::-webkit-scrollbar-thumb, #cc-main ::-webkit-scrollbar-track { all: revert } #cc-main ::-webkit-scrollbar-thumb { -webkit-background-clip: padding-box; background-clip: padding-box; background: var(--cc-toggle-readonly-bg); border: .25em solid var(--cc-bg); border-radius: 1em } #cc-main ::-webkit-scrollbar-thumb:hover { background: var(--cc-toggle-off-bg) } #cc-main ::-webkit-scrollbar { background: 0 0; width: 12px } } html.disable--interaction.show--consent, html.disable--interaction.show--consent body { height: auto !important; overflow: hidden !important } @media(prefers-reduced-motion) { #cc-main { --cc-modal-transition-duration: 0s } } .cc--darkmode { --cc-bg: #181b1d; --cc-primary-color: #d8e5ea; --cc-btn-primary-bg: #ed1c24; --cc-btn-primary-color: #fff; --cc-btn-primary-hover-bg: #c50000; --cc-btn-secondary-bg: #33383c; --cc-btn-secondary-hover-bg: #3e454a; --cc-secondary-color: #aebbc5; --cc-btn-primary-border-color: var(--cc-btn-primary-bg); --cc-btn-primary-hover-color: #fff; --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg); --cc-btn-secondary-color: var(--cc-primary-color); --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg); --cc-btn-secondary-hover-color: #fff; --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg); --cc-separator-border-color: #222a30; --cc-toggle-on-bg: var(--cc-btn-primary-bg); --cc-toggle-off-bg: #525f6b; --cc-toggle-on-knob-bg: var(--cc-btn-primary-color); --cc-toggle-off-knob-bg: var(--cc-btn-primary-color); --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color); --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color); --cc-toggle-readonly-bg: #343e45; --cc-toggle-readonly-knob-bg: #5f6b72; --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg); --cc-section-category-border: #1e2428; --cc-cookie-category-block-bg: #1e2428; --cc-cookie-category-block-border: var(--cc-section-category-border); --cc-cookie-category-block-hover-bg: #242c31; --cc-cookie-category-block-hover-border: #232a2f; --cc-cookie-category-expanded-block-bg: transparent; --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg); --cc-overlay-bg: rgba(0, 0, 0, 0.65); --cc-webkit-scrollbar-bg: var(--cc-section-category-border); --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg); --cc-footer-bg: #0c0e0f; --cc-footer-color: var(--cc-secondary-color); --cc-footer-border-color: #060809 } .cc--darkmode #cc-main { color-scheme: dark } #cc-main .cm { background: var(--cc-bg); border-radius: var(--cc-modal-border-radius); box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3); display: flex; flex-direction: column; max-width: 24em; opacity: 0; overflow: hidden; position: fixed; transform: translateY(1.6em); visibility: hidden; z-index: 1 } #cc-main .cm--top { top: var(--cc-modal-margin) } #cc-main .cm--middle { top: 50%; transform: translateY(calc(-50% + 1.6em)) } #cc-main .cm--bottom { bottom: var(--cc-modal-margin) } #cc-main .cm--center { left: var(--cc-modal-margin); margin: 0 auto; right: var(--cc-modal-margin); width: unset } #cc-main .cm--left { left: var(--cc-modal-margin); margin-right: var(--cc-modal-margin) } #cc-main .cm--right { margin-left: var(--cc-modal-margin); right: var(--cc-modal-margin) } #cc-main .cm__body { display: flex; flex-direction: column; justify-content: space-between; position: relative } #cc-main .cm__btns, #cc-main .cm__links, #cc-main .cm__texts { padding: 1em 1.3em; width: unset } #cc-main .cm__texts { display: flex; flex: 1; flex-direction: column; justify-content: center; padding-bottom: 0 } #cc-main .cm__title { font-size: 1.05em } #cc-main .cm__title + .cm__desc { margin-top: 1.1em } #cc-main .cm__desc { color: var(--cc-secondary-color); font-size: .9em; line-height: 1.5; max-height: 40vh; overflow-x: visible; overflow-y: auto; padding-bottom: 1em } #cc-main .cm__btns { border-top: 1px solid var(--cc-separator-border-color); display: flex; flex-direction: column; justify-content: center } #cc-main .cm__btn-group { display: grid; grid-auto-columns: minmax(0, 1fr) } #cc-main .cm__btn + .cm__btn, #cc-main .cm__btn-group + .cm__btn-group { margin-top: .5em } #cc-main .cm--flip .cm__btn + .cm__btn, #cc-main .cm--flip .cm__btn-group + .cm__btn-group { margin-bottom: 10px; margin-top: 0 } #cc-main .cm--inline .cm__btn + .cm__btn { margin-left: 1em; margin-top: 0 } #cc-main .cm--inline.cm--flip .cm__btn + .cm__btn { margin-bottom: 0; margin-left: 0; margin-right: 1em } #cc-main .cm--inline.cm--flip .cm__btn-group + .cm__btn-group { margin-bottom: .5em; margin-right: 0 } #cc-main .cm--wide .cm__btn + .cm__btn, #cc-main .cm--wide .cm__btn-group + .cm__btn-group { margin-top: 0 } #cc-main .cm--wide.cm--flip .cm__btn + .cm__btn, #cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group { margin-bottom: 0; margin-right: 1em } #cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven, #cc-main .cm--wide .cm__btn-group--uneven { display: flex; flex: 1; justify-content: space-between } #cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group--uneven, #cc-main .cm--wide.cm--flip .cm__btn-group--uneven { flex-direction: row-reverse } #cc-main .cm__btn { background: var(--cc-btn-primary-bg); border: 1px solid var(--cc-btn-primary-border-color); border-radius: var(--cc-btn-border-radius); color: var(--cc-btn-primary-color); font-size: .82em; font-weight: 600; min-height: 42px; padding: .5em 1em; text-align: center } #cc-main .cm__btn:hover { background: var(--cc-btn-primary-hover-bg); border-color: var(--cc-btn-primary-hover-border-color); color: var(--cc-btn-primary-hover-color) } #cc-main .cm__btn--secondary { background: var(--cc-btn-secondary-bg); border-color: var(--cc-btn-secondary-border-color); color: var(--cc-btn-secondary-color) } #cc-main .cm__btn--secondary:hover { background: var(--cc-btn-secondary-hover-bg); border-color: var(--cc-btn-secondary-hover-border-color); color: var(--cc-btn-secondary-hover-color) } #cc-main .cm__btn--close { border-radius: 0; border-bottom-left-radius: var(--cc-btn-border-radius); border-right: none; border-top: none; display: none; font-size: 1em; height: 42px; min-width: auto !important; overflow: hidden; padding: 0 !important; position: absolute; right: 0; top: 0; width: 42px } #cc-main .cm__btn--close svg { stroke: var(--cc-btn-primary-color); transform: scale(.5); transition: stroke .15s ease } #cc-main .cm__btn--close:hover svg { stroke: var(--cc-btn-primary-hover-color) } #cc-main .cm__btn--close.cm__btn--secondary svg { stroke: var(--cc-btn-secondary-color) } #cc-main .cm__btn--close.cm__btn--secondary:hover svg { stroke: var(--cc-btn-secondary-hover-color) } #cc-main .cm__btn--close + .cm__texts .cm__title { padding-right: 2em } #cc-main .cm--inline .cm__btn-group { grid-auto-flow: column } #cc-main .cm__footer { background: var(--cc-footer-bg); border-top: 1px solid var(--cc-footer-border-color); color: var(--cc-footer-color); padding: .4em 0 .5em } #cc-main .cm__links { display: flex; flex-direction: row; padding-bottom: 0; padding-top: 0 } #cc-main .cm__link-group { display: flex; flex-direction: row; font-size: .8em; width: 100% } #cc-main .cm__link-group > * + * { margin-left: 1.3em } #cc-main .cm--flip .cm__btn:last-child { grid-row: 1 } #cc-main .cm--inline.cm--flip .cm__btn:last-child { grid-column: 1 } #cc-main .cm--box .cm__btn--close { display: block } #cc-main .cm--box.cm--flip .cm__btns { flex-direction: column-reverse } #cc-main .cm--box.cm--wide { max-width: 36em } #cc-main .cm--box.cm--wide .cm__btns { flex-direction: row; justify-content: space-between; padding-top: 1.2em; padding-bottom: 1.2em } #cc-main .cm--box.cm--wide .cm__btn-group { grid-auto-flow: column } #cc-main .cm--box.cm--wide .cm__btn { padding-left: 1.5em; padding-right: 1.5em } #cc-main .cm--box.cm--wide.cm--flip .cm__btns { flex-direction: row-reverse } #cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child { grid-column: 1 } #cc-main .cm--cloud { max-width: 54em; width: unset } #cc-main .cm--cloud .cm__body { flex-direction: row } #cc-main .cm--cloud .cm__texts { flex: 1 } #cc-main .cm--cloud .cm__desc { max-height: 9.4em } #cc-main .cm--cloud .cm__btns { border-left: 1px solid var(--cc-separator-border-color); border-top: none; max-width: 23em } #cc-main .cm--cloud .cm__btn-group { flex-direction: column } #cc-main .cm--cloud .cm__btn { min-width: 19em } #cc-main .cm--cloud.cm--flip .cm__btn-group, #cc-main .cm--cloud.cm--flip .cm__btns { flex-direction: column-reverse } #cc-main .cm--cloud.cm--inline .cm__btn-group { flex-direction: row } #cc-main .cm--cloud.cm--inline .cm__btn { min-width: 10em } #cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group { flex-direction: row-reverse } #cc-main .cm--bar { --cc-modal-transition-duration: 0.35s; border-radius: 0; left: 0; margin: 0; max-width: unset; opacity: 1; right: 0; transform: translateY(0); width: 100vw } #cc-main .cm--bar.cm--top { top: 0; transform: translateY(-100%) } #cc-main .cm--bar.cm--bottom { bottom: 0; transform: translateY(100%) } #cc-main .cm--bar .cm__body, #cc-main .cm--bar .cm__links { margin: 0 auto; max-width: 55em; width: 100% } #cc-main .cm--bar .cm__body { padding: .5em 0 .9em } #cc-main .cm--bar .cm__btns { border-top: none; flex-direction: row; justify-content: space-between } #cc-main .cm--bar .cm__btn-group { grid-auto-flow: column } #cc-main .cm--bar:not(.cm--inline) .cm__btn + .cm__btn, #cc-main .cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group { margin-left: 1em; margin-top: 0 } #cc-main .cm--bar .cm__btn { min-width: 120px; padding-left: 2em; padding-right: 2em } #cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn, #cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group + .cm__btn-group { margin-bottom: 0; margin-left: 0; margin-right: 1em } #cc-main .cm--bar.cm--flip .cm__btns { flex-direction: row-reverse } #cc-main .cm--bar.cm--flip .cm__btn:last-child { grid-column: 1 } #cc-main .cm--bar.cm--inline .cm__body, #cc-main .cm--bar.cm--inline .cm__links { max-width: 74em } #cc-main .cm--bar.cm--inline .cm__body { flex-direction: row; padding: 0 } #cc-main .cm--bar.cm--inline .cm__btns { flex-direction: column; justify-content: center; max-width: 23em } #cc-main .cm--bar.cm--inline.cm--flip .cm__btns { flex-direction: column-reverse } #cc-main .cc--anim .cm, #cc-main .cc--anim.cm-wrapper:before { transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease } #cc-main .cc--anim .cm__btn, #cc-main .cc--anim .cm__close { transition: background-color .15s ease, border-color .15s ease, color .15s ease } .disable--interaction #cc-main .cm-wrapper:before { background: var(--cc-overlay-bg); bottom: 0; content: ""; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 0 } .show--consent #cc-main .cc--anim .cm { opacity: 1; transform: translateY(0); visibility: visible !important } .show--consent #cc-main .cc--anim .cm--middle { transform: translateY(-50%) } .show--consent #cc-main .cc--anim .cm--bar { transform: translateY(0) } .show--consent #cc-main .cc--anim.cm-wrapper:before { opacity: 1; visibility: visible } #cc-main.cc--rtl .cm__btn--close { border-bottom-left-radius: unset; border-bottom-right-radius: var(--cc-btn-border-radius); left: 0; right: unset } #cc-main.cc--rtl .cm__btn--close + .cm__texts .cm__title { padding-left: 2em; padding-right: unset } #cc-main.cc--rtl .cm--inline .cm__btn + .cm__btn { margin-left: 0; margin-right: 1em } #cc-main.cc--rtl .cm--inline.cm--flip .cm__btn + .cm__btn { margin-left: 1em; margin-right: 0 } #cc-main.cc--rtl .cm.cm--bar:not(.cm--inline) .cm__btn + .cm__btn, #cc-main.cc--rtl .cm.cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group, #cc-main.cc--rtl .cm.cm--wide:not(.cm--inline) .cm__btn + .cm__btn, #cc-main.cc--rtl .cm.cm--wide:not(.cm--inline) .cm__btn-group + .cm__btn-group { margin-left: 0; margin-right: 1em } #cc-main.cc--rtl .cm.cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn, #cc-main.cc--rtl .cm.cm--wide.cm--flip:not(.cm--inline) .cm__btn + .cm__btn { margin-left: 1em; margin-right: 0 } #cc-main.cc--rtl .cm__link-group > * + * { margin-left: 0; margin-right: 1.3em } @media screen and (max-width:640px) { #cc-main { --cc-modal-margin: 0.5em } #cc-main .cm { max-width: none !important; width: auto !important } #cc-main .cm__body { flex-direction: column !important; padding: 0 !important } #cc-main .cm__btns, #cc-main .cm__links, #cc-main .cm__texts { padding-left: 1.1em !important; padding-right: 1.1em !important } #cc-main .cm__btns { border-left: none !important; border-top: 1px solid var(--cc-separator-border-color) !important; flex-direction: column !important; max-width: none !important; min-width: auto !important } #cc-main .cm__btn + .cm__btn, #cc-main .cm__btn-group + .cm__btn-group { margin: .5em 0 0 !important } #cc-main .cm--flip .cm__btn + .cm__btn, #cc-main .cm--flip .cm__btn-group + .cm__btn-group { margin-bottom: 10px !important; margin-top: 0 !important } #cc-main .cm__btn-group { display: flex !important; flex-direction: column !important; min-width: auto !important } #cc-main .cm__btn { flex: auto !important } #cc-main .cm__link-group { justify-content: center !important } #cc-main .cm--flip .cm__btn-group, #cc-main .cm--flip .cm__btns { flex-direction: column-reverse !important } } #cc-main .pm-wrapper { position: relative; z-index: 2 } #cc-main .pm { background: var(--cc-bg); border-radius: var(--cc-modal-border-radius); box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3); display: flex; flex-direction: column; opacity: 0; overflow: hidden; position: fixed; visibility: hidden; width: 100%; width: unset; z-index: 1 } #cc-main svg { fill: none; width: 100% } #cc-main .pm__body, #cc-main .pm__footer, #cc-main .pm__header { padding: 1em 1.5em } #cc-main .pm__header { align-items: center; border-bottom: 1px solid var(--cc-separator-border-color); display: flex; justify-content: space-between } #cc-main .pm__title { align-items: center; display: flex; flex: 1; font-weight: 600; margin-right: 2em } #cc-main .pm__close-btn { background: var(--cc-btn-secondary-bg); border: 1px solid var(--cc-btn-secondary-border-color); border-radius: var(--cc-btn-border-radius); height: 40px; position: relative; transition: all .15s ease; width: 40px } #cc-main .pm__close-btn span { display: flex; height: 100%; width: 100% } #cc-main .pm__close-btn svg { stroke: var(--cc-btn-secondary-color); transform: scale(.5); transition: stroke .15s ease } #cc-main .pm__close-btn:hover { background: var(--cc-btn-secondary-hover-bg); border-color: var(--cc-btn-secondary-hover-border-color) } #cc-main .pm__close-btn:hover svg { stroke: var(--cc-btn-secondary-hover-color) } #cc-main .pm__body { flex: 1; overflow-y: auto; overflow-y: overlay } #cc-main .pm__section, #cc-main .pm__section--toggle { border-radius: var(--cc-btn-border-radius); display: flex; flex-direction: column; margin-bottom: .5em } #cc-main .pm__section--toggle .pm__section-desc-wrapper { border: 1px solid var(--cc-cookie-category-block-border); border-radius: var(--cc-btn-border-radius); border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; display: none; margin-top: 0 !important; overflow: hidden } #cc-main .pm__section { border: 1px solid var(--cc-separator-border-color); padding: 1em; transition: background-color .25s ease, border-color .25s ease } #cc-main .pm__section:first-child { border: none; margin-bottom: 2em; margin-top: 0; padding: 0; transition: none } #cc-main .pm__section:not(:first-child):hover { background: var(--cc-cookie-category-block-bg); border-color: var(--cc-cookie-category-block-border) } #cc-main .pm__section-toggles + .pm__section { margin-top: 2em } #cc-main .pm__section--toggle { background: var(--cc-cookie-category-block-bg); border-top: none; margin-bottom: 1em } #cc-main .pm__section--toggle .pm__section-title { align-items: center; background: var(--cc-cookie-category-block-bg); border: 1px solid var(--cc-cookie-category-block-border); display: flex; justify-content: space-between; min-height: 58px; padding: 1.1em 5.4em 1.1em 1.2em; position: relative; transition: background-color .25s ease, border-color .25s ease; width: 100% } #cc-main .pm__section--toggle .pm__section-title:hover { background: var(--cc-cookie-category-block-hover-bg); border-color: var(--cc-cookie-category-block-hover-border) } #cc-main .pm__section--toggle .pm__section-desc { margin-top: 0; padding: 1em } #cc-main .pm__section--toggle.is-expanded { --cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg); --cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg) } #cc-main .pm__section--toggle.is-expanded .pm__section-title { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } #cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg { transform: scale(.5) rotate(180deg) } #cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper { display: flex } #cc-main .pm__section--expandable .pm__section-title { cursor: pointer; padding-left: 3.4em } #cc-main .pm__section--expandable .pm__section-arrow { background: var(--cc-toggle-readonly-bg); border-radius: 100%; display: flex; height: 20px; justify-content: center; left: 18px; pointer-events: none; position: absolute; width: 20px } #cc-main .pm__section--expandable .pm__section-arrow svg { stroke: var(--cc-btn-secondary-color); transform: scale(.5) } #cc-main .pm__section-title-wrapper { align-items: center; display: flex; position: relative } #cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper { margin-top: .85em } #cc-main .pm__section-title { border-radius: var(--cc-btn-border-radius); font-size: .95em; font-weight: 600 } #cc-main .pm__badge { align-items: center; background: var(--cc-btn-secondary-bg); border-radius: 5em; color: var(--cc-secondary-color); display: flex; flex: none; font-size: .8em; font-weight: 600; height: 23px; justify-content: center; margin-left: 1em; min-width: 23px; overflow: hidden; padding: 0 .6em 1px; position: relative; text-align: center; white-space: nowrap; width: auto } #cc-main .pm__service-counter { background: var(--cc-btn-primary-bg); color: var(--cc-btn-primary-color); padding: 0; width: 23px } #cc-main .pm__service-counter[data-counterlabel] { padding: 0 .6em 1px; width: auto } #cc-main .section__toggle, #cc-main .section__toggle-wrapper, #cc-main .toggle__icon, #cc-main .toggle__label { border-radius: var(--cc-pm-toggle-border-radius); height: 23px; transform: translateZ(0); width: 50px } #cc-main .section__toggle-wrapper { cursor: pointer; position: absolute; right: 18px; z-index: 1 } #cc-main .toggle-service { height: 19px; position: relative; right: 0; width: 42px } #cc-main .toggle-service .section__toggle, #cc-main .toggle-service .toggle__icon, #cc-main .toggle-service .toggle__label { height: 19px; width: 42px } #cc-main .toggle-service .toggle__icon { position: relative } #cc-main .toggle-service .toggle__icon-circle { height: 19px; width: 19px } #cc-main .toggle-service .section__toggle:checked ~ .toggle__icon .toggle__icon-circle { transform: translateX(23px) } #cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after { display: none !important } #cc-main .section__toggle { border: 0; cursor: pointer; display: block; left: 0; margin: 0; position: absolute; top: 0 } #cc-main .section__toggle:disabled { cursor: not-allowed } #cc-main .toggle__icon { background: var(--cc-toggle-off-bg); box-shadow: 0 0 0 1px var(--cc-toggle-off-bg); display: flex; flex-direction: row; pointer-events: none; position: absolute; transition: all .25s ease } #cc-main .toggle__icon-circle { background: var(--cc-toggle-off-knob-bg); border: none; border-radius: 100%; box-shadow: 0 1px 2px rgba(24, 32, 3, .36); display: block; height: 23px; left: 0; position: absolute; top: 0; transition: transform .25s ease, background-color .25s ease; width: 23px } #cc-main .toggle__icon-off, #cc-main .toggle__icon-on { height: 100%; position: absolute; transition: opacity .15s ease; width: 100% } #cc-main .toggle__icon-on { opacity: 0; transform: rotate(45deg) } #cc-main .toggle__icon-on svg { stroke: var(--cc-toggle-on-bg); transform: scale(.55) rotate(-45deg) } #cc-main .toggle__icon-off { opacity: 1 } #cc-main .toggle__icon-off svg { stroke: var(--cc-toggle-off-bg); transform: scale(.55) } #cc-main .section__toggle:checked ~ .toggle__icon { background: var(--cc-toggle-on-bg); box-shadow: 0 0 0 1px var(--cc-toggle-on-bg) } #cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle { background-color: var(--cc-toggle-on-knob-bg); transform: translateX(27px) } #cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on { opacity: 1 } #cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off { opacity: 0 } #cc-main .section__toggle:checked:disabled ~ .toggle__icon { background: var(--cc-toggle-readonly-bg); box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg) } #cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle { background: var(--cc-toggle-readonly-knob-bg); box-shadow: none } #cc-main .section__toggle:checked:disabled ~ .toggle__icon svg { stroke: var(--cc-toggle-readonly-knob-icon-color) } #cc-main .toggle__label { opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; z-index: -1 } #cc-main .pm__section-desc-wrapper { color: var(--cc-secondary-color); display: flex; flex-direction: column; font-size: .9em } #cc-main .pm__section-services { display: flex; flex-direction: column } #cc-main .pm__section-services + div, #cc-main .pm__section-services + table { border-top: 1px solid var(--cc-cookie-category-block-border) } #cc-main .pm__service { align-items: center; display: flex; justify-content: space-between; padding: .4em 1.2em; position: relative; transition: background-color .15s ease } #cc-main .pm__service:hover { background-color: var(--cc-cookie-category-block-hover-bg) } #cc-main .pm__service-header { align-items: center; display: flex; margin-right: 1em; width: 100% } #cc-main .pm__service-icon { border: 2px solid; border-radius: 100%; height: 8px; margin-left: 7px; margin-right: 20px; margin-top: 1px; min-width: 8px } #cc-main .pm__service-title { font-size: .95em; width: 100%; word-break: break-word } #cc-main .pm__section-desc { line-height: 1.5em } #cc-main .pm__section-table { border-collapse: collapse; font-size: .9em; margin: 0; overflow: hidden; padding: 0; text-align: left; width: 100% } #cc-main .pm__table-caption { border-top: 1px solid var(--cc-cookie-category-block-border); text-align: start } #cc-main .pm__table-caption, #cc-main .pm__table-head > tr { border-bottom: 1px dashed var(--cc-separator-border-color); color: var(--cc-primary-color); font-weight: 600 } #cc-main .pm__table-tr { transition: background-color .15s ease } #cc-main .pm__table-tr:hover { background: var(--cc-cookie-category-block-hover-bg) } #cc-main .pm__table-caption, #cc-main .pm__table-td, #cc-main .pm__table-th { padding: .625em .625em .625em 1.2em; vertical-align: top } #cc-main .pm__footer { border-top: 1px solid var(--cc-separator-border-color); display: flex; justify-content: space-between } #cc-main .pm__btn-group { display: flex } #cc-main .pm__btn + .pm__btn, #cc-main .pm__btn-group + .pm__btn-group { margin-left: 1em } #cc-main .pm--flip .pm__btn + .pm__btn, #cc-main .pm--flip .pm__btn-group + .pm__btn-group { margin-left: 0; margin-right: 1em } #cc-main .pm__btn { background: var(--cc-btn-primary-bg); border: 1px solid var(--cc-btn-primary-border-color); border-radius: var(--cc-btn-border-radius); color: var(--cc-btn-primary-color); flex: auto; font-size: .82em; font-weight: 600; min-height: 42px; min-width: 110px; padding: .5em 1.5em; text-align: center; transition: background-color .15s ease, border-color .15s ease, color .15s ease } #cc-main .pm__btn:hover { background: var(--cc-btn-primary-hover-bg); border-color: var(--cc-btn-primary-hover-border-color); color: var(--cc-btn-primary-hover-color) } #cc-main .pm__btn--secondary { background: var(--cc-btn-secondary-bg); border-color: var(--cc-btn-secondary-border-color); color: var(--cc-btn-secondary-color) } #cc-main .pm__btn--secondary:hover { background: var(--cc-btn-secondary-hover-bg); border-color: var(--cc-btn-secondary-hover-border-color); color: var(--cc-btn-secondary-hover-color) } #cc-main .pm--box { height: calc(100% - 2em); left: var(--cc-modal-margin); margin: 0 auto; max-height: 37.5em; max-width: 43em; right: var(--cc-modal-margin); top: 50%; transform: translateY(calc(-50% + 1.6em)) } #cc-main .pm--box.pm--flip .pm__btn-group, #cc-main .pm--box.pm--flip .pm__footer { flex-direction: row-reverse } #cc-main .pm--bar { --cc-modal-transition-duration: 0.35s; border-radius: 0; bottom: 0; height: 100%; margin: 0; max-height: none; max-width: 29em; opacity: 1; top: 0 } #cc-main .pm--bar .pm__section-table, #cc-main .pm--bar .pm__table-body, #cc-main .pm--bar .pm__table-td, #cc-main .pm--bar .pm__table-th, #cc-main .pm--bar .pm__table-tr { display: block } #cc-main .pm--bar .pm__table-head { display: none } #cc-main .pm--bar .pm__table-caption { display: block } #cc-main .pm--bar .pm__table-tr:not(:last-child) { border-bottom: 1px solid var(--cc-separator-border-color) } #cc-main .pm--bar .pm__table-td { display: flex; justify-content: space-between } #cc-main .pm--bar .pm__table-td:before { color: var(--cc-primary-color); content: attr(data-column); flex: 1; font-weight: 600; min-width: 100px; overflow: hidden; padding-right: 2em; text-overflow: ellipsis } #cc-main .pm--bar .pm__table-td > div { flex: 3 } #cc-main .pm--bar:not(.pm--wide) .pm__body, #cc-main .pm--bar:not(.pm--wide) .pm__footer, #cc-main .pm--bar:not(.pm--wide) .pm__header { padding: 1em 1.3em } #cc-main .pm--bar:not(.pm--wide) .pm__btn-group, #cc-main .pm--bar:not(.pm--wide) .pm__footer { flex-direction: column } #cc-main .pm--bar:not(.pm--wide) .pm__btn + .pm__btn, #cc-main .pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group { margin: 1em 0 0 } #cc-main .pm--bar.pm--flip:not(.pm--wide) .pm__btn-group, #cc-main .pm--bar.pm--flip:not(.pm--wide) .pm__footer { flex-direction: column-reverse } #cc-main .pm--bar.pm--flip:not(.pm--wide) .pm__btn + .pm__btn, #cc-main .pm--bar.pm--flip:not(.pm--wide) .pm__btn-group + .pm__btn-group { margin-bottom: 1em; margin-top: 0 } #cc-main .pm--bar:not(.pm--wide) .pm__badge { display: none } #cc-main .pm--bar.pm--left { left: 0; transform: translateX(-100%) } #cc-main .pm--bar.pm--right { right: 0; transform: translateX(100%) } #cc-main .pm--bar.pm--wide { max-width: 35em } #cc-main .pm--bar.pm--wide .pm__body, #cc-main .pm--bar.pm--wide .pm__footer, #cc-main .pm--bar.pm--wide .pm__header { padding: 1em 1.65em } #cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group, #cc-main .pm--bar.pm--wide.pm--flip .pm__footer { flex-direction: row-reverse } #cc-main .pm-overlay { background: var(--cc-overlay-bg); bottom: 0; content: ""; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1 } #cc-main .cc--anim .pm, #cc-main .cc--anim .pm-overlay { transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease } .show--preferences #cc-main .cc--anim .pm { opacity: 1; visibility: visible !important } .show--preferences #cc-main .cc--anim .pm--box { transform: translateY(-50%) } .show--preferences #cc-main .cc--anim .pm--bar { transform: translateX(0) } .show--preferences #cc-main .cc--anim .pm-overlay { opacity: 1; visibility: visible } #cc-main.cc--rtl .pm__service-header { margin-left: 1em; margin-right: 0 } #cc-main.cc--rtl .pm__section-arrow { left: unset; right: 18px } #cc-main.cc--rtl .section__toggle-wrapper { left: 18px; right: unset; transform-origin: left } #cc-main.cc--rtl .toggle-service { left: 0 } #cc-main.cc--rtl .pm__service-icon { margin-left: 20px; margin-right: 5px } #cc-main.cc--rtl .pm__section--toggle .pm__section-title { padding-left: 5.4em; padding-right: 1.2em } #cc-main.cc--rtl .pm__section--expandable .pm__section-title { padding-right: 3.4em } #cc-main.cc--rtl .pm__badge { margin-left: unset; margin-right: 1em } #cc-main.cc--rtl .toggle__icon-circle { transform: translateX(27px) } #cc-main.cc--rtl .toggle-service .toggle__icon-circle { transform: translateX(23px) } #cc-main.cc--rtl .section__toggle:checked ~ .toggle__icon .toggle__icon-circle { transform: translateX(0) } #cc-main.cc--rtl .pm__table-td, #cc-main.cc--rtl .pm__table-th { padding-left: unset; padding-right: 1.2em; text-align: right } #cc-main.cc--rtl .pm__table-td { padding-left: unset; padding-right: 1.2em } #cc-main.cc--rtl .pm__table-td:before { padding-left: 2em; padding-right: unset } #cc-main.cc--rtl .pm__btn + .pm__btn, #cc-main.cc--rtl .pm__btn-group + .pm__btn-group { margin-left: 0; margin-right: 1em } #cc-main.cc--rtl .pm--flip .pm__btn + .pm__btn, #cc-main.cc--rtl .pm--flip .pm__btn-group + .pm__btn-group { margin-left: 1em; margin-right: 0 } #cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn + .pm__btn, #cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group { margin-left: 0 } @media screen and (max-width:640px) { #cc-main .pm { border-radius: 0; bottom: 0; height: auto; left: 0; max-height: 100%; max-width: none !important; right: 0; top: 0; transform: translateY(1.6em) } #cc-main .pm__body, #cc-main .pm__footer, #cc-main .pm__header { padding: .9em !important } #cc-main .pm__badge { display: none } #cc-main .pm__section-table, #cc-main .pm__table-body, #cc-main .pm__table-caption, #cc-main .pm__table-td, #cc-main .pm__table-th, #cc-main .pm__table-tr { display: block } #cc-main .pm__table-head { display: none } #cc-main .pm__table-tr:not(:last-child) { border-bottom: 1px solid var(--cc-separator-border-color) } #cc-main .pm__table-td { display: flex; justify-content: space-between } #cc-main .pm__table-td:before { color: var(--cc-primary-color); content: attr(data-column); flex: 1; font-weight: 600; min-width: 100px; overflow: hidden; padding-right: 2em; text-overflow: ellipsis } #cc-main .pm__table-td > div { flex: 3 } #cc-main .pm__btn-group, #cc-main .pm__footer { flex-direction: column !important } #cc-main .pm__btn-group { display: flex !important } #cc-main .pm__btn + .pm__btn, #cc-main .pm__btn-group + .pm__btn-group { margin: 1em 0 0 !important } #cc-main .pm--flip .pm__btn + .pm__btn, #cc-main .pm--flip .pm__btn-group + .pm__btn-group { margin-bottom: 10px !important; margin-top: 0 !important } #cc-main .pm--flip .pm__btn-group, #cc-main .pm--flip .pm__footer { flex-direction: column-reverse !important } .show--preferences #cc-main .cc--anim .pm { transform: translateY(0) !important } } @media(max-width:1200px) { header#top-nav { padding-left: 16px; padding-right: 8px; column-gap: 8px } header#top-nav .search-wrapper #header-search-query { min-width: 40px; width: 40px; padding-right: 0 } header#top-nav ul.menu { border-top-left-radius: 8px } header#top-nav .links-wrapper { margin-right: 0 } header#top-nav .links-wrapper a { padding: 10px 12px } header#top-nav .links-wrapper .spacer { width: 12px } header#top-nav .user-wrapper .btn-profile { min-width: unset; padding-left: 8px; padding-right: 8px } header#top-nav .user-wrapper .btn-profile .name { display: none } header#top-nav .user-wrapper .btn-profile .avatar { margin-left: 0 } } @media(min-width:768px) and (max-width:991px) { footer .links ul li { padding-right: 20px } } @media(max-width:1024px) { .frame-wrapper .sidenav { float: none; width: auto; margin-top: var(--header-height) } .frame-wrapper .sidenav .streaming-links { display: block } .frame-wrapper .sidenav .streaming-links a { width: 84px } .frame-wrapper .sidenav.advanced-filters { width: 100% !important; min-height: 0 !important; height: auto !important; max-height: 0; margin-top: 0; overflow-x: hidden; overflow-y: auto; position: fixed; z-index: -1; top: 100px; bottom: 0; padding-top: 20px; padding-bottom: 80px } .frame-wrapper .sidenav.advanced-filters.open { max-height: calc(100vh - 100px); z-index: 100 } .frame-wrapper .sidenav.advanced-filters .sidenav-inner { padding-top: 0; position: relative !important; overflow: visible } .frame-wrapper .sidenav.advanced-filters select { display: block; width: 100% } .frame-wrapper .sidenav.advanced-filters h4:first-child { margin-top: 0 } .frame-wrapper .sidenav.advanced-filters .buttons { position: fixed; bottom: 10px; right: 10px; left: 10px } .frame-wrapper .sidenav .sidenav-inner { width: auto; padding: 10px 10px 0 } .frame-wrapper .sidenav .sidenav-inner.with-pagination { padding-top: 15px } .frame-wrapper .sidenav h1 { font-size: 30px } .frame-wrapper .sidenav h1 .filter-dropdown { margin-top: 3px } .frame-wrapper .sidenav h1 .show-advanced-filters, .frame-wrapper .sidenav h1 .show-advanced-filters-link { margin-right: 0 } .frame-wrapper .sidenav h1 .prev { left: -10px } .frame-wrapper .sidenav h1 .prev a { padding-left: 0 } .frame-wrapper .sidenav h1 .next { display: inline-block; margin-left: 5px } .frame-wrapper .sidenav h2 { font-size: 14px } .frame-wrapper .sidenav h2 .sidenav-collapse { display: none } .frame-wrapper .sidenav h3 { margin: 0 } .frame-wrapper .sidenav h3:before { left: -11px } .frame-wrapper .sidenav nav { margin: 0 -10px; background-color: #222; padding: 3px 10px; white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none } .frame-wrapper .sidenav nav::-webkit-scrollbar { display: none } .frame-wrapper .sidenav nav:first-of-type { margin-top: 15px } .frame-wrapper .sidenav nav:last-of-type { margin-bottom: 15px } .frame-wrapper .sidenav nav h3 { display: inline-block; margin-right: 10px } .frame-wrapper .sidenav nav h3:after, .frame-wrapper .sidenav nav h3 .notifications { display: none } .frame-wrapper .sidenav nav .link { display: inline } .frame-wrapper .sidenav nav .link .spacer { display: none } .frame-wrapper .sidenav nav > .link > a { margin: 0 10px 0 0; display: inline-block; font-size: 14px } .frame-wrapper .sidenav nav > .link > a.notifications { margin: 0; font-size: 16px } .frame-wrapper .sidenav nav > .link .btn-list-unsubscribe, .frame-wrapper .sidenav nav > .link .btn-filter-delete { padding-top: 3px; padding-bottom: 3px } .frame-wrapper .sidenav nav > .link.saved-filter > a { font-size: 14px; margin-right: 0 } .frame-wrapper .sidenav nav .feeds { position: relative; display: inline; margin: 0 10px 0 0 } .frame-wrapper .sidenav nav .feeds > a .icon, .frame-wrapper .sidenav nav .feeds > span > a > .icon { font-size: 15px; color: #ccc } .frame-wrapper .sidenav nav .feeds .user-avatar { margin: 1px 0 0; width: 15px; height: 15px; vertical-align: middle } .frame-wrapper .sidenav nav .feeds .user-avatar img { height: 15px; width: 15px; border: none } .frame-wrapper .sidenav nav ul li { display: inline } .frame-wrapper .sidenav .alert-no-data { display: none } .frame-wrapper .sidenav #date-nav { margin-top: 0; padding-bottom: 10px } .frame-wrapper .sidenav #om1gYCfRiN-IGJj59JMAC-xVRiWHDe6J { display: none } .frame-wrapper .frame { margin-left: 0; margin-top: 0 } .frame-wrapper .frame.with-advanced-filters { margin-left: 0; margin-right: 0 } .frame-wrapper .frame .alert-no-data { margin: 0 5px 20px } .frame-wrapper .frame #date-nav.bottom { background-color: #151515; border-bottom: 0 } .frame-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper { display: block; padding: 15px 0 30px } .frame-wrapper #om1gYCfRiN-IGJj59JMAC-wrapper > div { margin: 0 auto } .frame-wrapper.with-advanced-filters { position: fixed; z-index: 20; width: 100% } .date-separator { padding-bottom: 10px !important } } @media(max-width:991px) { .comment-wrapper.list.keep-inline { display: inline-block; padding-left: 0 } .comment-wrapper.list.keep-inline .interactions { padding-left: 0; margin-left: -15px } .personal-list { display: block } .personal-list .user-avatar .drag { font-size: 24px } .personal-list .list-info { clear: both; display: block; overflow: hidden } .personal-list .list-info .posters { padding: 0; width: 100% } .personal-list .list-info .posters .poster-items-wrapper .poster-items { flex-direction: row-reverse } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item { width: 20%; height: auto } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item.hidden { display: block !important } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item .poster { position: relative; width: 100% } .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item:last-child, .personal-list .list-info .posters .poster-items-wrapper .poster-items .poster-item:hover { width: 20% !important } .personal-list .list-info .posters .poster-items-wrapper .poster-items:hover .poster-item { width: 20% } .personal-list .list-info .info { clear: both; margin-left: 0 !important } .personal-list .list-info .info .above-comment { padding-left: 10px } .filter-dropdown .dropdown-menu { right: 0; left: auto } } @media(max-width:1199px) { body.dashboard .stats-wrapper { font-size: 13px !important } } @media(max-width:991px) { body.home #map-wrapper .stats li, body.index #map-wrapper .stats li { float: left } body.home #map-wrapper .stats li.plays, body.index #map-wrapper .stats li.plays { float: none; width: 100% } body.home #map-wrapper .stats li.shows, body.index #map-wrapper .stats li.shows { clear: left } body.home #map-wrapper .stats li.shows, body.home #map-wrapper .stats li.episodes, body.home #map-wrapper .stats li.movies, body.index #map-wrapper .stats li.shows, body.index #map-wrapper .stats li.episodes, body.index #map-wrapper .stats li.movies { width: 33.333333333333% } body.home #ph-bubble, body.index #ph-bubble { right: 0 } body.dashboard .stats-wrapper, body.users.show .stats-wrapper { font-size: 12px !important } body.dashboard .stats-wrapper .row > div, body.users.show .stats-wrapper .row > div { margin-bottom: 10px } body.dashboard .stats-wrapper .trakt-icon, body.users.show .stats-wrapper .trakt-icon { font-size: 27px !important; margin-right: 5px !important } body.dashboard .db-welcome-wrapper h2, body.users.show .db-welcome-wrapper h2 { font-size: 18px; margin-bottom: 10px } body.dashboard .db-welcome-wrapper .info, body.users.show .db-welcome-wrapper .info { margin-left: 28px; font-size: 13px } .hero-wrapper.media-centers .media-centers-wrapper img { margin: 0 10px } .hero-wrapper h1 { font-size: 38px } .hero-wrapper.media-centers { background-image: url(/assets/main/hero-media-centers-f8aa1192f85392d5ada595bea8ed8fc6a3581b9f2fc9afe0f83a4d181042a73a.jpg) } .hero-wrapper.mobile { background-image: url(/assets/main/hero-iphone-e8824b2499fcdde9e1ad0a9b51d7de3ab02ae7ef2afb4d38d870bb43dd44a214.jpg) } .hero-wrapper.watch { background-image: url(/assets/main/hero-watch-2908e3a3961c7ccf9353fc37b0c2d78aab2167c41d9581caf76c0fd4e0ea46c1.jpg) } .hero-wrapper.vip { background-image: url(/assets/vip/bg-small-6bf50f720393343c5ad2b81c90554bedfbb37941e0f9d2bea1d0d36a02080849.jpg); height: 300px } .hero-wrapper.vip h1 { margin-top: 75px } } @media(max-width:991px) { #ondeck-wrapper #sortable-watchnow-applied-filters { margin-left: 32px } } @media(min-width:768px) and (max-width:991px) { #ondeck-wrapper .grid-item:nth-child(5), #ondeck-wrapper .grid-item:nth-child(6), #recommendations-wrapper .grid-item:nth-child(5), #recommendations-wrapper .grid-item:nth-child(6), body.dashboard #list-wrapper .grid-item:nth-child(5), body.dashboard #list-wrapper .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(5), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(5), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(5), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(5), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(5), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(6), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(6), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(6), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(6), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(6), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(7), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(7), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(7), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(7), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(7), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(8), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(8), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(8), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(8), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(8), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(9), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(9), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(9), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(9), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(9), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(10), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(10), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(10), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(10), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(10), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(11), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(11), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(11), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(11), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(11), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(12), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(12), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(12), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(12), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(12), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(13), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(13), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(13), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(13), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(13), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(14), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(14), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(14), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(14), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(14), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(15), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(15), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(15), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(15), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(15), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(16), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(16), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(16), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(16), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(16), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(17), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(17), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(17), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(17), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(17), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(18), #ondeck-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(18), #recommendations-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(18), #recommendations-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(18), body.dashboard #list-wrapper #ondeck-shows[data-row-count="1"] .grid-item:nth-child(18), body.dashboard #list-wrapper #list-items[data-row-count="1"] .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(1), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(1), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(1), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(1), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(1), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(1) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(2), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(2), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(2), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(2), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(2), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(2) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(3), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(3), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(3), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(3), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(3), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(3) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(4), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(4), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(4), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(4), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(4), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(4) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(5), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(5), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(5), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(5), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(5), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(5) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(6), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(6), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(6), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(6), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(6), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(6) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(7), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(7), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(7), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(7), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(7), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(7) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(8), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(8), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(8), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(8), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(8), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(8) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(9), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(9), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(9), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(9), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(9), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(10), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(10), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(10), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(10), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(10), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(11), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(11), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(11), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(11), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(11), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(12), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(12), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(12), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(12), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(12), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(13), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(13), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(13), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(13), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(13), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(14), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(14), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(14), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(14), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(14), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(15), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(15), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(15), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(15), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(15), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(16), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(16), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(16), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(16), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(16), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(17), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(17), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(17), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(17), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(17), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(18), #ondeck-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(18), #recommendations-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(18), #recommendations-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(18), body.dashboard #list-wrapper #ondeck-shows[data-row-count="2"] .grid-item:nth-child(18), body.dashboard #list-wrapper #list-items[data-row-count="2"] .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(1), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(1), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(1), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(1), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(1), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(1) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(2), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(2), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(2), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(2), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(2), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(2) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(3), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(3), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(3), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(3), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(3), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(3) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(4), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(4), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(4), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(4), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(4), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(4) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(5), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(5), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(5), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(5), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(5), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(5) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(6), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(6), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(6), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(6), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(6), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(6) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(7), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(7), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(7), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(7), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(7), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(7) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(8), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(8), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(8), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(8), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(8), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(8) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(9), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(9), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(9), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(9), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(9), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(9) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(10), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(10), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(10), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(10), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(10), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(10) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(11), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(11), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(11), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(11), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(11), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(11) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(12), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(12), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(12), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(12), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(12), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(12) { height: inherit; overflow: inherit; margin-top: 20px; min-height: inherit; opacity: 1 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(13), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(13), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(13), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(13), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(13), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(14), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(14), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(14), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(14), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(14), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(15), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(15), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(15), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(15), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(15), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(16), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(16), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(16), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(16), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(16), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(17), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(17), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(17), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(17), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(17), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } #ondeck-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(18), #ondeck-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(18), #recommendations-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(18), #recommendations-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(18), body.dashboard #list-wrapper #ondeck-shows[data-row-count="3"] .grid-item:nth-child(18), body.dashboard #list-wrapper #list-items[data-row-count="3"] .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(3), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(3) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(4), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(4) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(5), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(6), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(7), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(8), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(9), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="1"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="1"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(5), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(6), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(7), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(8), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(9), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="2"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="2"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(7), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(8), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(9), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(10), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(10) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(11), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(11) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(12), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(12) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(13), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(13) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(14), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(14) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(15), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(15) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(16), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(16) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(17), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(17) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(18), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(18) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(19), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(19) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } body.dashboard #recommendations-wrapper[data-row-count="3"] .posters .grid-item:nth-child(20), body.dashboard #recommendations-wrapper[data-row-count="3"] .fanarts .grid-item:nth-child(20) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(3) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(4) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="1"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(5) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(6) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="2"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="3"] .grid-item:nth-child(7) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="3"] .grid-item:nth-child(8) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } #recently-watched-wrapper[data-row-count="3"] .grid-item:nth-child(9) { height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0 !important; min-height: 0; opacity: 0 } .hero-wrapper.vip h2 { font-size: 15px !important } } @media(min-width:992px) and (max-width:1199px) { #recommendations-wrapper.fixed-height { min-height: 382px } } @media(min-width:768px) and (max-width:991px) { body.movies.show #summary-wrapper .summary .stats { position: relative } body.movies.show #summary-wrapper .summary .stats .stat { text-align: left } } @media(min-width:768px) and (max-width:991px) { body.shows.show #summary-wrapper .summary .stats { position: relative } body.shows.show #summary-wrapper .summary .stats .stat { text-align: left } #info-wrapper .info .actors-wrapper .posters ul li { width: 17% } .recent-episodes .grid-item:last-child:not(:nth-child(1)):not(:nth-child(2)) { display: none } .summary-activity .tab-content .tab-pane .users-wrapper .row { max-height: 86px } #summary-ratings-wrapper .row > div { white-space: nowrap } #summary-ratings-wrapper ul li { margin-right: 20px } } @media(max-width:991px) { .summary-activity .tabs .tab .number { float: none; font-size: 25px } .summary-activity .tabs .tab .text { float: none; padding-left: 0 } .summary-activity .tabs .tab .fa, .summary-activity .tabs .tab [class^=fa-], .summary-activity .tabs .tab [class*=" fa-"] { font-size: 19px } .summary-activity .tabs .tab .percent-sign { font-size: 16px } #info-wrapper .info .action-buttons { margin-top: 10px } } @media(min-width:992px) and (max-width:1199px) { #info-wrapper .info .actors-wrapper .posters ul li { width: 12.73% } .summary-activity .tab-content .tab-pane .users-wrapper .row { max-height: 63px } } @media(max-width:1200px) { #links-wrapper a { padding: 0 12px } } @media(min-width:768px) and (max-width:991px) { #recent-wrapper .episodes .grid-item:nth-child(4) { display: none } #recent-wrapper .movies .grid-item:nth-child(5), #recent-wrapper .movies .grid-item:nth-child(6) { display: none } #links-wrapper { height: auto } #links-wrapper a { padding: 0 8px } } @media(max-width:768px) { #links-wrapper { height: auto } #links-wrapper a { padding: 0 8px } } }