Server IP : 103.191.208.50 / Your IP : 216.73.216.226 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 5.6.40 Disable Function : show_source, system, shell_exec, passthru, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/celkcksm/bmtrust.org.in/admin/neflix/e0687a8e3/oille/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
/* only variables */ /* lets try to fix these, should normalize them to the greyxx */ /* gradient that allows semi-transparent stops */ html, body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #f3f3f3; color: #333; font-size: 16px; direction: ltr; } h1 { font-size: 1.5em; color: #333; margin: 0 0 .4em; font-weight: normal; } @media screen and (min-width: 740px) { h1 { font-size: 2.15em; margin: 0 0 .55em; } } .controlBar { position: relative; } .controlBar .control { position: absolute; top: 3px; right: 0; font-size: 0.67em; } h2, h3, h4, h5 { font-weight: normal; margin: .75em 0 .25em; } strong, .bold { font-weight: bold; } .confirmation { color: #3BA93C; } .confirmation:before { font-family: 'nf-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\E802"; margin-right: 1ex; } .valignMiddle { vertical-align: middle; } .clearfix:after { content: ' '; display: block; width: 0; height: 0; overflow: hidden; clear: both; } .nowrap { white-space: nowrap; } a { text-decoration: none; color: #0080FF; } a:hover { text-decoration: underline; } ul { padding: 0; } ul > li { margin-left: 1.1em; margin-bottom: 5px; list-style-type: disc; } ul.structural { padding: 0; margin: 0; } ul.structural > li { list-style: none; margin-left: 0; } .i-b { display: inline-block; } .no-display { display: none !important; } .pointer { cursor: pointer; } .hidden-radio, .hidden-checkbox { border: 0; clip: rect(0 0 0 0); height: 2rem; margin: 0 -2rem -2rem 0; overflow: hidden; padding: 0; position: absolute; width: 2rem; opacity: 0.001; } .screen-reader-text { position: absolute; top: -9999px; left: -9999px; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face{font-family:nf-icon;src:url(nf-icon-v1-93.eot);src:url(nf-icon-v1-93.eot?#iefix) format('embedded-opentype'),url(nf-icon-v1-93.woff) format('woff'),url(nf-icon-v1-93.ttf) format('truetype'),url(nf-icon-v1-93.svg#nf-icon-v1-93) format('svg');font-weight:400;font-style:normal} [class^="icon-"], [class*=" icon-"] { font-family: 'nf-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .icon-logoUpdate:before { content: '\e5d0'; } .icon-close:before { content: '\e762'; } .icon-search:before { content: '\e636'; } .icon-circle-solid:before { content: '\e622'; } .icon-star-25-percent:before { content: '\e637'; } .icon-star-50-percent:before { content: '\e638'; } .icon-star-75-percent:before { content: '\e639'; } .icon-star:before { content: '\e640'; } .icon-add:before { content: '\e641'; } .icon-play:before { content: '\e646'; } .icon-leftArrow:before { content: '\e659'; } .icon-rightArrow:before { content: '\e658'; } .icon-kids:before { content: '\e691'; } .icon-tvuiAdd:before { content: '\e716'; } .icon-TvRatings:before { content: '\e733'; } .icon-Talent:before { content: '\e734'; } .icon-Awards:before { content: '\e736'; } .icon-BoxOffice:before { content: '\e737'; } .icon-round-x:before { content: '\e747'; } .icon-globe:before { content: '\e896'; } .icon-warning:before { content: '\e620'; } .icon-rightCaret:before { content: '\e867'; } .icon-leftCaret:before { content: '\e868'; } .icon-disc:before { content: '\e871'; } .icon-spinner:before { content: '\e765'; } .icon-plainCheck:before { content: '\e804'; } .icon-plainX:before { content: '\e807'; } .icon-facebook:before { content: '\e628'; } .icon-error:before { content: '\e798'; } .icon-valid:before { content: '\e804'; } .icon-lock:before { content: '\e625'; } .icon-info-inv:before { content: '\e748'; } .icon-success-inv:before { content: '\e746'; } .icon-warn-inv:before { content: '\e743'; } .icon-visa:before { content: '\e901'; } .icon-mastercard:before { content: '\e902'; } .icon-discover:before { content: '\e903'; } .icon-amex:before { content: '\e900'; } .icon-paypal:before { content: '\e914'; } .icon-nicam-AL:before { content: '\f000'; } .icon-nicam-6:before { content: '\f001'; } .icon-nicam-9:before { content: '\f004'; } .icon-nicam-12:before { content: '\f002'; } .icon-nicam-16:before { content: '\f003'; } .icon-nicam-violence:before { content: '\f005'; } .icon-nicam-fear-anxiety:before { content: '\f006'; } .icon-nicam-profanity:before { content: '\f007'; } .icon-nicam-discrimination:before { content: '\f008'; } .icon-nicam-drug-or-alcohol:before { content: '\f009'; } .icon-nicam-sex:before { content: '\f010'; } .icon-androidPlayRing:before { content: '\e665'; } .icon-akiraMyListAdd:before { content: '\e850'; } .icon-akiraMyListRemove:before { content: '\e852'; } .icon-akiraCaretDown:before { content: '\e854'; } .icon-akiraCaretRight:before { content: '\e658'; } .icon-akiraCaretLeft:before { content: '\e659'; } .icon-button-play:before { content: '\e884'; } .icon-button-play-reverse:before { content: '\e890'; } .icon-button-mylist-add:before { content: '\e885'; } .icon-button-mylist-add-reverse:before { content: '\e891'; } .icon-button-mylist-added:before { content: '\e888'; } .icon-button-mylist-added-reverse:before { content: '\e894'; } .icon-button-remindme-add:before { content: '\e663'; } .icon-button-remindme-add-reverse:before { content: '\e663'; } .icon-button-remindme-added:before { content: '\e804'; } .icon-button-remindme-added-reverse:before { content: '\e804'; } .icon-button-share:before { content: '\e886'; } .icon-button-share-reverse:before { content: '\e892'; } .icon-button-episodes:before { content: '\e887'; } .icon-button-episodes-reverse:before { content: '\e893'; } .icon-button-spinner:before { content: '\e765'; } .icon-button-spinner-reverse:before { content: '\e765'; } .icon-button-minus:before { content: '\e889'; } .icon-button-minus-reverse:before { content: '\e895'; } .icon-button-audio-on:before { content: '\e88a'; } .icon-button-audio-on-reverse:before { content: '\e88c'; } .icon-button-audio-off:before { content: '\e88b'; } .icon-button-audio-off-reverse:before { content: '\e88d'; } .icon-button-replay:before { content: '\f095'; } .icon-button-replay-reverse:before { content: '\f096'; } .icon-button-notification:before { content: '\e663'; } .icon-button-notification-reverse:before { content: '\e663'; } .icon-thumb-down:before { content: '\e660'; } .icon-thumb-up:before { content: '\e661'; } .icon-thin-caret-left:before { content: '\e704'; } .icon-thin-caret-right:before { content: '\e705'; } .icon-long-arrow-left:before { content: '\e673'; } .icon-long-arrow-right:before { content: '\e672'; } .icon-short-arrow-right:before { content: '\e89B'; } .icon-back:before { content: '\e635'; } .icon-uniE5D0:before { content: "\E5D0"; } .icon-uniE5D1:before { content: "\E5D1"; } .icon-uniE600:before { content: "\E600"; } .icon-uniE601:before { content: "\E601"; } .icon-uniE602:before { content: "\E602"; } .icon-uniE603:before { content: "\E603"; } .icon-uniE604:before { content: "\E604"; } .icon-uniE605:before { content: "\E605"; } .icon-uniE606:before { content: "\E606"; } .icon-uniE607:before { content: "\E607"; } .icon-uniE608:before { content: "\E608"; } .icon-uniE609:before { content: "\E609"; } .icon-uniE610:before { content: "\E610"; } .icon-uniE611:before { content: "\E611"; } .icon-uniE612:before { content: "\E612"; } .icon-uniE613:before { content: "\E613"; } .icon-uniE614:before { content: "\E614"; } .icon-uniE615:before { content: "\E615"; } .icon-uniE616:before { content: "\E616"; } .icon-uniE617:before { content: "\E617"; } .icon-uniE618:before { content: "\E618"; } .icon-uniE619:before { content: "\E619"; } .icon-uniE620:before { content: "\E620"; } .icon-uniE621:before { content: "\E621"; } .icon-uniE622:before { content: "\E622"; } .icon-uniE623:before { content: "\E623"; } .icon-uniE624:before { content: "\E624"; } .icon-uniE625:before { content: "\E625"; } .icon-uniE626:before { content: "\E626"; } .icon-uniE627:before { content: "\E627"; } .icon-uniE628:before { content: "\E628"; } .icon-uniE629:before { content: "\E629"; } .icon-uniE630:before { content: "\E630"; } .icon-uniE631:before { content: "\E631"; } .icon-uniE632:before { content: "\E632"; } .icon-uniE633:before { content: "\E633"; } .icon-uniE634:before { content: "\E634"; } .icon-uniE635:before { content: "\E635"; } .icon-uniE636:before { content: "\E636"; } .icon-uniE637:before { content: "\E637"; } .icon-uniE638:before { content: "\E638"; } .icon-uniE639:before { content: "\E639"; } .icon-uniE640:before { content: "\E640"; } .icon-uniE641:before { content: "\E641"; } .icon-uniE642:before { content: "\E642"; } .icon-uniE643:before { content: "\E643"; } .icon-uniE644:before { content: "\E644"; } .icon-uniE645:before { content: "\E645"; } .icon-uniE646:before { content: "\E646"; } .icon-uniE647:before { content: "\E647"; } .icon-uniE648:before { content: "\E648"; } .icon-uniE649:before { content: "\E649"; } .icon-uniE650:before { content: "\E650"; } .icon-uniE651:before { content: "\E651"; } .icon-uniE652:before { content: "\E652"; } .icon-uniE653:before { content: "\E653"; } .icon-uniE654:before { content: "\E654"; } .icon-uniE655:before { content: "\E655"; } .icon-uniE656:before { content: "\E656"; } .icon-uniE657:before { content: "\E657"; } .icon-uniE658:before { content: "\E658"; } .icon-uniE659:before { content: "\E659"; } .icon-uniE660:before { content: "\E660"; } .icon-uniE661:before { content: "\E661"; } .icon-uniE662:before { content: "\E662"; } .icon-uniE663:before { content: "\E663"; } .icon-uniE664:before { content: "\E664"; } .icon-uniE665:before { content: "\E665"; } .icon-uniE666:before { content: "\E666"; } .icon-uniE667:before { content: "\E667"; } .icon-uniE668:before { content: "\E668"; } .icon-uniE669:before { content: "\E669"; } .icon-uniE670:before { content: "\E670"; } .icon-uniE671:before { content: "\E671"; } .icon-uniE672:before { content: "\E672"; } .icon-uniE673:before { content: "\E673"; } .icon-uniE674:before { content: "\E674"; } .icon-uniE675:before { content: "\E675"; } .icon-uniE676:before { content: "\E676"; } .icon-uniE677:before { content: "\E677"; } .icon-uniE678:before { content: "\E678"; } .icon-uniE679:before { content: "\E679"; } .icon-uniE680:before { content: "\E680"; } .icon-uniE681:before { content: "\E681"; } .icon-uniE682:before { content: "\E682"; } .icon-uniE683:before { content: "\E683"; } .icon-uniE684:before { content: "\E684"; } .icon-uniE685:before { content: "\E685"; } .icon-uniE687:before { content: "\E687"; } .icon-uniE688:before { content: "\E688"; } .icon-uniE689:before { content: "\E689"; } .icon-uniE690:before { content: "\E690"; } .icon-uniE691:before { content: "\E691"; } .icon-uniE692:before { content: "\E692"; } .icon-uniE693:before { content: "\E693"; } .icon-uniE694:before { content: "\E694"; } .icon-uniE695:before { content: "\E695"; } .icon-uniE696:before { content: "\E696"; } .icon-uniE697:before { content: "\E697"; } .icon-uniE698:before { content: "\E698"; } .icon-uniE699:before { content: "\E699"; } .icon-uniE700:before { content: "\E700"; } .icon-uniE701:before { content: "\E701"; } .icon-uniE702:before { content: "\E702"; } .icon-uniE703:before { content: "\E703"; } .icon-uniE704:before { content: "\E704"; } .icon-uniE705:before { content: "\E705"; } .icon-uniE706:before { content: "\E706"; } .icon-uniE707:before { content: "\E707"; } .icon-uniE708:before { content: "\E708"; } .icon-uniE709:before { content: "\E709"; } .icon-uniE710:before { content: "\E710"; } .icon-uniE711:before { content: "\E711"; } .icon-uniE712:before { content: "\E712"; } .icon-uniE713:before { content: "\E713"; } .icon-uniE714:before { content: "\E714"; } .icon-uniE715:before { content: "\E715"; } .icon-uniE716:before { content: "\E716"; } .icon-uniE718:before { content: "\E718"; } .icon-uniE719:before { content: "\E719"; } .icon-uniE720:before { content: "\E720"; } .icon-uniE721:before { content: "\E721"; } .icon-uniE722:before { content: "\E722"; } .icon-uniE723:before { content: "\E723"; } .icon-uniE724:before { content: "\E724"; } .icon-uniE725:before { content: "\E725"; } .icon-uniE726:before { content: "\E726"; } .icon-uniE727:before { content: "\E727"; } .icon-uniE728:before { content: "\E728"; } .icon-uniE729:before { content: "\E729"; } .icon-uniE730:before { content: "\E730"; } .icon-uniE731:before { content: "\E731"; } .icon-uniE732:before { content: "\E732"; } .icon-uniE733:before { content: "\E733"; } .icon-uniE734:before { content: "\E734"; } .icon-uniE735:before { content: "\E735"; } .icon-uniE736:before { content: "\E736"; } .icon-uniE737:before { content: "\E737"; } .icon-uniE738:before { content: "\E738"; } .icon-uniE739:before { content: "\E739"; } .icon-uniE740:before { content: "\E740"; } .icon-uniE741:before { content: "\E741"; } .icon-uniE742:before { content: "\E742"; } .icon-uniE743:before { content: "\E743"; } .icon-uniE744:before { content: "\E744"; } .icon-uniE745:before { content: "\E745"; } .icon-uniE746:before { content: "\E746"; } .icon-uniE747:before { content: "\E747"; } .icon-uniE748:before { content: "\E748"; } .icon-uniE749:before { content: "\E749"; } .icon-uniE750:before { content: "\E750"; } .icon-uniE751:before { content: "\E751"; } .icon-uniE752:before { content: "\E752"; } .icon-uniE753:before { content: "\E753"; } .icon-uniE754:before { content: "\E754"; } .icon-uniE755:before { content: "\E755"; } .icon-uniE756:before { content: "\E756"; } .icon-uniE757:before { content: "\E757"; } .icon-uniE758:before { content: "\E758"; } .icon-uniE759:before { content: "\E759"; } .icon-uniE760:before { content: "\E760"; } .icon-uniE761:before { content: "\E761"; } .icon-uniE762:before { content: "\E762"; } .icon-uniE763:before { content: "\E763"; } .icon-uniE764:before { content: "\E764"; } .icon-uniE765:before { content: "\E765"; } .icon-uniE766:before { content: "\E766"; } .icon-uniE767:before { content: "\E767"; } .icon-uniE775:before { content: "\E775"; } .icon-uniE776:before { content: "\E776"; } .icon-uniE777:before { content: "\E777"; } .icon-uniE778:before { content: "\E778"; } .icon-uniE779:before { content: "\E779"; } .icon-uniE780:before { content: "\E780"; } .icon-uniE781:before { content: "\E781"; } .icon-uniE782:before { content: "\E782"; } .icon-uniE783:before { content: "\E783"; } .icon-uniE784:before { content: "\E784"; } .icon-uniE785:before { content: "\E785"; } .icon-uniE786:before { content: "\E786"; } .icon-uniE787:before { content: "\E787"; } .icon-uniE796:before { content: "\E796"; } .icon-uniE797:before { content: "\E797"; } .icon-uniE798:before { content: "\E798"; } .icon-uniE799:before { content: "\E799"; } .icon-uniE800:before { content: "\E800"; } .icon-uniE801:before { content: "\E801"; } .icon-uniE802:before { content: "\E802"; } .icon-uniE803:before { content: "\E803"; } .icon-uniE804:before { content: "\E804"; } .icon-uniE805:before { content: "\E805"; } .icon-uniE806:before { content: "\E806"; } .icon-uniE807:before { content: "\E807"; } .icon-uniE850:before { content: "\E850"; } .icon-uniE851:before { content: "\E851"; } .icon-uniE852:before { content: "\E852"; } .icon-uniE853:before { content: "\E853"; } .icon-uniE854:before { content: "\E854"; } .icon-uniE855:before { content: "\E855"; } .icon-uniE856:before { content: "\E856"; } .icon-uniE857:before { content: "\E857"; } .icon-uniE858:before { content: "\E858"; } .icon-uniE859:before { content: "\E859"; } .icon-uniE860:before { content: "\E860"; } .icon-uniE861:before { content: "\E861"; } .icon-uniE862:before { content: "\E862"; } .icon-uniE863:before { content: "\E863"; } .icon-uniE864:before { content: "\E864"; } .icon-uniE865:before { content: "\E865"; } .icon-uniE866:before { content: "\E866"; } .icon-uniE867:before { content: "\E867"; } .icon-uniE868:before { content: "\E868"; } .icon-uniE869:before { content: "\E869"; } .icon-uniE870:before { content: "\E870"; } .icon-uniE871:before { content: "\E871"; } .icon-uniE872:before { content: "\E872"; } .icon-uniE873:before { content: "\E873"; } .icon-uniE874:before { content: "\E874"; } .icon-uniE875:before { content: "\E875"; } .icon-uniE876:before { content: "\E876"; } .icon-uniE877:before { content: "\E877"; } .icon-uniE878:before { content: "\E878"; } .icon-uniE879:before { content: "\E879"; } .icon-uniE880:before { content: "\E880"; } .icon-uniE881:before { content: "\E881"; } .icon-uniE882:before { content: "\E882"; } .icon-uniE883:before { content: "\E883"; } .icon-uniE884:before { content: "\E884"; } .icon-uniE885:before { content: "\E885"; } .icon-uniE886:before { content: "\E886"; } .icon-uniE887:before { content: "\E887"; } .icon-uniE888:before { content: "\E888"; } .icon-uniE889:before { content: "\E889"; } .icon-uniE88A:before { content: "\E88A"; } .icon-uniE88B:before { content: "\E88B"; } .icon-uniE88C:before { content: "\E88C"; } .icon-uniE88D:before { content: "\E88D"; } .icon-uniE890:before { content: "\E890"; } .icon-uniE891:before { content: "\E891"; } .icon-uniE892:before { content: "\E892"; } .icon-uniE893:before { content: "\E893"; } .icon-uniE894:before { content: "\E894"; } .icon-uniE895:before { content: "\E895"; } .icon-uniE896:before { content: "\E896"; } .icon-uniE897:before { content: "\E897"; } .icon-uniE898:before { content: "\E898"; } .icon-uniE89A:before { content: "\E89A"; } .icon-uniE89B:before { content: "\E89B"; } .icon-uniE89C:before { content: "\E89C"; } .icon-uniE89D:before { content: "\E89D"; } .icon-uniE8A1:before { content: "\E8A1"; } .icon-uniE8A2:before { content: "\E8A2"; } .icon-uniE8A3:before { content: "\E8A3"; } .icon-uniE8A4:before { content: "\E8A4"; } .icon-uniE8A5:before { content: "\E8A5"; } .icon-uniE8A6:before { content: "\E8A6"; } .icon-uniE8A7:before { content: "\E8A7"; } .icon-uniE8A8:before { content: "\E8A8"; } .icon-uniE900:before { content: "\E900"; } .icon-uniE901:before { content: "\E901"; } .icon-uniE902:before { content: "\E902"; } .icon-uniE903:before { content: "\E903"; } .icon-uniE904:before { content: "\E904"; } .icon-uniE905:before { content: "\E905"; } .icon-uniE906:before { content: "\E906"; } .icon-uniE907:before { content: "\E907"; } .icon-uniE908:before { content: "\E908"; } .icon-uniE909:before { content: "\E909"; } .icon-uniE910:before { content: "\E910"; } .icon-uniE911:before { content: "\E911"; } .icon-uniE912:before { content: "\E912"; } .icon-uniE913:before { content: "\E913"; } .icon-uniE914:before { content: "\E914"; } .icon-uniE915:before { content: "\E915"; } .icon-uniE916:before { content: "\E916"; } .icon-uniE940:before { content: "\E940"; } .icon-uniE941:before { content: "\E941"; } .icon-uniE942:before { content: "\E942"; } .icon-uniE943:before { content: "\E943"; } .icon-uniF000:before { content: "\F000"; } .icon-uniF001:before { content: "\F001"; } .icon-uniF002:before { content: "\F002"; } .icon-uniF003:before { content: "\F003"; } .icon-uniF004:before { content: "\F004"; } .icon-uniF005:before { content: "\F005"; } .icon-uniF006:before { content: "\F006"; } .icon-uniF007:before { content: "\F007"; } .icon-uniF008:before { content: "\F008"; } .icon-uniF009:before { content: "\F009"; } .icon-uniF010:before { content: "\F010"; } .icon-uniF011:before { content: "\F011"; } .icon-uniF012:before { content: "\F012"; } .icon-uniF013:before { content: "\F013"; } .icon-uniF014:before { content: "\F014"; } .icon-uniF015:before { content: "\F015"; } .icon-uniF016:before { content: "\F016"; } .icon-uniF017:before { content: "\F017"; } .icon-uniF018:before { content: "\F018"; } .icon-uniF019:before { content: "\F019"; } .icon-uniF020:before { content: "\F020"; } .icon-uniF021:before { content: "\F021"; } .icon-uniF022:before { content: "\F022"; } .icon-uniF023:before { content: "\F023"; } .icon-uniF024:before { content: "\F024"; } .icon-uniF025:before { content: "\F025"; } .icon-uniF026:before { content: "\F026"; } .icon-uniF027:before { content: "\F027"; } .icon-uniF028:before { content: "\F028"; } .icon-uniF029:before { content: "\F029"; } .icon-uniF030:before { content: "\F030"; } .icon-uniF031:before { content: "\F031"; } .icon-uniF032:before { content: "\F032"; } .icon-uniF033:before { content: "\F033"; } .icon-uniF034:before { content: "\F034"; } .icon-uniF035:before { content: "\F035"; } .icon-uniF036:before { content: "\F036"; } .icon-uniF037:before { content: "\F037"; } .icon-uniF038:before { content: "\F038"; } .icon-uniF039:before { content: "\F039"; } .icon-uniF040:before { content: "\F040"; } .icon-stacked-screens:before { content: "\F041"; } .icon-stacked-screens-small:before { content: "\F099"; } .icon-cross-device-screens:before { content: "\F042"; } .icon-cross-device-screens-desktop:before { content: "\F098"; } .icon-cross-device-screens-small:before { content: "\F097"; } .icon-tv-screen:before { content: "\F043"; } .icon-price-tag:before { content: "\F044"; } .icon-cancel:before { content: "\F045"; } .nf-button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; cursor: pointer; font-family: arial, helvetica, sans-serif; /* stylelint-disable-line declaration-property-value-blacklist */ font-weight: bold; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); padding: 4px 7px; margin: 0; display: inline-block; } .nf-button:focus { outline: none; } .nf-button:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 1px rgba(1, 1, 1, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 1px rgba(1, 1, 1, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 1px rgba(1, 1, 1, 0.3); text-decoration: none; } .nf-button:active { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); text-decoration: none; } .nf-button .icon { margin-right: 7px; display: inline-block; vertical-align: middle; } .nf-button-white { background-color: #ffffff; } .nf-button-white:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DDDDDD)); background: -webkit-linear-gradient(#ffffff, #DDDDDD); background: -moz- oldlinear-gradient(#ffffff, #DDDDDD); background: -o-linear-gradient(#ffffff, #DDDDDD); background: linear-gradient(#ffffff, #DDDDDD); } .nf-button-white:active { background: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#b3b3b3)); background: -webkit-linear-gradient(#cbcbcb, #b3b3b3); background: -moz- oldlinear-gradient(#cbcbcb, #b3b3b3); background: -o-linear-gradient(#cbcbcb, #b3b3b3); background: linear-gradient(#cbcbcb, #b3b3b3); } .nf-button-silver { background-color: #e5e5e5; background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#cbcbcb)); background-image: -webkit-linear-gradient(top, #e5e5e5, #cbcbcb); background-image: -moz- oldlinear-gradient(top, #e5e5e5, #cbcbcb); background-image: -o-linear-gradient(top, #e5e5e5, #cbcbcb); background-image: linear-gradient(to bottom, #e5e5e5, #cbcbcb); border: 1px solid #b3b3b3; } .nf-button-silver:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5)); background: -webkit-linear-gradient(#ffffff, #e5e5e5); background: -moz- oldlinear-gradient(#ffffff, #e5e5e5); background: -o-linear-gradient(#ffffff, #e5e5e5); background: linear-gradient(#ffffff, #e5e5e5); } .nf-button-silver:active { background: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#b3b3b3)); background: -webkit-linear-gradient(#cbcbcb, #b3b3b3); background: -moz- oldlinear-gradient(#cbcbcb, #b3b3b3); background: -o-linear-gradient(#cbcbcb, #b3b3b3); background: linear-gradient(#cbcbcb, #b3b3b3); } .nf-button-red { color: #FFF; background-color: #d30b03; background-image: -webkit-gradient(linear, left top, left bottom, from(#d30b03), to(#a50709)); background-image: -webkit-linear-gradient(top, #d30b03, #a50709); background-image: -moz- oldlinear-gradient(top, #d30b03, #a50709); background-image: -o-linear-gradient(top, #d30b03, #a50709); background-image: linear-gradient(to bottom, #d30b03, #a50709); border: 1px solid #810507; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); } .nf-button-red:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ed0b0f), to(#930709)); background: -webkit-linear-gradient(#ed0b0f, #930709); background: -moz- oldlinear-gradient(#ed0b0f, #930709); background: -o-linear-gradient(#ed0b0f, #930709); background: linear-gradient(#ed0b0f, #930709); } .nf-button-red:active { background: -webkit-gradient(linear, left top, left bottom, from(#9c0b0e), to(#850708)); background: -webkit-linear-gradient(#9c0b0e, #850708); background: -moz- oldlinear-gradient(#9c0b0e, #850708); background: -o-linear-gradient(#9c0b0e, #850708); background: linear-gradient(#9c0b0e, #850708); } .nf-button-blue { color: #FFF; background-color: #1771d9; background-image: -webkit-gradient(linear, left top, left bottom, from(#1771d9), to(#1359ab)); background-image: -webkit-linear-gradient(top, #1771d9, #1359ab); background-image: -moz- oldlinear-gradient(top, #1771d9, #1359ab); background-image: -o-linear-gradient(top, #1771d9, #1359ab); background-image: linear-gradient(to bottom, #1771d9, #1359ab); border: 1px solid #0f4585; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); } .nf-button-blue:hover { background: -webkit-gradient(linear, left top, left bottom, from(#1b7ff1), to(#114f99)); background: -webkit-linear-gradient(#1b7ff1, #114f99); background: -moz- oldlinear-gradient(#1b7ff1, #114f99); background: -o-linear-gradient(#1b7ff1, #114f99); background: linear-gradient(#1b7ff1, #114f99); } .nf-button-blue:active { background: -webkit-gradient(linear, left top, left bottom, from(#114f99), to(#0d3b73)); background: -webkit-linear-gradient(#114f99, #0d3b73); background: -moz- oldlinear-gradient(#114f99, #0d3b73); background: -o-linear-gradient(#114f99, #0d3b73); background: linear-gradient(#114f99, #0d3b73); } .nf-button-dark { color: #FFF; background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#191919)); background-image: -webkit-linear-gradient(top, #646464, #191919); background-image: -moz- oldlinear-gradient(top, #646464, #191919); background-image: -o-linear-gradient(top, #646464, #191919); background-image: linear-gradient(to bottom, #646464, #191919); border: 1px solid #323232; border-top-color: #505050; } .nf-button-dark:hover { background-color: #4B4B4B; } .nf-button-dark:active { background-color: #2f2f2f; } .nf-button-medium { padding: 10px 20px; } .btn-flat { font-size: 1.1vw; font-weight: bold; margin-right: 0.75em; padding: 0.57em 1.35em; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); background-image: none; background-color: rgba(0, 0, 0, 0.4); } .btn-flat .nf-icon-button-icon, .btn-flat .playRing { margin-right: 0.71em; background-color: transparent; font-size: inherit; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .btn-flat .icon-button-mylist-added, .btn-flat .icon-button-mylist-added-reverse, .btn-flat .icon-button-remindme-added, .btn-flat .icon-button-remindme-added-reverse { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .btn-flat .nf-icon-button-label { padding: 0; margin: 0; top: auto; } .btn-flat:hover { background-color: rgba(51, 51, 51, 0.4); } .btn-flat:hover .nf-icon-button-icon { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .btn-flat:hover .nf-icon-button-icon.icon-button-mylist-added, .btn-flat:hover .nf-icon-button-icon.icon-button-mylist-added-reverse, .btn-flat:hover .nf-icon-button-icon.icon-button-remindme-added, .btn-flat:hover .nf-icon-button-icon.icon-button-remindme-added-reverse { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .btn-flat-primary { background-color: #E50914; border-color: #FF0A16; } .btn-flat-primary:hover { background-color: #FF0A16; } .icon-button-mylist-no-ring .icon-button-mylist-add:before { content: '\e641'; } .icon-button-mylist-no-ring .icon-button-mylist-add-reverse:before { content: '\e641'; } .icon-button-mylist-no-ring .icon-button-mylist-added:before { content: '\e804'; } .icon-button-mylist-no-ring .icon-button-mylist-added-reverse:before { content: '\e804'; } .icon-button-mylist-sharp .mylist-button .nf-icon-button-icon, .icon-button-mylist-sharp .mylist-button.hovered .nf-icon-button-icon { background-color: transparent; } .icon-button-mylist-sharp .icon-button-mylist-add, .icon-button-mylist-sharp .icon-button-mylist-add-reverse { font-size: 1.2vw; } .icon-button-mylist-sharp .icon-button-play:before { content: '\e646'; } .icon-button-mylist-sharp .icon-button-mylist-add:before { content: '\f018'; } .icon-button-mylist-sharp .icon-button-mylist-add-reverse:before { content: '\f018'; } .icon-button-mylist-sharp .icon-button-mylist-added:before { content: '\e804'; } .icon-button-mylist-sharp .icon-button-mylist-added-reverse:before { content: '\e804'; } .nf-flat-button { font-size: 1.0vw; font-weight: bold; margin-right: 0.75em; padding: 0.57em 1.35em; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); background-image: none; background-color: rgba(0, 0, 0, 0.4); } .nf-flat-button .nf-flat-button-icon { vertical-align: middle; margin-right: 0.71em; background-color: transparent; font-size: inherit; } .nf-flat-button .nf-flat-button-icon.empty-label { margin-right: initial; } .nf-flat-button .nf-flat-button-icon.svg-icon { width: 1.2vw; height: inherit; font-size: inherit; border: none; margin: inherit; } .nf-flat-button.no-icon .nf-flat-button-icon { display: none; } .nf-flat-button .nf-flat-button-text { vertical-align: middle; padding: 0; margin: 0; top: auto; white-space: nowrap; } .nf-flat-button .nf-icon-button-tooltip { display: none; position: absolute; top: -2.5vw; margin-top: 6px; left: 0.5vw; background: #fff; /* stylelint-disable */ text-transform: uppercase; /* stylelint-enable */ color: #000; width: 10vw; margin-left: -3.5vw; font-size: 0.8vw; font-weight: 700; padding: 2px 0; text-align: center; } .nf-flat-button .nf-icon-button-tooltip:hover { display: block; } .nf-flat-button .nf-icon-button-tooltip:before { content: initial; border-color: initial; border-style: initial; border-width: initial; } .nf-flat-button .nf-icon-button-tooltip:after { border-color: #fff transparent transparent transparent; border-style: solid; border-width: 3px 3px 0 3px; content: ""; height: 0; left: 50%; margin-left: -2px; margin-bottom: -3px; position: absolute; bottom: 0; width: 0; } .nf-flat-button:focus, .nf-flat-button:hover { background-color: rgba(51, 51, 51, 0.4); outline: none; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: -o-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -o-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); } .nf-flat-button:focus .nf-flat-button-icon, .nf-flat-button:hover .nf-flat-button-icon { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .nf-flat-button:focus { border-color: #fff; } .nf-flat-button .nf-flat-button-icon-play, .nf-flat-button .nf-flat-button-icon-episodes, .nf-flat-button .nf-flat-button-icon-mylist-add, .nf-flat-button .nf-flat-button-icon-mylist-added, .nf-flat-button .nf-flat-button-icon-remindme-add, .nf-flat-button .nf-flat-button-icon-remindme-added, .nf-flat-button .nf-flat-button-icon-restart, .nf-flat-button .nf-flat-button-icon-info, .nf-flat-button .nf-flat-button-icon-close { font-family: 'nf-icon'; } .nf-flat-button .nf-flat-button-icon-play:before { content: '\e646'; } .nf-flat-button .nf-flat-button-icon-episodes:before { content: '\e678'; } .nf-flat-button .nf-flat-button-icon-mylist-add:before { content: '\e641'; } .nf-flat-button .nf-flat-button-icon-mylist-added:before { content: '\e804'; } .nf-flat-button .nf-flat-button-icon-remindme-add:before { content: '\e663'; } .nf-flat-button .nf-flat-button-icon-remindme-added:before { content: '\e804'; } .nf-flat-button .nf-flat-button-icon-restart:before { content: '\e752'; } .nf-flat-button .nf-flat-button-icon-info:before { content: '\e748'; } .nf-flat-button .nf-flat-button-icon-close:before { content: '\e762'; } .nf-flat-button-rounded { -webkit-border-radius: 0.2vw; -moz-border-radius: 0.2vw; border-radius: 0.2vw; } .nf-flat-button-uppercase { /* stylelint-disable */ text-transform: uppercase; /* stylelint-enable */ } .nf-flat-button-white { -webkit-box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35); box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35); background-color: #e6e6e6; color: #000; font-weight: bold; height: 1.2vw; border-width: 0; padding: 0.75em 2.3em; font-size: 1.1vw; line-height: 1vw; } .nf-flat-button-white:hover, .nf-flat-button-white:focus { background-color: #e6e6e6; } .nf-flat-button-black-transparent { color: #fff; font-weight: bold; background-color: rgba(51, 51, 51, 0.4); border-width: 0; padding: 0.75em 2.3em; height: 1.2vw; -webkit-border-radius: 0.2vw; -moz-border-radius: 0.2vw; border-radius: 0.2vw; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 1.1vw; line-height: 1vw; } .nf-flat-button-black-transparent:hover { -webkit-box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35); box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35); background-color: #e6e6e6; color: #000; } .nf-flat-button-black-transparent.ignore-hover:hover { background-color: rgba(51, 51, 51, 0.4); color: #fff; } .nf-flat-button-primary { background-color: #E50914; border-color: #FF0A16; } .nf-flat-button-primary:hover { background-color: #FF0A16; } .mylist-button:focus, .playLink:focus { outline: none; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: -o-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -o-transform 350ms cubic-bezier(0.86, 0, 0.07, 1); } .mylist-button:focus .nf-flat-button-primary, .playLink:focus .nf-flat-button-primary { background-color: #FF0A16; } .nf-flat-button-type-borderless { font-size: inherit; margin: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: none; font-weight: normal; border: 0.1em solid transparent; } .nf-flat-button-type-borderless:focus { border-color: white; } .nf-flat-button-type-focusable-static { font-size: inherit; border: 0.1em solid transparent; } .nf-flat-button-type-focusable-static:focus { border-color: white; } .nf-spinner { display: none; margin: 0 auto; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-image: url("https://assets.nflxext.com/en_us/home/ringloader_white_57x57_tail_red.gif"), url("https://assets.nflxext.com/en_us/home/ringloader_white_57x57_base.png"); -webkit-background-size: 57px 57px; -moz-background-size: 57px; background-size: 57px; background-repeat: no-repeat; width: 57px; height: 57px; } /* * meta-file for common less to be included on all pages (member & non-member) */ .bd { margin: 20px 3% 0; background-color: #f3f3f3; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1024px) { .bd { padding: 40px; margin: 0 auto; max-width: 450px; min-height: 500px; } } .bd h1 { padding-top: 0; margin-top: 0; } .footer-mount { width: 100%; padding: 0; } .site-footer-wrapper { min-width: 190px; width: 100%; margin-top: 80px; padding-bottom: 20px; font-size: 1em; color: #757575; position: relative; } .pt11 .site-footer-wrapper { margin-bottom: 80px; } .pt11 .site-footer-wrapper .footer-divider { display: none; } .footer-top-a { color: #757575; } .footer-divider { height: 0; width: 100%; border-top: 1px solid #e5e5e5; } .site-footer { margin: 0 auto; padding-top: 30px; width: 90%; } .footer-top { padding: 0; margin: 0 0 30px; } .footer-links { max-width: 1000px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-link-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin-bottom: 16px; display: inline-block; min-width: 100px; width: 25%; padding-right: 12px; vertical-align: top; } @media only screen and (max-width: 740px) { .footer-link-item { width: 33%; } } @media only screen and (max-width: 500px) { .footer-link-item { width: 50%; } } .footer-link { color: #757575; } .service-code-wrapper { color: #757575; margin: 45px 0 20px; } .service-code { border: 1px solid #757575; padding: 8px; display: inline-block; color: #757575; font-size: .8521em; min-width: 90px; text-align: center; } .service-code:hover, .service-code:focus { text-decoration: none; } .copy-text { color: #808080; margin: 20px 0; font-size: .750em; line-height: 1em; } .copy-text a { color: #808080; } .copy-text a:hover, .copy-text a:focus { text-decoration: underline; } .copy-text .copy-text-block + .copy-text-block { margin-top: 4px; } .footer-country { font-size: 13px; margin-top: 24px; } .privacy-updated, .terms-updated { font-weight: bold; } .basic-spinner { display: inline-block; margin: 0 auto; opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url("https://assets.nflxext.com/ffe/siteui/common/site-spinner-240.png"); width: 57px; height: 57px; -webkit-animation: full-rotation 1s infinite linear; -moz-animation: full-rotation 1s infinite linear; -o-animation: full-rotation 1s infinite linear; animation: full-rotation 1s infinite linear; -webkit-animation-direction: normal /*rtl:reverse*/; -moz-animation-direction: normal /*rtl:reverse*/; -o-animation-direction: normal /*rtl:reverse*/; animation-direction: normal /*rtl:reverse*/; } .basic-spinner.isHidden { display: none; } .basic-spinner.basic-spinner-light { background-image: url("https://assets.nflxext.com/ffe/siteui/common/site-spinner-240-light.png"); } .center-fixed { position: fixed; top: 50%; left: 50%; z-index: 2000; } .center-absolute { position: absolute; top: 50%; left: 50%; z-index: 1; } /* Animated gif fallback for IEs which do not support css animated rotation */ .ua-ie-7 .basic-spinner, .ua-ie-8 .basic-spinner, .ua-ie-9 .basic-spinner { background-image: url("https://assets.nflxext.com/ffe/siteui/common/site-spinner-100.gif"); } /* Rotation keyframes */ @-webkit-keyframes full-rotation { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-moz-keyframes full-rotation { from { -moz-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -moz-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-o-keyframes full-rotation { from { -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes full-rotation { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } .basic-spinner-region { position: relative; } .basic-spinner-region.isLoading::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .nfHeader { background-color: #fafafa; border-bottom: solid 1px #dcdde0; height: 90px; } .nfHeader.signupBasicHeader { height: 90px; } @media screen and (max-width: 700px) { .nfHeader.signupBasicHeader { height: 75px; } } @media screen and (max-width: 440px), screen and (orientation: landscape) and (max-width: 700px) { .nfHeader.signupBasicHeader { height: 45px; } } .nfHeader.signupBasicHeader.iosInAppHeader { position: fixed; text-align: center; top: 0; width: 100%; z-index: 1100; } .focused .nfHeader.iosInAppHeader { position: absolute; } .noBorderHeader { background-color: transparent; border-bottom: 0; position: relative; } .nfLogo { text-decoration: none; vertical-align: middle; color: #E50914; font-size: 2.8em; line-height: 90px; float: left; } @media screen and (max-width: 700px) { .nfLogo { font-size: 1.8em; line-height: 75px; } } @media screen and (max-width: 440px) { .nfLogo { font-size: 1.2em; line-height: 45px; } } .nfLogo:hover, .nfLogo:focus { text-decoration: none; } .nfLogo.signupBasicHeader { margin-left: 3%; } .svg-nfLogo { text-decoration: none; vertical-align: middle; fill: #E50914; display: inline-block; line-height: 90px; } .svg-nfLogo .svg-icon-netflix-logo { height: 45px; width: 167px; vertical-align: middle; } @media screen and (max-width: 700px) { .svg-nfLogo { line-height: 75px; } } @media screen and (max-width: 440px), screen and (orientation: landscape) and (max-width: 700px) { .svg-nfLogo { line-height: 45px; } } @media screen and (max-width: 440px), screen and (orientation: landscape) and (max-width: 700px) { .svg-nfLogo .svg-icon-netflix-logo { height: 20px; width: 75px; padding-top: 12px; } } .svg-nfLogo.signupBasicHeader { margin-left: 3%; } .authLinks { float: right; color: #E50914; font-weight: 700; font-size: 1.2em; line-height: 90px; } @media screen and (max-width: 700px) { .authLinks { font-size: 1.0em; line-height: 75px; } } @media screen and (max-width: 440px) { .authLinks { font-size: 0.8em; line-height: 45px; } } .authLinks.signupBasicHeader, .authLinks.authLinks--isYap { margin: 0 3%; } @media screen and (max-width: 440px) { .authLinks.signupBasicHeader, .authLinks.authLinks--isYap { margin: 0 10px; } } .authLinks.authLinks--isYap { color: #808080; } .login-remember-me { display: inline-block; margin-bottom: -5px; } .login-remember-me input { margin-right: 10px; } .login-label-remember-me { padding: 10px 0; display: inline-block; margin-bottom: -5px; letter-spacing: -0.1px; } .login-remember-me-alt { font-size: 14px; } .login-remember-me-alt input { margin-left: 6px; margin-right: 10px; -webkit-transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); transform: scale(1.7); } .login-remember-me-modal { min-height: 0; padding-bottom: 60px; } .login-remember-me-toggle { margin-left: 10px; vertical-align: middle; line-height: 21px; position: relative; top: -3px; } .login-help-icon { display: inline-block; font-size: 14px; height: 21px; width: 21px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #077af5; color: #fff; font-weight: 700; vertical-align: middle; line-height: 21px; text-align: center; } .login-remember-me-label-text { font-size: 14px; } .sms-login { padding-bottom: 1px; /* Code Entry Page */ /* Verify Phone */ } .sms-login.login-content { position: relative; min-height: 330px; } .sms-login .action-container.loginEmail { margin-top: 25px; } .sms-login .email-header { margin: 25px auto; font-size: 22px; text-align: center; display: inline-block; width: 100%; } .sms-login .phone-header { margin: 0 auto 25px auto; font-size: 20px; text-align: center; display: inline-block; width: 97%; } .sms-login .phone-header .phone-header-text { width: 80%; margin: 0 auto; } @media screen and (max-width: 500px) { .sms-login .email-header { font-size: 22px; } } .sms-login .login-input-email, .sms-login .login-input-password.ui-label { padding-bottom: 25px; } .sms-login .sign-in-header { color: #000; font-weight: 300; text-align: center; font-size: 32px; margin-bottom: 10px; } .sms-login .sign-in-header .back-btn { float: left; cursor: pointer; } .sms-login .two-step-login-form { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: transform 0.5s, -moz-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .sms-login .two-step-login-form.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sms-login .two-step-login-form.inactive { -webkit-transform: translate3d(-1000%, 0, 0); -moz-transform: translate3d(-1000%, 0, 0); transform: translate3d(-1000%, 0, 0); display: none; } .sms-login .password-poll-form { text-align: center; } .sms-login .email-left { margin: 25px 0; text-align: left; } .sms-login .email-center { margin: 25px 0; text-align: center; } .sms-login .password-message { font-size: 15px; margin-bottom: 20px; color: #666; } .sms-login .hr-gray { height: 0; width: 100%; border-top: 1px solid #e5e5e5; margin: 20px 0; } .sms-login .poll-wrapper { margin-bottom: 100px; } .sms-login .poll-wrapper.cell4 { margin-bottom: 10px; margin-top: 40px; } .sms-login .email-sent-header { font-size: 25px; } .sms-login .email-sent-header.cell4 { font-size: 21px; font-weight: 600; } .sms-login .email-sent-info.cell4 { font-size: 19px; font-weight: 300; } .sms-login .hr-red { height: 0; width: 10%; border-top: 1px solid #B9090B; margin: 10px 0; display: inline-block; } .sms-login .logo-wrapper { display: inline-block; width: 100%; } .sms-login .sms-nf-logo { width: 100%; text-align: center; } .sms-login .login-remember-me-wrapper { font-weight: 300; margin-bottom: 20px; margin-top: 10px; float: left; } .sms-login .login-remember-me-wrapper.sms-login { margin-bottom: 0; } .sms-login .login-remember-me-wrapper.two-step-login-cell-2, .sms-login .login-remember-me-wrapper.two-step-login-cell-6 { margin-bottom: 0; margin-top: 0; } @media screen and (max-width: 500px) { .sms-login .login-remember-me-wrapper { margin-bottom: 4px; } .sms-login .login-remember-me-wrapper.sms-login { margin-bottom: 5px; } } .sms-login .forgot-email { color: #0080FF; position: relative; top: -23px; float: right; font-size: 14px; font-weight: 400; } .sms-login .forgot-phone { color: #0080FF; position: relative; top: -33px; left: 3px; font-size: 14px; } .sms-login .forgot-password { color: #0080FF; position: relative; top: -23px; float: right; font-size: 14px; font-weight: 400; } .sms-login .forgot-password.cell2 { float: none; top: 0; } .sms-login .forgot-password.phone-login { top: -6px; } .sms-login .login-signup-now { font-size: 15px; margin-top: 10px; width: 100%; display: inline-block; } .sms-login .phone-number-input { display: inline-block; width: 100%; } .sms-login .phone-number-input .phone-number-input__text { display: inline-block; width: 80%; } .sms-login .phone-number-input .phone-number-input__text input { border-left: none; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .sms-login .phone-number-input .phone-number-input__text input:focus { border-color: #b3b3b3; } .sms-login .phone-number-input .country-select { width: 14%; border-right: none; right: -1px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } @media screen and (max-width: 500px) { .sms-login .phone-number-input .country-select { width: 20%; } } .sms-login .phone-fee-message { font-size: 14px; color: #808080; margin: 6px 0; } .sms-login .code-entry-header { text-align: center; font-size: 30px; margin-bottom: 10px; } .sms-login .sms-code-entry { text-align: center; font-size: 22px; font-weight: 300; } .sms-login .sms-code-entry.code-entry-waiting { cursor: progress; } .sms-login .sms-code-entry.code-entry-waiting input { background: transparent; } .sms-login .sms-code-entry .nf-text { vertical-align: middle; line-height: 22px; display: inline-block; margin-bottom: 21px; margin-right: 10px; font-weight: 500; font-size: 31px; } .sms-login .sms-code-entry form { margin: 30px 0; } .sms-login .sms-code-entry input { border: none; margin: 0 2.5px; background: rgba(204, 204, 204, 0.75); width: 45px; height: 60px; font-size: 45px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0; } .sms-login .sms-code-entry input:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sms-login .sms-code-entry input:focus { background: #fff; outline: none; border: 2px solid #b3b3b3; margin: -2px 0.5px; } .sms-login .sms-code-entry input[type="tel"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sms-login .sms-code-entry .has-value { background: #fff; } .sms-login .sms-code-entry .action-links { font-size: 15px; color: #0080FF; cursor: pointer; font-weight: 300; } @media screen and (max-width: 500px) { .sms-login .sms-code-entry { font-size: 19px; } .sms-login .sms-code-entry .nf-text { font-size: 24px; } .sms-login .sms-code-entry input { width: 32px; height: 47px; font-size: 32px; } .sms-login .sms-code-entry input:disabled { border: none; background: transparent; } .sms-login .sms-code-entry .country-select { width: 20%; } } .sms-login .verify-phone { text-align: center; } .sms-login .verify-phone .phone-image { background: url('https://assets.nflxext.com/ffe/siteui/login/images/phone_red.png'); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 90px; height: 90px; margin: 8px auto; } .sms-login .verify-phone .verify-text { padding: 10px 50px; font-size: 22px; } .sms-login .verify-phone .button-container { margin-top: 1px; } .sms-login .verify-phone .button-container button { font-weight: 700; } .sms-login .verify-phone .btn-no-thanks { background: #f3f3f3; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sms-login .verify-phone .btn-send-code { color: #fff; } .sms-login .verify-phone .fee-notice { font-size: 13px; color: #808080; margin: 5px 0; text-align: center; } @media screen and (max-width: 500px) { .sms-login .verify-phone .verify-text { font-size: 17px; } } @media screen and (min-width: 500px) { .sms-login .verify-phone .phone-image { background: url('https://assets.nflxext.com/ffe/siteui/login/images/phone_red@2x.png'); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } } @media screen and (max-width: 500px) { .sms-login .sms-nf-logo { display: none; } } .sms-login .sms-msg-action { text-decoration: underline; cursor: pointer; } .login-dg-top-text { text-align: center; margin-bottom: 30px; font-size: 30px; padding: 0 45px; } .login-dg-item { text-align: left; border: 1px solid #b3b3b3; height: 100px; width: 100%; display: inline-block; cursor: pointer; margin-bottom: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; outline: none; } .login-dg-item:hover, .login-dg-item:focus { background: #F9F9F9; border-color: #999; } .login-dg-item:hover .login-dg-item-arrow, .login-dg-item:focus .login-dg-item-arrow { color: #999; } .login-dg-item-text { font-size: 18px; display: inline-block; width: 68%; padding-top: 24px; font-weight: bold; } .login-dg-item-text-sub { color: #808080; display: block; font-size: 15px; font-weight: normal; } .login-dg-item-image-wrapper { height: 100%; width: 85px; float: left; margin-left: 10px; } .login-dg-item-image { margin: 31px 14px; width: 50px; } .login-dg-item-image.phone { margin: 21px 22px; width: 33px; } .login-dg-facebook-link { cursor: pointer; text-align: center; font-weight: 600; color: #808080; padding-bottom: 15px; width: 100%; border: none; background: none; } .login-dg-item-arrow { width: 20px; margin-right: 4px; font-size: 30px; height: 90%; -webkit-transform: translateY(35%); -moz-transform: translateY(35%); -ms-transform: translateY(35%); -o-transform: translateY(35%); transform: translateY(35%); float: right; color: #ccc; text-shadow: 0 0 #666; -webkit-transition: text-shadow 0.5s, font-size 0.5s, -webkit-transform 0.5s; transition: text-shadow 0.5s, font-size 0.5s, -webkit-transform 0.5s; -o-transition: text-shadow 0.5s, font-size 0.5s, -o-transform 0.5s; -moz-transition: transform 0.5s, text-shadow 0.5s, font-size 0.5s, -moz-transform 0.5s; transition: transform 0.5s, text-shadow 0.5s, font-size 0.5s; transition: transform 0.5s, text-shadow 0.5s, font-size 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; } @media screen and (max-width: 500px) { .login-dg-item { height: 80px; } .login-dg-top-text { font-size: 24px; padding: 0 38px; } .login-dg-item-text { padding-top: 16px; font-size: 18px; width: 70%; } .login-dg-item-text.email { padding-top: 13px; } .login-dg-item-image-wrapper { width: 21%; margin-left: 0; } .login-dg-item-image { margin: 28px 10px; width: 40px; } .login-dg-item-image.phone { margin: 19px 16px; width: 30px; } .login-dg-item-text-sub { color: #808080; display: block; font-size: 12px; } .login-dg-item-arrow { font-size: 15px; width: 11px; -webkit-transform: translateY(39%); -moz-transform: translateY(39%); -ms-transform: translateY(39%); -o-transform: translateY(39%); transform: translateY(39%); height: 100%; } } .sms-nf-logo { width: 100%; text-align: center; margin-bottom: 10px; } @media screen and (max-width: 500px) { .sms-nf-logo { display: none; } } @media screen and (max-width: 500px) { } html, body { height: 100%; } h1 { margin: 0 0 10px 0; padding: 0; } @media only screen and (min-width: 740px) { h1 { margin-bottom: 20px; } } #appMountPoint { height: 100%; } @media only screen and (min-width: 740px) { #appMountPoint { background-color: transparent; color: white; } } #appMountPoint > div { min-height: 100%; margin: 0; padding: 0; position: relative; z-index: 0; } #appMountPoint > div .login-wrapper-background { display: none; } @media only screen and (min-width: 740px) { #appMountPoint > div { background-color: black; color: white; } #appMountPoint > div .login-wrapper-background { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; display: block; height: 100%; min-height: 100vh; overflow: hidden; position: absolute; width: 100%; z-index: -1; } #appMountPoint > div .login-wrapper-background .vlv-creative { min-height: 100%; min-width: 100%; } #appMountPoint > div .login-wrapper-default { background-image: url('https://assets.nflxext.com/ffe/siteui/acquisition/login/login-the-crown_2-1500x1000.jpg'); } } .login-content { padding-top: 20px; background-color: #f3f3f3; } @media only screen and (min-width: 740px) { .login-content { padding: 40px; } } @media only screen and (min-width: 500px) { .login-content { min-width: 380px; } } .login-body { color: #333; margin: 0 auto; padding: 0 5%; } .login-body .decision-gate { padding: 0 25px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } @media screen and (max-width: 500px) { .login-body .decision-gate { padding: 0 2px; } } @media only screen and (min-width: 740px) { .login-body { margin: 0 auto -236px; min-height: 100vh; background-color: transparent; max-width: 450px; } .login-body:before { content: ""; height: 91px; display: block; } .login-body:after { content: ""; height: 236px; display: block; } } @media only screen and (min-width: 740px) { .nfHeader.login-header.login-header { position: absolute; left: 0; top: 0; width: 100%; /*background-color: transparent;*/ border-bottom: transparent; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } } .login-footer-wrapper { width: 100%; height: 236px; } .login-footer { position: relative; vertical-align: bottom; margin-top: 15px; background-color: #f3f3f3; min-height: 236px; } @media only screen and (min-width: 740px) { .login-footer { margin: 0; padding: 0; background-color: transparent; } } .login-footer .ui-select-wrapper { border: none; } .login-footer .ui-select-wrapper::after { display: none; } @media only screen and (min-width: 740px) { .login-footer .ui-select-wrapper .ui-select { background-color: #000; background-image: none; border: 1px solid #333; } .login-footer .ui-select-wrapper .select-arrow.prefix::before, .login-footer .ui-select-wrapper .select-arrow.prefix::after { color: #999; } } .site-footer { padding: 30px 0; } .site-footer .footer-link, .site-footer .footer-top, .site-footer .footer-top-a, .site-footer { color: #757575; } @media only screen and (min-width: 740px) { .site-footer { max-width: 1000px; margin: 0 auto; } .site-footer .footer-link, .site-footer .footer-top, .site-footer .footer-top-a, .site-footer { color: #757575; } } @media only screen and (min-width: 740px) { .footer-divider { display: none; } } .ui-binary-input { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; } .ui-binary-input input[type=checkbox]:disabled + label, .ui-binary-input input[type=radio]:disabled + label, .ui-binary-input input:disabled ~ .helper { color: #b3b3b3; } .ui-binary-input .helper { font-size: 14px; line-height: 1.3em; color: #808080; } .ui-binary-input.error > .helper { color: #B00500; } .ui-binary-input input[type=checkbox], .ui-binary-input input[type=radio] { position: absolute; top: 0; left: 0; opacity: 0; } .ui-binary-input input[type=checkbox]:focus + label::before, .ui-binary-input input[type=radio]:focus + label::before { -webkit-box-shadow: 0 0 5px 2px rgba(150, 200, 255, 0.6); -moz-box-shadow: 0 0 5px 2px rgba(150, 200, 255, 0.6); box-shadow: 0 0 5px 2px rgba(150, 200, 255, 0.6); border-color: #808080; } .ui-binary-input input[type=checkbox] + label, .ui-binary-input input[type=radio] + label { color: #333; position: relative; display: block; line-height: 1.2; padding: 6px 0; } .ui-binary-input input[type=checkbox] + label:before, .ui-binary-input input[type=radio] + label:before { content: ""; position: absolute; display: block; top: 2px; left: -36px; padding: 0; border: 1px solid #b3b3b3; background-color: #fff; } .ui-binary-input input[type=checkbox] + label:after, .ui-binary-input input[type=radio] + label:after { position: absolute; } .ui-binary-input input[type=checkbox] + label:before { width: 25px; height: 25px; } .ui-binary-input input[type=checkbox]:checked + label:after { color: #0080FF; content: "\e804"; top: -2px; left: -36px; font-family: 'nf-icon'; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */ font-size: 28px; } .ui-binary-input input[type=checkbox]:disabled + label:after { color: #DCDCDC; } .ui-binary-input input[type=radio] + label:before { width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ui-binary-input input[type=radio]:checked + label:after { content: ""; top: 8px; left: -30px; width: 15px; height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #0080FF; } .ui-binary-input.error input[type=checkbox] + label:before, .ui-binary-input.error input[type=radio] + label:before { border-color: #B00500; } /******************************************************** * This is not to be imported explicitly if you are * importing input.less, you get this for free ********************************************************/ .input-message { font-size: 12px; position: absolute; bottom: 0; height: 32px; left: 0; color: #999; } .input-message.error { color: #B00500; } .input-message a { color: inherit; text-decoration: underline; } .dark .input-message.error { color: #fff; } .dark .input-message.warning { color: #f7f7f7; } .ui-label, .ui-label-no-margin, .nfCompactInput { font-size: 1em; font-weight: 400; color: #808080; display: block; } @media only screen and (max-width: 740px) { .ui-label, .ui-label-no-margin, .nfCompactInput { font-size: .875em; } } .ui-label.inline, .ui-label-no-margin.inline, .nfCompactInput.inline { display: inline-block; } .ui-label.inline .ui-text-input, .ui-label-no-margin.inline .ui-text-input, .nfCompactInput.inline .ui-text-input { margin-bottom: 0; } .ui-label.nmHomeTextInput .ui-label-text, .ui-label-no-margin.nmHomeTextInput .ui-label-text, .nfCompactInput.nmHomeTextInput .ui-label-text { margin-right: 1ex; } .ui-label.nmHomeTextInput .ui-text-input, .ui-label-no-margin.nmHomeTextInput .ui-text-input, .nfCompactInput.nmHomeTextInput .ui-text-input, .ui-label.nmHomeTextInput .input-password-input, .ui-label-no-margin.nmHomeTextInput .input-password-input, .nfCompactInput.nmHomeTextInput .input-password-input { height: 60px; background-color: rgba(0, 0, 0, 0.8); border-color: #4d4d4d; font-size: 24px; color: #fff; } .ui-label { margin-bottom: 6px; } .icon-error { color: #B00500; } .icon-valid { color: #5fa53f; } .ui-input-wrapper { display: inline-block; margin: 0; padding: 0; } @media only screen and (max-width: 500px) { .ui-input-wrapper { display: block; } } .ui-input-label { padding-bottom: 32px; position: relative; } .ui-readonly-value { padding: 10px 0; margin-bottom: 20px; color: #333; } .ui-text-input, .input-password-input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; border: solid 1px #b3b3b3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; max-width: 500px; color: #000; padding: 10px 11px; height: 44px; } .ui-text-input.large, .input-password-input.large { padding: 14px 11px; } @media only screen and (max-width: 740px) { .ui-text-input.large, .input-password-input.large { font-size: 1em; padding: 11px; } } .ui-text-input.small, .input-password-input.small { padding: 5px 8px; font-size: 14px; } @media only screen and (max-width: 740px) { .ui-text-input.small, .input-password-input.small { font-size: 1em; padding: 8px 11px; } } .ui-text-input:focus, .input-password-input:focus { border-color: #808080; outline: none; } .ui-text-input.error, .input-password-input.error, .error > .ui-text-input, .error > .input-password-input, .ui-text-inputerror:focus, .input-password-inputerror:focus { border-color: #B00500; } .ui-text-input.valid, .input-password-input.valid, .valid > .ui-text-input, .valid > .input-password-input { border-color: #5fa53f; } .ui-text-input.inline, .input-password-input.inline { display: inline-block; vertical-align: middle; margin: 0; width: auto; max-width: 100%; margin-right: 12px; } .ui-text-input.inline.medium, .input-password-input.inline.medium { margin-right: 8px; } .ui-text-input.inline.small, .input-password-input.inline.small { margin-right: 4px; } .ui-input-label .ui-text-input + .icon-lock { position: absolute; bottom: 20px; color: #9e9e9e; font-size: 1.2em; right: 10px; } .floating-label.ui-input-label { padding-bottom: 0; } .floating-label .ui-label-text { position: absolute; top: 18px; left: 11px; } .floating-label.active .ui-label-text { top: 3px; font-size: .8em; } .floating-label .ui-text-input.error:focus { border-color: #B00500; } .floating-label .ui-text-input.valid:focus { border-color: #5fa53f; } .floating-label .ui-text-input:focus { border-color: #0F84FA; } .floating-label .ui-text-input.medium { padding: 15px 11px 5px; } .nfCompactInput { padding: 2px 0 10px; position: relative; min-height: 80px; } .nfCompactInput .placeLabel { position: absolute; top: 16px; left: 10px; color: #999; font-size: 20px; -webkit-transition: font 0.2s ease, top 0.2s ease; -o-transition: font 0.2s ease, top 0.2s ease; -moz-transition: font 0.2s ease, top 0.2s ease; transition: font 0.2s ease, top 0.2s ease; } .nfCompactInput input[type=text] { height: 54px; padding: 10px 2px 0; } .nfCompactInput input[type=text]:focus + .placeLabel, .nfCompactInput .hasText + .placeLabel { top: 4px; font-size: 11px; } .nfCompactInput .inputError { font-size: 12px; color: #B00500; } .dark .nfCompactInput .ui-text-input.error { border-color: #FFA100; } .dark .nfCompactInput .inputError { color: #FFA100; } .nfLabel { font-size: 16px; color: #333333; } .background-dark { color: inherit; } .nfFormSpace { margin-bottom: 10px; } .nfFormSpace.no-padding .signupTerms { margin-left: 0; margin-right: 0; } .ui-label, .ui-label-no-margin, .nfCompactInput { font-size: 16px; font-weight: 400; color: #8c8c8c; display: block; } @media only screen and (max-width: 740px) { .ui-label, .ui-label-no-margin, .nfCompactInput { font-size: 13px; } } .ui-label.inline, .ui-label-no-margin.inline, .nfCompactInput.inline { display: inline-block; } .ui-label.inline .ui-text-input, .ui-label-no-margin.inline .ui-text-input, .nfCompactInput.inline .ui-text-input { margin-bottom: 0; } .ui-label.nmHomeTextInput .ui-label-text, .ui-label-no-margin.nmHomeTextInput .ui-label-text, .nfCompactInput.nmHomeTextInput .ui-label-text { margin-right: 1ex; } .ui-label.nmHomeTextInput .ui-text-input, .ui-label-no-margin.nmHomeTextInput .ui-text-input, .nfCompactInput.nmHomeTextInput .ui-text-input, .ui-label.nmHomeTextInput .input-password-input, .ui-label-no-margin.nmHomeTextInput .input-password-input, .nfCompactInput.nmHomeTextInput .input-password-input { background-color: rgba(0, 0, 0, 0.8); border-color: #737373; font-size: 23px; color: #ffffff; } .ui-label { margin-bottom: 6px; } .icon-error { color: #b92d2b; } .icon-valid { color: #0071eb; } .ui-input-wrapper { display: inline-block; margin: 0; padding: 0; } @media only screen and (max-width: 500px) { .ui-input-wrapper { display: block; } } .ui-input-label { padding-bottom: 32px; position: relative; } .ui-readonly-value { padding: 10px 0; margin-bottom: 20px; color: #333333; } .nfTextField { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; border: solid 1px #8c8c8c; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; color: #000000; padding: 10px 11px; height: 44px; } .nfTextField.large { padding: 14px 11px; } @media only screen and (max-width: 740px) { .nfTextField.large { font-size: 16px; padding: 11px; } } .nfTextField.small { padding: 5px 8px; font-size: 14px; } @media only screen and (max-width: 740px) { .nfTextField.small { font-size: 16px; padding: 8px 11px; } } .nfTextField:invalid, .nfTextField:valid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nfTextField:focus { border-color: #0071eb; outline: none; } .nfTextField.error, .error > .nfTextField { border-color: #b92d2b; } .nfTextField.valid, .valid > .nfTextField { border-color: #5fa53f; } .nfTextField.warning, .warning > .nfTextField { border-color: #ffa00a; } .nfTextField:disabled { color: #a6a6a6; border-color: #cccccc; } .ui-input-label .ui-text-input + .icon-lock { position: absolute; bottom: 20px; color: #8c8c8c; font-size: 19px; right: 10px; } .nfInput { max-width: 500px; position: relative; /* input is different on the home page */ } .nfInput .nfInputPlacement { position: relative; } .nfInput .nfInputPlacement.showValidIcon .nfTextField, .nfInput .nfInputPlacement.showInvalidIcon .nfTextField { padding-right: 40px; } .nfInput .nfInputPlacement.showValidIcon:after { content: ''; position: absolute; right: 10px; top: 50%; border-bottom: 1px solid #0071eb; border-left: 1px solid #0071eb; width: 20px; height: 8px; -webkit-transform: translateY(-100%) rotate(-45deg); -moz-transform: translateY(-100%) rotate(-45deg); -ms-transform: translateY(-100%) rotate(-45deg); -o-transform: translateY(-100%) rotate(-45deg); transform: translateY(-100%) rotate(-45deg); } .nfInput .nfInputPlacement.showInvalidIcon:after { content: '\00d7'; font-size: 27px; font-weight: 200; color: #b92d2b; position: absolute; right: 10px; top: 50%; width: 20px; height: 20px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .nfInput .placeLabel { position: absolute; top: 50%; left: 10px; color: #8c8c8c; font-size: 14px; -webkit-transition: font 0.1s ease, top 0.1s ease, -webkit-transform 0.1s ease; transition: font 0.1s ease, top 0.1s ease, -webkit-transform 0.1s ease; -o-transition: font 0.1s ease, top 0.1s ease, -o-transform 0.1s ease; -moz-transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease, -moz-transform 0.1s ease; transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease; transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 740px) { .nfInput .placeLabel { font-size: 16px; } } .nfInput .nfTextField { height: 48px; padding: 10px 10px 0; width: 100%; } .nfInput .nfTextField:focus + .placeLabel, .nfInput .hasText + .placeLabel { top: 4px; font-size: 11px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .nfInput .nfTextField:-webkit-autofill + .placeLabel { top: 4px; font-size: 11px; -webkit-transform: translateY(0); transform: translateY(0); } .nfInput .inputError { font-size: 13px; color: #b92d2b; } .nfInput .inputCaption { font-size: 13px; color: #8c8c8c; } .nfInput.validated .nfTextField { border-color: #5fa53f; } .nfInput.nmHomeTextInput .ui-label-text { margin-right: 1ex; } .nfInput.nmHomeTextInput .nfTextField { background-color: rgba(0, 0, 0, 0.8); border-color: #737373; font-size: 23px; color: #ffffff; } .nfInput.nmHomeTextInput .nfTextField.error { border-color: #ffa00a; } .nfInput.nmHomeTextInput .inputError { color: #ffa00a; } .nfInput.nmHomeTextInput .inputError a { color: #ffa00a; text-decoration: underline; } .nfInput.nfInputOversize .nfTextField { height: 60px; } .nfInput.nfInputOversize .nfTextField:focus + .placeLabel, .nfInput.nfInputOversize .hasText + .placeLabel { top: 6px; font-weight: 700; font-size: 13px; } .nfInput.nfInputOversize .nfTextField:-webkit-autofill + .placeLabel { top: 6px; font-weight: 700; font-size: 13px; } @media screen and (min-width: 740px) { .nfInput.nfInputResponsive .nfTextField { height: 60px; } .nfInput.nfInputResponsive .nfTextField:focus + .placeLabel, .nfInput.nfInputResponsive .hasText + .placeLabel { top: 6px; font-weight: 700; font-size: 13px; } .nfInput.nfInputResponsive .nfTextField:-webkit-autofill + .placeLabel { top: 6px; font-weight: 700; font-size: 13px; } } .nfInput.externalLabel .nfTextField { padding: 0 10px; } .nfInput.externalLabel .placeLabel, .nfInput.externalLabel .nfTextField:focus + .placeLabel, .nfInput.externalLabel .hasText + .placeLabel { top: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); font-size: 16px; } .nfInput .tooltipWrapper, .nfInput .tooltipWrapperErr { position: absolute; top: 12px; right: 10px; } .nfInput.tooltip .nfInputPlacement, .nfInput.tooltipError .nfInputPlacement { width: 100%; } .nfInput.tooltip .nfTextField, .nfInput.tooltipError .nfTextField { padding: 10px 50px 0 10px; border: solid 1px #8c8c8c; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .nfInput.tooltip .nfTextField:focus, .nfInput.tooltipError .nfTextField:focus { border-color: #0071eb; outline: none; } .nfInput.tooltipError .nfTextField { border-color: #b92d2b; } .nfInput.tooltipError .nfTextField:focus { border-color: #b92d2b; outline: none; } .nfInput.tooltipValidated .nfTextField { border-color: #5fa53f; } .nfInput.tooltipValidated .nfTextField:focus { border-color: #5fa53f; outline: none; } @media only screen and (max-width: 740px) { } @media screen and (min-width: 740px) { } .nfEmailPhoneControls { position: relative; } .nfEmailPhoneControls.nfEmailPhoneHasSelector .nfTextField { padding-right: 68px; } .nfEmailPhoneControls.nfEmailPhoneHasSelector.nfEmailPhoneOnMobile { overflow: hidden; } .nfEmailPhoneControls .nfTextField::-webkit-credentials-auto-fill-button { background-color: #8c8c8c; margin-top: -11px; } .nfEmailPhoneControls .nfTextField::-ms-clear { background: transparent; color: #8c8c8c; height: 24px; margin-top: -10px; width: 24px; } .nfEmailPhoneControls .ui-select-wrapper.country-select { position: absolute; right: 1px; top: 3px; border: 0; } .nfEmailPhoneControls .ui-select-current { background: transparent; } .nfEmailPhoneControls .ui-select-options { left: auto; right: -1px; top: 45px; } @media only screen and (max-width: 740px) { } @media screen and (min-width: 740px) { } .nfPasswordInput { position: relative; z-index: 0; } .nfPasswordInput .nfTextField { background: transparent; } .nfPasswordInput .nfTextField::-webkit-credentials-auto-fill-button { background-color: #8c8c8c; margin-top: -11px; } .nfPasswordInput .nfTextField::-webkit-caps-lock-indicator { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\"><path fill=\"black\" d=\"M12.5 0.5A 4 4 0 0 1 16.5 4.5L 16.5 12.5A 4 4 0 0 1 12.5 16.5L 4.5 16.5A 4 4 0 0 1 0.5 12.5L 0.5 4.5A 4 4 0 0 1 4.5 0.5L 12.5 0.5M 8.5 2L 4 7L 6.25 7L 6.25 10.25L 10.75 10.25L 10.75 7L 13 7L 8.5 2M 10.75 12L 6.25 12L 6.25 14.25L 10.75 14.25L 10.75 12\"/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\"><path fill=\"black\" d=\"M12.5 0.5A 4 4 0 0 1 16.5 4.5L 16.5 12.5A 4 4 0 0 1 12.5 16.5L 4.5 16.5A 4 4 0 0 1 0.5 12.5L 0.5 4.5A 4 4 0 0 1 4.5 0.5L 12.5 0.5M 8.5 2L 4 7L 6.25 7L 6.25 10.25L 10.75 10.25L 10.75 7L 13 7L 8.5 2M 10.75 12L 6.25 12L 6.25 14.25L 10.75 14.25L 10.75 12\"/></svg>"); -webkit-mask-size: 14px 14px; mask-size: 14px 14px; -webkit-user-select: none; user-select: none; -webkit-appearance: none; appearance: none; background-color: #8c8c8c; content: ''; height: 14px; margin: 6px 2px 0 3px; width: 14px; } .nfPasswordInput .nfTextField::-ms-reveal, .nfPasswordInput .nfTextField::-ms-clear { background: transparent; color: #8c8c8c; height: 24px; margin-top: -10px; width: 24px; } .nfPasswordControls { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #ffffff; } .nfPasswordControls > label { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .nfPasswordHasToggle .nfPasswordControls { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #0071eb; } .nfPasswordHasToggle .nfPasswordControls .nfTextField, .nfPasswordHasToggle .nfPasswordControls .nfPasswordToggle { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 46px; } .nfPasswordInError .nfPasswordControls { border-color: #b92d2b; } .nfPasswordToggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #8c8c8c; font-size: 14px; border: 0; background: transparent; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .btn-bar { padding: 0 0 1em; clear: both; } .btn-bar.hilite { background-color: #e5e5e5; padding: 10px; } .btn-bar.hilite em, .btn-bar.hilite b { font-weight: bold; font-style: normal; } .btn-bar.noHilite em, .btn-bar.noHilite b { font-style: normal; font-weight: normal; } .btn-bar.top-padding { padding-top: 1em; } .btn-bar-left { text-align: left; } .btn-bar-left .btn { margin-right: 1em; margin-left: 0; } .btn-bar-right { text-align: right; } .btn-bar-right .btn { margin-right: 0; margin-left: 1em; } .btn-bar-center { text-align: center; } .btn-bar-center .btn { margin-right: 0.5em; margin-left: 0.5em; } .btn { display: inline-block; text-decoration: none; line-height: 1em; vertical-align: middle; cursor: pointer; font-weight: 400; letter-spacing: .1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; position: relative; /* Default Styling. Same as btn-gray */ color: #000; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd)); background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd); background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd); background-image: -o-linear-gradient(top, #e6e6e6, #dddddd); background-image: linear-gradient(to bottom, #e6e6e6, #dddddd); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .btn .btn-text { position: relative; top: 1px; } .btn.disabled { cursor: default; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5; } .btn.waiting, .btn.waiting:disabled, .btn.waiting.akira-button, .btn.waiting:disabled.akira-button, .btn.waiting.akira-button-red, .btn.waiting:disabled.akira-button-red { color: rgba(255, 255, 255, 0); } .btn.waiting span, .btn.waiting:disabled span, .btn.waiting.akira-button span, .btn.waiting:disabled.akira-button span, .btn.waiting.akira-button-red span, .btn.waiting:disabled.akira-button-red span { opacity: 0; } .btn:hover, .btn.hover { text-decoration: none; background: #eaeaea; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .btn:active, .btn.active { background: #c2c2c2; } .btn.disabled { background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd)); background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd); background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd); background-image: -o-linear-gradient(top, #e6e6e6, #dddddd); background-image: linear-gradient(to bottom, #e6e6e6, #dddddd); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .btn .waitIndicator { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .btn .waitIndicator .basic-spinner { position: absolute; top: 50%; left: 50%; } .btn-blue, .btn-submit, .action-button { color: #fff; background-color: #0080ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#0080ff), to(#0277ec)); background-image: -webkit-linear-gradient(top, #0080ff, #0277ec); background-image: -moz- oldlinear-gradient(top, #0080ff, #0277ec); background-image: -o-linear-gradient(top, #0080ff, #0277ec); background-image: linear-gradient(to bottom, #0080ff, #0277ec); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-blue:hover, .btn-submit:hover, .action-button:hover, .btn-blue.hover, .btn-submit.hover, .action-button.hover { background: #2490fd; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-blue:active, .btn-submit:active, .action-button:active, .btn-blue.active, .btn-submit.active, .action-button.active { background: #0166c9; } .btn-blue.disabled, .btn-submit.disabled, .action-button.disabled { background-color: #0080ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#0080ff), to(#0272e2)); background-image: -webkit-linear-gradient(top, #0080ff, #0272e2); background-image: -moz- oldlinear-gradient(top, #0080ff, #0272e2); background-image: -o-linear-gradient(top, #0080ff, #0272e2); background-image: linear-gradient(to bottom, #0080ff, #0272e2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-red { color: #fff; background-color: #e50914; background-image: -webkit-gradient(linear, left top, left bottom, from(#e50914), to(#db0510)); background-image: -webkit-linear-gradient(top, #e50914, #db0510); background-image: -moz- oldlinear-gradient(top, #e50914, #db0510); background-image: -o-linear-gradient(top, #e50914, #db0510); background-image: linear-gradient(to bottom, #e50914, #db0510); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); } .btn-red .basic-spinner { -webkit-box-shadow: inset 2px 2px 0 #ffffff; -moz-box-shadow: inset 2px 2px 0 #ffffff; box-shadow: inset 2px 2px 0 #ffffff; } .btn-red:hover, .btn-red.hover, .btn-red:focus { background: #f40612; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); } .btn-red:focus { -webkit-box-shadow: 0 0 0 0.085em #85050b; -moz-box-shadow: 0 0 0 0.085em #85050b; box-shadow: 0 0 0 0.085em #85050b; } .btn-red:active, .btn-red.active { background: #bb0a12; } .btn-red.disabled { background-color: #e50914; background-image: -webkit-gradient(linear, left top, left bottom, from(#e50914), to(#db0510)); background-image: -webkit-linear-gradient(top, #e50914, #db0510); background-image: -moz- oldlinear-gradient(top, #e50914, #db0510); background-image: -o-linear-gradient(top, #e50914, #db0510); background-image: linear-gradient(to bottom, #e50914, #db0510); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); } .btn-orange { color: #000; background-color: #FFA00A; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA00A), to(#f09300)); background-image: -webkit-linear-gradient(top, #FFA00A, #f09300); background-image: -moz- oldlinear-gradient(top, #FFA00A, #f09300); background-image: -o-linear-gradient(top, #FFA00A, #f09300); background-image: linear-gradient(to bottom, #FFA00A, #f09300); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); } .btn-orange:hover, .btn-orange.hover { background: #ffb43d; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); } .btn-orange:active, .btn-orange.active { background: #d68300; } .btn-orange.disabled { background-color: #e50914; background-image: -webkit-gradient(linear, left top, left bottom, from(#e50914), to(#db0510)); background-image: -webkit-linear-gradient(top, #e50914, #db0510); background-image: -moz- oldlinear-gradient(top, #e50914, #db0510); background-image: -o-linear-gradient(top, #e50914, #db0510); background-image: linear-gradient(to bottom, #e50914, #db0510); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); } .btn-gray, .btn-plain { color: #000; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd)); background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd); background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd); background-image: -o-linear-gradient(top, #e6e6e6, #dddddd); background-image: linear-gradient(to bottom, #e6e6e6, #dddddd); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .btn-gray:hover, .btn-plain:hover, .btn-gray.hover, .btn-plain.hover { background: #eaeaea; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .btn-gray:active, .btn-plain:active, .btn-gray.active, .btn-plain.active { background: #c2c2c2; } .btn-gray.disabled, .btn-plain.disabled { background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd)); background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd); background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd); background-image: -o-linear-gradient(top, #e6e6e6, #dddddd); background-image: linear-gradient(to bottom, #e6e6e6, #dddddd); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .btn-dark-gray { color: #fff; background-color: #8c8c8c; background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#7a7a7a)); background-image: -webkit-linear-gradient(top, #8c8c8c, #7a7a7a); background-image: -moz- oldlinear-gradient(top, #8c8c8c, #7a7a7a); background-image: -o-linear-gradient(top, #8c8c8c, #7a7a7a); background-image: linear-gradient(to bottom, #8c8c8c, #7a7a7a); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-dark-gray:hover, .btn-dark-gray.hover { background: #878787; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-dark-gray:active, .btn-dark-gray.active { background: #555555; } .btn-dark-gray.disabled { background-color: #8c8c8c; background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#7a7a7a)); background-image: -webkit-linear-gradient(top, #8c8c8c, #7a7a7a); background-image: -moz- oldlinear-gradient(top, #8c8c8c, #7a7a7a); background-image: -o-linear-gradient(top, #8c8c8c, #7a7a7a); background-image: linear-gradient(to bottom, #8c8c8c, #7a7a7a); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-darker-gray { color: #fff; background-color: #3a3a3a; background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#393939)); background-image: -webkit-linear-gradient(top, #3a3a3a, #393939); background-image: -moz- oldlinear-gradient(top, #3a3a3a, #393939); background-image: -o-linear-gradient(top, #3a3a3a, #393939); background-image: linear-gradient(to bottom, #3a3a3a, #393939); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-darker-gray:hover, .btn-darker-gray.hover { background: #464646; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-darker-gray:active, .btn-darker-gray.active { background: #444444; } .btn-darker-gray.disabled { background-color: #3a3a3a; background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#393939)); background-image: -webkit-linear-gradient(top, #3a3a3a, #393939); background-image: -moz- oldlinear-gradient(top, #3a3a3a, #393939); background-image: -o-linear-gradient(top, #3a3a3a, #393939); background-image: linear-gradient(to bottom, #3a3a3a, #393939); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } .btn-outline { color: #666; background: rgba(0, 0, 0, 0); border: 1px solid #666; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-outline:hover, .btn-outline.hover { background: none; border-color: #333; color: #333; } .btn-outline:active, .btn-outline.active { border-color: #1a1a1a; color: #1a1a1a; } .btn-outline.disabled { border-color: #999; color: #999; } .btn-white-outline { color: #fff; background: rgba(0, 0, 0, 0); border: solid 1px rgba(255, 255, 255, 0.75); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .btn-white-outline:hover, .btn-white-outline.hover { background: rgba(0, 0, 0, 0); border: solid 1px #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-white-outline:active, .btn-white-outline.active { background: rgba(0, 0, 0, 0); border: solid 1px rgba(255, 255, 255, 0.55); } .btn-white-outline.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; border: solid 1px rgba(255, 255, 255, 0.75); } .btn-white-outline.btn-medium { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } .btn-white-outline.btn-small { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); } .btn-white { color: #fff; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd)); background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd); background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd); background-image: -o-linear-gradient(top, #e6e6e6, #dddddd); background-image: linear-gradient(to bottom, #e6e6e6, #dddddd); -webkit-box-shadow: 0 1px 0 rgba(1, 1, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(1, 1, 0, 0.2); box-shadow: 0 1px 0 rgba(1, 1, 0, 0.2); } .btn-white:hover, .btn-white.hover { background: rgba(0, 0, 0, 0); border: solid 1px #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-white:active, .btn-white.active { background: rgba(0, 0, 0, 0); border: solid 1px rgba(255, 255, 255, 0.55); } .btn-white.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; border: solid 1px rgba(255, 255, 255, 0.75); } .btn.btn-retro-signup { background-color: #1872d9; background-image: -webkit-gradient(linear, left top, left bottom, from(#1872d9), to(#135aac)); background-image: -webkit-linear-gradient(top, #1872d9, #135aac); background-image: -moz- oldlinear-gradient(top, #1872d9, #135aac); background-image: -o-linear-gradient(top, #1872d9, #135aac); background-image: linear-gradient(to bottom, #1872d9, #135aac); color: #fff; -webkit-box-shadow: inset 0 1px 0 0 #5e9de4; -moz-box-shadow: inset 0 1px 0 0 #5e9de4; box-shadow: inset 0 1px 0 0 #5e9de4; border: 1px solid #265890; text-shadow: 1px 1px 1px #000; line-height: 22px; font-weight: 700; font-size: 20px; padding: 15px 40px; min-width: 250px; } .btn.btn-retro-signup:hover { background: #115099; background-color: #1b7ff2; background-image: -webkit-gradient(linear, left top, left bottom, from(#1b7ff2), to(#115099)); background-image: -webkit-linear-gradient(top, #1b7ff2, #115099); background-image: -moz- oldlinear-gradient(top, #1b7ff2, #115099); background-image: -o-linear-gradient(top, #1b7ff2, #115099); background-image: linear-gradient(to bottom, #1b7ff2, #115099); -webkit-box-shadow: 0 4px 10px -6px #010101, inset 0 1px 0 0 #60a6f6; -moz-box-shadow: 0 4px 10px -6px #010101, inset 0 1px 0 0 #60a6f6; box-shadow: 0 4px 10px -6px #010101, inset 0 1px 0 0 #60a6f6; } .btn.btn-retro-signup:active { background: #0d3c73; background-color: #115099; background-image: -webkit-gradient(linear, left top, left bottom, from(#115099), to(#0d3c73)); background-image: -webkit-linear-gradient(top, #115099, #0d3c73); background-image: -moz- oldlinear-gradient(top, #115099, #0d3c73); background-image: -o-linear-gradient(top, #115099, #0d3c73); background-image: linear-gradient(to bottom, #115099, #0d3c73); -webkit-box-shadow: inset 0 1px 0 0 #073b7e; -moz-box-shadow: inset 0 1px 0 0 #073b7e; box-shadow: inset 0 1px 0 0 #073b7e; color: #b3b3b3; border: 1px solid #1e5292; } .btn-block { display: block; margin-left: 0; margin-right: 0; } .btn { position: relative; font-size: 1em; padding: 24.5px 2em; min-width: 74px; min-height: 50px; margin: .5em .5em .5em 0; } @media only screen and (max-width: 500px) { .btn { width: 100%; margin: .5em auto; } } .btn.btn-x-large { font-size: 26px; padding: 23px 2em; min-width: 124px; min-height: 72px; } @media only screen and (max-width: 500px) { .btn.btn-x-large { width: 100%; margin: .5em auto; } } .btn.btn-large { font-size: 20px; padding: 14px 2em; min-width: 112px; min-height: 48px; } @media only screen and (max-width: 500px) { .btn.btn-large { width: 100%; margin: .5em auto; } } .btn.btn-medium { font-size: 16px; padding: 10.5px 2em; min-width: 104px; min-height: 37px; } @media only screen and (max-width: 500px) { .btn.btn-medium { width: 100%; margin: .5em auto; } } .btn.btn-select { font-size: 16px; padding: 5.5px 2em; min-width: 104px; min-height: 27px; } .btn.btn-select.t-size-SMALL { font-size: 10px; line-height: 9px; vertical-align: middle; } .btn.btn-select.t-size-MEDIUM { font-size: 15px; line-height: 15px; vertical-align: middle; } .btn.btn-select.t-size-LARGE { font-size: 18px; line-height: 18px; vertical-align: middle; } @media only screen and (max-width: 500px) { .btn.btn-select { width: 30%; margin: .5em auto; } } .btn.btn-small { display: block; width: 100%; padding: 0; margin: .5em auto; line-height: 50px; } @media only screen and (min-width: 500px) { .btn.btn-small { display: inline-block; font-size: 13px; padding: 12px 2em; min-width: 98px; min-height: 37px; margin-right: .5em; padding-left: 1em; padding-right: 1em; width: auto; line-height: 1em; } } .akira-button { outline: none; padding: .5em 1em; margin: 0; display: inline-block; border: none; background: #333; color: #fff; font-weight: bold; } .akira-button.btn-medium { padding: .5em 1em; } .akira-button:hover { background-color: #4d4d4d; } .akira-button:active { background-color: #4d4d4d; } .akira-button:disabled { color: #333; background-color: #333; } .akira-button:disabled.waiting { color: #333; } .akira-button.akira-button-red { background-color: #E50914; color: #fff; } .akira-button.akira-button-red:hover { background-color: #ee000c; } .akira-button.akira-button-red:active { background-color: #ee000c; } .akira-button.akira-button-red:disabled { color: #4d4d4d; background-color: rgba(229, 9, 20, 0.3); } .outline-btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; background-color: transparent; border: 2px solid #E50914; color: #E50914; padding: 13px 2em; cursor: pointer; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .outline-btn:hover, .outline-btn:focus { background-color: rgba(50, 50, 50, 0.05); text-decoration: none; } .outline-btn:active { background-color: rgba(50, 50, 50, 0.15); } .outline-btn.outline-btn-white { color: #fff; border-color: #fff; } .outline-btn.outline-btn-white:hover { background-color: rgba(220, 220, 220, 0.3); text-decoration: none; } .outline-btn.outline-btn-white:active { background-color: rgba(220, 220, 220, 0.45); } .ui-message-container { display: table; width: 100%; margin: 10px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ui-message-contents { display: table-cell; vertical-align: middle; padding: 20px 10px; color: #fff; } .ui-message-contents a { color: inherit; text-decoration: underline; } .ui-message-link { color: #fff; text-decoration: underline; } .ui-message-icon { display: table-cell; vertical-align: middle; color: white; width: 53px; } .ui-message-icon:before { font-family: 'nf-icon'; line-height: 1.5em; padding-left: 20px; font-size: 1.5em; } .ui-message-subtle { background-color: #f7f7f7; border: solid 1px #ccc; } .ui-message-subtle > .ui-message-icon { color: #000; } .ui-message-subtle > .ui-message-icon:before { content: '\e799'; } .ui-message-subtle .ui-message-contents { color: #000; } .ui-message-info { background: #03AEFD; } .ui-message-info > .ui-message-icon:before { content: '\e799'; } .ui-message-wait { text-align: center; } .ui-message-warn { background: #FFA00A; } .ui-message-warn > .ui-message-icon:before { content: '\e796'; } .ui-message-error { background: #FFA00A; } .ui-message-error > .ui-message-icon:before { content: '\e805'; } .ui-message-success { background: #5fa53f; } .ui-message-success > .ui-message-icon:before { content: '\e802'; } @media only screen and (min-width: 500px) { } .body-modal-open { overflow: hidden; } .nfmodal { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.65); z-index: 100; overflow: auto; overflow: scroll; -webkit-overflow-scrolling: touch; color: #333; } .nfmodal.opaque { background-color: #000; } .nfmodal.opaque .nfdialog { color: #fff; background-color: transparent; } .nfmodal.clearBackground { background-color: transparent; } .nfmodal.fluidWidth { text-align: center; } .nfmodal.fluidWidth .nfdialog { display: inline-block; text-align: left; max-width: none; } .nfdialog { max-width: 640px; min-height: 200px; color: inherit; font-size: 0.9em; text-align: left; margin: 12% auto 0; overflow: visible; background-color: #fff; padding-bottom: 20px; } .nfdialog.small { width: 500px; min-height: 150px; padding-bottom: 0; } .nfdialog.large { max-width: 700px; width: 700px; min-height: 250px; margin-top: 3%; } @media only screen and (max-width: 790px) { .nfdialog.small, .nfdialog.large { width: 90%; } } @media only screen and (max-width: 360px) { .nfdialog { width: 95%; } } .nfdhead, .nfdfoot { -webkit-border-radius: inherit; -moz-border-radius: inherit; border-radius: inherit; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; min-height: 18px; } .nfdhead.unused, .nfdfoot.unused { display: none; } .nfdhead, .nfdcontent, .nfdfoot { padding: 6px 20px; } .nfdhead { border-bottom-radius: 0; position: relative; margin-bottom: 10px; } .nfdhead h1 { margin: 10px 20px 0 0; padding: 0; font-weight: normal; color: inherit; } .nfdhead h3 { margin: 5px 0 0; } .opaque .nfdhead h1 { font-size: 3.5vw; text-align: center; } @media screen and (max-width: 800px) { .opaque .nfdhead h1 { font-size: 30px; } } .buttonbar { margin-bottom: 25px; } .nfdfoot, .buttonbar { text-align: right; overflow: hidden; } .nfdfoot .svf-button, .buttonbar .svf-button { float: none; display: inline-block; margin-left: 1em; margin-right: 0; min-width: 8em; text-align: center; } .nfdfoot .leftLink, .buttonbar .leftLink { float: left; margin-left: 0; margin-right: 1em; } .nfdfoot .rightLink, .buttonbar .rightLink { float: right; margin-right: 0; margin-left: 1em; } .nfdcontent { padding: 6px 20px 5px; } @media only screen and (max-width: 360px) { .nfdcontent { padding: 6px 10px 5px; } } .nfdcontent em { color: #AE1D00; font-style: normal; font-weight: bold; } .nfdcontent .topImg { display: block; min-height: 300px; min-width: 400px; margin: 15px auto 0; } .nfdclose { position: absolute; height: 30px; width: 30px; cursor: pointer; text-align: center; line-height: 30px; margin: 0; padding: 0; text-decoration: none; top: 10px; right: 10px; } .nfdclose:hover { text-decoration: none; } .nfdclose:before { content: '\00D7'; font-size: 40px; color: #666; } .ui-select-wrapper { padding: 0; margin: 0; border: solid 1px #b3b3b3; cursor: pointer; width: 100%; position: relative; } .ui-select-wrapper:after { font-family: 'nf-icon'; color: black; font-size: 6px; content: '\e898'; position: absolute; pointer-events: none; right: 10px; top: 17px; } .ui-select-wrapper.ui-select-wrapper-open:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media only screen AND (min-width: 740px) { .ui-select-wrapper { max-width: 600px; } } .ui-select-wrapper .native-select { position: absolute; opacity: 0; bottom: 0; height: 100%; } .ui-select-wrapper-link { padding: 0; margin: 0; text-decoration: none; display: block; color: #333; } .ui-select-wrapper-link:hover { text-decoration: none; } .ui-select-current { padding: 10px 20px 10px 10px; margin: 0; position: relative; height: 42px; width: 100%; background: #fff; } .ui-select-current:after { content: ''; visibility: hidden; } .ui-select-options-hidden { display: none; } .ui-select-item-highlighted { background-color: #f3f3f3; } .ui-select-item-selected { font-weight: bold; } .ui-select-item { list-style: none; margin: 0; padding: 10px; } .ui-select-item-link { color: #333; text-decoration: none; } .ui-select-item-link:hover { text-decoration: none; } .ui-select-item:hover { background-color: #f3f3f3; } .ui-select-options { margin: 1px 0 0 0; padding: 0; position: absolute; top: 40px; left: -1px; width: 100%; border: 1px solid #ccc; margin-top: -1px; background: #fff; z-index: 2; max-height: 500px; overflow-y: scroll; overflow-x: hidden; } .nf-flag { background-image: url('https://assets.nflxext.com/ffe/siteui/common/icons/flags/flag-sprite-v5.png'); background-repeat: no-repeat; display: block; } .nf-flag.nf-flag-ad { background-position: -5px -5px; width: 16px; height: 11px; } .nf-flag.nf-flag-ae { background-position: -5px -26px; width: 16px; height: 11px; } .nf-flag.nf-flag-af { background-position: -5px -47px; width: 16px; height: 11px; } .nf-flag.nf-flag-ag { background-position: -5px -68px; width: 16px; height: 11px; } .nf-flag.nf-flag-ai { background-position: -5px -89px; width: 16px; height: 11px; } .nf-flag.nf-flag-al { background-position: -5px -110px; width: 16px; height: 11px; } .nf-flag.nf-flag-am { background-position: -5px -131px; width: 16px; height: 11px; } .nf-flag.nf-flag-an { background-position: -5px -152px; width: 16px; height: 11px; } .nf-flag.nf-flag-ao { background-position: -5px -173px; width: 16px; height: 11px; } .nf-flag.nf-flag-ar { background-position: -5px -194px; width: 16px; height: 11px; } .nf-flag.nf-flag-as { background-position: -5px -215px; width: 16px; height: 11px; } .nf-flag.nf-flag-at { background-position: -5px -236px; width: 16px; height: 11px; } .nf-flag.nf-flag-au { background-position: -5px -257px; width: 16px; height: 11px; } .nf-flag.nf-flag-aw { background-position: -5px -278px; width: 16px; height: 11px; } .nf-flag.nf-flag-ax { background-position: -5px -299px; width: 16px; height: 11px; } .nf-flag.nf-flag-az { background-position: -5px -320px; width: 16px; height: 11px; } .nf-flag.nf-flag-ba { background-position: -5px -341px; width: 16px; height: 11px; } .nf-flag.nf-flag-bb { background-position: -5px -362px; width: 16px; height: 11px; } .nf-flag.nf-flag-bd { background-position: -5px -383px; width: 16px; height: 11px; } .nf-flag.nf-flag-be { background-position: -5px -404px; width: 16px; height: 11px; } .nf-flag.nf-flag-bf { background-position: -5px -425px; width: 16px; height: 11px; } .nf-flag.nf-flag-bg { background-position: -5px -446px; width: 16px; height: 11px; } .nf-flag.nf-flag-bh { background-position: -5px -467px; width: 16px; height: 11px; } .nf-flag.nf-flag-bi { background-position: -5px -488px; width: 16px; height: 11px; } .nf-flag.nf-flag-bj { background-position: -5px -509px; width: 16px; height: 11px; } .nf-flag.nf-flag-bl { background-position: -5px -530px; width: 16px; height: 11px; } .nf-flag.nf-flag-bm { background-position: -5px -551px; width: 16px; height: 11px; } .nf-flag.nf-flag-bn { background-position: -5px -572px; width: 16px; height: 11px; } .nf-flag.nf-flag-bo { background-position: -5px -593px; width: 16px; height: 11px; } .nf-flag.nf-flag-bq { background-position: -5px -614px; width: 16px; height: 11px; } .nf-flag.nf-flag-br { background-position: -5px -635px; width: 16px; height: 11px; } .nf-flag.nf-flag-bs { background-position: -5px -656px; width: 16px; height: 11px; } .nf-flag.nf-flag-bt { background-position: -5px -677px; width: 16px; height: 11px; } .nf-flag.nf-flag-bv { background-position: -5px -698px; width: 16px; height: 11px; } .nf-flag.nf-flag-bw { background-position: -5px -719px; width: 16px; height: 11px; } .nf-flag.nf-flag-by { background-position: -5px -740px; width: 16px; height: 11px; } .nf-flag.nf-flag-bz { background-position: -5px -761px; width: 16px; height: 11px; } .nf-flag.nf-flag-ca { background-position: -5px -782px; width: 16px; height: 11px; } .nf-flag.nf-flag-catalonia { background-position: -5px -803px; width: 16px; height: 11px; } .nf-flag.nf-flag-cc { background-position: -5px -824px; width: 16px; height: 11px; } .nf-flag.nf-flag-cd { background-position: -5px -845px; width: 16px; height: 11px; } .nf-flag.nf-flag-cf { background-position: -5px -866px; width: 16px; height: 11px; } .nf-flag.nf-flag-cg { background-position: -5px -887px; width: 16px; height: 11px; } .nf-flag.nf-flag-ch { background-position: -5px -908px; width: 11px; height: 11px; } .nf-flag.nf-flag-ci { background-position: -5px -929px; width: 16px; height: 11px; } .nf-flag.nf-flag-ck { background-position: -5px -950px; width: 16px; height: 11px; } .nf-flag.nf-flag-cl { background-position: -5px -971px; width: 16px; height: 11px; } .nf-flag.nf-flag-cm { background-position: -5px -992px; width: 16px; height: 11px; } .nf-flag.nf-flag-cn { background-position: -5px -1013px; width: 16px; height: 11px; } .nf-flag.nf-flag-co { background-position: -5px -1034px; width: 16px; height: 11px; } .nf-flag.nf-flag-cr { background-position: -5px -1055px; width: 16px; height: 11px; } .nf-flag.nf-flag-cs { background-position: -5px -1076px; width: 16px; height: 11px; } .nf-flag.nf-flag-cu { background-position: -5px -1097px; width: 16px; height: 11px; } .nf-flag.nf-flag-cv { background-position: -5px -1118px; width: 16px; height: 11px; } .nf-flag.nf-flag-cw { background-position: -5px -1139px; width: 16px; height: 11px; } .nf-flag.nf-flag-cx { background-position: -5px -1160px; width: 16px; height: 11px; } .nf-flag.nf-flag-cy { background-position: -5px -1181px; width: 16px; height: 11px; } .nf-flag.nf-flag-cz { background-position: -5px -1202px; width: 16px; height: 11px; } .nf-flag.nf-flag-de { background-position: -5px -1223px; width: 16px; height: 11px; } .nf-flag.nf-flag-dj { background-position: -5px -1244px; width: 16px; height: 11px; } .nf-flag.nf-flag-dk { background-position: -5px -1265px; width: 16px; height: 11px; } .nf-flag.nf-flag-dm { background-position: -5px -1286px; width: 16px; height: 11px; } .nf-flag.nf-flag-do { background-position: -5px -1307px; width: 16px; height: 11px; } .nf-flag.nf-flag-dz { background-position: -5px -1328px; width: 16px; height: 11px; } .nf-flag.nf-flag-ec { background-position: -5px -1349px; width: 16px; height: 11px; } .nf-flag.nf-flag-ee { background-position: -5px -1370px; width: 16px; height: 11px; } .nf-flag.nf-flag-eg { background-position: -5px -1391px; width: 16px; height: 11px; } .nf-flag.nf-flag-eh { background-position: -5px -1412px; width: 16px; height: 11px; } .nf-flag.nf-flag-england { background-position: -5px -1433px; width: 16px; height: 11px; } .nf-flag.nf-flag-er { background-position: -5px -1454px; width: 16px; height: 11px; } .nf-flag.nf-flag-es { background-position: -5px -1475px; width: 16px; height: 11px; } .nf-flag.nf-flag-et { background-position: -5px -1496px; width: 16px; height: 11px; } .nf-flag.nf-flag-europeanunion { background-position: -5px -1517px; width: 16px; height: 11px; } .nf-flag.nf-flag-fam { background-position: -5px -1538px; width: 16px; height: 11px; } .nf-flag.nf-flag-fi { background-position: -5px -1559px; width: 16px; height: 11px; } .nf-flag.nf-flag-fj { background-position: -5px -1580px; width: 16px; height: 11px; } .nf-flag.nf-flag-fk { background-position: -5px -1601px; width: 16px; height: 11px; } .nf-flag.nf-flag-fm { background-position: -5px -1622px; width: 16px; height: 11px; } .nf-flag.nf-flag-fo { background-position: -5px -1643px; width: 16px; height: 11px; } .nf-flag.nf-flag-fr { background-position: -5px -1664px; width: 16px; height: 11px; } .nf-flag.nf-flag-ga { background-position: -5px -1685px; width: 16px; height: 11px; } .nf-flag.nf-flag-gb { background-position: -5px -1706px; width: 16px; height: 11px; } .nf-flag.nf-flag-gd { background-position: -5px -1727px; width: 16px; height: 11px; } .nf-flag.nf-flag-ge { background-position: -5px -1748px; width: 16px; height: 11px; } .nf-flag.nf-flag-gf { background-position: -5px -1769px; width: 16px; height: 11px; } .nf-flag.nf-flag-gg { background-position: -5px -1790px; width: 16px; height: 11px; } .nf-flag.nf-flag-gh { background-position: -5px -1811px; width: 16px; height: 11px; } .nf-flag.nf-flag-gi { background-position: -5px -1832px; width: 16px; height: 11px; } .nf-flag.nf-flag-gl { background-position: -5px -1853px; width: 16px; height: 11px; } .nf-flag.nf-flag-gm { background-position: -5px -1874px; width: 16px; height: 11px; } .nf-flag.nf-flag-gn { background-position: -5px -1895px; width: 16px; height: 11px; } .nf-flag.nf-flag-gp { background-position: -5px -1916px; width: 16px; height: 11px; } .nf-flag.nf-flag-gq { background-position: -5px -1937px; width: 16px; height: 11px; } .nf-flag.nf-flag-gr { background-position: -5px -1958px; width: 16px; height: 11px; } .nf-flag.nf-flag-gs { background-position: -5px -1979px; width: 16px; height: 11px; } .nf-flag.nf-flag-gt { background-position: -5px -2000px; width: 16px; height: 11px; } .nf-flag.nf-flag-gu { background-position: -5px -2021px; width: 16px; height: 11px; } .nf-flag.nf-flag-gw { background-position: -5px -2042px; width: 16px; height: 11px; } .nf-flag.nf-flag-gy { background-position: -5px -2063px; width: 16px; height: 11px; } .nf-flag.nf-flag-hk { background-position: -5px -2084px; width: 16px; height: 11px; } .nf-flag.nf-flag-hm { background-position: -5px -2105px; width: 16px; height: 11px; } .nf-flag.nf-flag-hn { background-position: -5px -2126px; width: 16px; height: 11px; } .nf-flag.nf-flag-hr { background-position: -5px -2147px; width: 16px; height: 11px; } .nf-flag.nf-flag-ht { background-position: -5px -2168px; width: 16px; height: 11px; } .nf-flag.nf-flag-hu { background-position: -5px -2189px; width: 16px; height: 11px; } .nf-flag.nf-flag-id { background-position: -5px -2210px; width: 16px; height: 11px; } .nf-flag.nf-flag-ie { background-position: -5px -2231px; width: 16px; height: 11px; } .nf-flag.nf-flag-il { background-position: -5px -2252px; width: 16px; height: 11px; } .nf-flag.nf-flag-im { background-position: -5px -2273px; width: 16px; height: 11px; } .nf-flag.nf-flag-in { background-position: -5px -2294px; width: 16px; height: 11px; } .nf-flag.nf-flag-io { background-position: -5px -2315px; width: 16px; height: 11px; } .nf-flag.nf-flag-iq { background-position: -5px -2336px; width: 16px; height: 11px; } .nf-flag.nf-flag-ir { background-position: -5px -2357px; width: 16px; height: 11px; } .nf-flag.nf-flag-is { background-position: -5px -2378px; width: 16px; height: 11px; } .nf-flag.nf-flag-it { background-position: -5px -2399px; width: 16px; height: 11px; } .nf-flag.nf-flag-je { background-position: -5px -2420px; width: 16px; height: 11px; } .nf-flag.nf-flag-jm { background-position: -5px -2441px; width: 16px; height: 11px; } .nf-flag.nf-flag-jo { background-position: -5px -2462px; width: 16px; height: 11px; } .nf-flag.nf-flag-jp { background-position: -5px -2483px; width: 16px; height: 11px; } .nf-flag.nf-flag-ke { background-position: -5px -2504px; width: 16px; height: 11px; } .nf-flag.nf-flag-kg { background-position: -5px -2525px; width: 16px; height: 11px; } .nf-flag.nf-flag-kh { background-position: -5px -2546px; width: 16px; height: 11px; } .nf-flag.nf-flag-ki { background-position: -5px -2567px; width: 16px; height: 11px; } .nf-flag.nf-flag-km { background-position: -5px -2588px; width: 16px; height: 11px; } .nf-flag.nf-flag-kn { background-position: -5px -2609px; width: 16px; height: 11px; } .nf-flag.nf-flag-kp { background-position: -5px -2630px; width: 16px; height: 11px; } .nf-flag.nf-flag-kr { background-position: -5px -2651px; width: 16px; height: 11px; } .nf-flag.nf-flag-kw { background-position: -5px -2672px; width: 16px; height: 11px; } .nf-flag.nf-flag-ky { background-position: -5px -2693px; width: 16px; height: 11px; } .nf-flag.nf-flag-kz { background-position: -5px -2714px; width: 16px; height: 11px; } .nf-flag.nf-flag-la { background-position: -5px -2735px; width: 16px; height: 11px; } .nf-flag.nf-flag-lb { background-position: -5px -2756px; width: 16px; height: 11px; } .nf-flag.nf-flag-lc { background-position: -5px -2777px; width: 16px; height: 11px; } .nf-flag.nf-flag-li { background-position: -5px -2798px; width: 16px; height: 11px; } .nf-flag.nf-flag-lk { background-position: -5px -2819px; width: 16px; height: 11px; } .nf-flag.nf-flag-lr { background-position: -5px -2840px; width: 16px; height: 11px; } .nf-flag.nf-flag-ls { background-position: -5px -2861px; width: 16px; height: 11px; } .nf-flag.nf-flag-lt { background-position: -5px -2882px; width: 16px; height: 11px; } .nf-flag.nf-flag-lu { background-position: -5px -2903px; width: 16px; height: 11px; } .nf-flag.nf-flag-lv { background-position: -5px -2924px; width: 16px; height: 11px; } .nf-flag.nf-flag-ly { background-position: -5px -2945px; width: 16px; height: 11px; } .nf-flag.nf-flag-ma { background-position: -5px -2966px; width: 16px; height: 11px; } .nf-flag.nf-flag-mc { background-position: -5px -2987px; width: 16px; height: 11px; } .nf-flag.nf-flag-md { background-position: -5px -3008px; width: 16px; height: 11px; } .nf-flag.nf-flag-me { background-position: -5px -3029px; width: 16px; height: 12px; } .nf-flag.nf-flag-mf { background-position: -5px -3051px; width: 16px; height: 11px; } .nf-flag.nf-flag-mg { background-position: -5px -3072px; width: 16px; height: 11px; } .nf-flag.nf-flag-mh { background-position: -5px -3093px; width: 16px; height: 11px; } .nf-flag.nf-flag-mk { background-position: -5px -3114px; width: 16px; height: 11px; } .nf-flag.nf-flag-ml { background-position: -5px -3135px; width: 16px; height: 11px; } .nf-flag.nf-flag-mm { background-position: -5px -3156px; width: 16px; height: 11px; } .nf-flag.nf-flag-mn { background-position: -5px -3177px; width: 16px; height: 11px; } .nf-flag.nf-flag-mo { background-position: -5px -3198px; width: 16px; height: 11px; } .nf-flag.nf-flag-mp { background-position: -5px -3219px; width: 16px; height: 11px; } .nf-flag.nf-flag-mq { background-position: -5px -3240px; width: 16px; height: 11px; } .nf-flag.nf-flag-mr { background-position: -5px -3261px; width: 16px; height: 11px; } .nf-flag.nf-flag-ms { background-position: -5px -3282px; width: 16px; height: 11px; } .nf-flag.nf-flag-mt { background-position: -5px -3303px; width: 16px; height: 11px; } .nf-flag.nf-flag-mu { background-position: -5px -3324px; width: 16px; height: 11px; } .nf-flag.nf-flag-mv { background-position: -5px -3345px; width: 16px; height: 11px; } .nf-flag.nf-flag-mw { background-position: -5px -3366px; width: 16px; height: 11px; } .nf-flag.nf-flag-mx { background-position: -5px -3387px; width: 16px; height: 11px; } .nf-flag.nf-flag-my { background-position: -5px -3408px; width: 16px; height: 11px; } .nf-flag.nf-flag-mz { background-position: -5px -3429px; width: 16px; height: 11px; } .nf-flag.nf-flag-na { background-position: -5px -3450px; width: 16px; height: 11px; } .nf-flag.nf-flag-nc { background-position: -5px -3471px; width: 16px; height: 11px; } .nf-flag.nf-flag-ne { background-position: -5px -3492px; width: 16px; height: 11px; } .nf-flag.nf-flag-nf { background-position: -5px -3513px; width: 16px; height: 11px; } .nf-flag.nf-flag-ng { background-position: -5px -3534px; width: 16px; height: 11px; } .nf-flag.nf-flag-ni { background-position: -5px -3555px; width: 16px; height: 11px; } .nf-flag.nf-flag-nl { background-position: -5px -3576px; width: 16px; height: 11px; } .nf-flag.nf-flag-no { background-position: -5px -3597px; width: 16px; height: 11px; } .nf-flag.nf-flag-np { background-position: -5px -3618px; width: 9px; height: 11px; } .nf-flag.nf-flag-nr { background-position: -5px -3639px; width: 16px; height: 11px; } .nf-flag.nf-flag-nu { background-position: -5px -3660px; width: 16px; height: 11px; } .nf-flag.nf-flag-nz { background-position: -5px -3681px; width: 16px; height: 11px; } .nf-flag.nf-flag-om { background-position: -5px -3702px; width: 16px; height: 11px; } .nf-flag.nf-flag-pa { background-position: -5px -3723px; width: 16px; height: 11px; } .nf-flag.nf-flag-pe { background-position: -5px -3744px; width: 16px; height: 11px; } .nf-flag.nf-flag-pf { background-position: -5px -3765px; width: 16px; height: 11px; } .nf-flag.nf-flag-pg { background-position: -5px -3786px; width: 16px; height: 11px; } .nf-flag.nf-flag-ph { background-position: -5px -3807px; width: 16px; height: 11px; } .nf-flag.nf-flag-pk { background-position: -5px -3828px; width: 16px; height: 11px; } .nf-flag.nf-flag-pl { background-position: -5px -3849px; width: 16px; height: 11px; } .nf-flag.nf-flag-pm { background-position: -5px -3870px; width: 16px; height: 11px; } .nf-flag.nf-flag-pn { background-position: -5px -3891px; width: 16px; height: 11px; } .nf-flag.nf-flag-pr { background-position: -5px -3912px; width: 16px; height: 11px; } .nf-flag.nf-flag-ps { background-position: -5px -3933px; width: 16px; height: 11px; } .nf-flag.nf-flag-pt { background-position: -5px -3954px; width: 16px; height: 11px; } .nf-flag.nf-flag-pw { background-position: -5px -3975px; width: 16px; height: 11px; } .nf-flag.nf-flag-py { background-position: -5px -3996px; width: 16px; height: 11px; } .nf-flag.nf-flag-qa { background-position: -5px -4017px; width: 16px; height: 11px; } .nf-flag.nf-flag-re { background-position: -5px -4038px; width: 16px; height: 11px; } .nf-flag.nf-flag-ro { background-position: -5px -4059px; width: 16px; height: 11px; } .nf-flag.nf-flag-rs { background-position: -5px -4080px; width: 16px; height: 11px; } .nf-flag.nf-flag-ru { background-position: -5px -4101px; width: 16px; height: 11px; } .nf-flag.nf-flag-rw { background-position: -5px -4122px; width: 16px; height: 11px; } .nf-flag.nf-flag-sa { background-position: -5px -4143px; width: 16px; height: 11px; } .nf-flag.nf-flag-sb { background-position: -5px -4164px; width: 16px; height: 11px; } .nf-flag.nf-flag-sc { background-position: -5px -4185px; width: 16px; height: 11px; } .nf-flag.nf-flag-scotland { background-position: -5px -4206px; width: 16px; height: 11px; } .nf-flag.nf-flag-sd { background-position: -5px -4227px; width: 16px; height: 11px; } .nf-flag.nf-flag-se { background-position: -5px -4248px; width: 16px; height: 11px; } .nf-flag.nf-flag-sg { background-position: -5px -4269px; width: 16px; height: 11px; } .nf-flag.nf-flag-sh { background-position: -5px -4290px; width: 16px; height: 11px; } .nf-flag.nf-flag-si { background-position: -5px -4311px; width: 16px; height: 11px; } .nf-flag.nf-flag-sj { background-position: -5px -4332px; width: 16px; height: 11px; } .nf-flag.nf-flag-sk { background-position: -5px -4353px; width: 16px; height: 11px; } .nf-flag.nf-flag-sl { background-position: -5px -4374px; width: 16px; height: 11px; } .nf-flag.nf-flag-sm { background-position: -5px -4395px; width: 16px; height: 11px; } .nf-flag.nf-flag-sn { background-position: -5px -4416px; width: 16px; height: 11px; } .nf-flag.nf-flag-so { background-position: -5px -4437px; width: 16px; height: 11px; } .nf-flag.nf-flag-sr { background-position: -5px -4458px; width: 16px; height: 11px; } .nf-flag.nf-flag-ss { background-position: -5px -4479px; width: 16px; height: 11px; } .nf-flag.nf-flag-st { background-position: -5px -4500px; width: 16px; height: 11px; } .nf-flag.nf-flag-sv { background-position: -5px -4521px; width: 16px; height: 11px; } .nf-flag.nf-flag-sx { background-position: -5px -4542px; width: 15px; height: 11px; } .nf-flag.nf-flag-sy { background-position: -5px -4563px; width: 16px; height: 11px; } .nf-flag.nf-flag-sz { background-position: -5px -4584px; width: 16px; height: 11px; } .nf-flag.nf-flag-tc { background-position: -5px -4605px; width: 16px; height: 11px; } .nf-flag.nf-flag-td { background-position: -5px -4626px; width: 16px; height: 11px; } .nf-flag.nf-flag-tf { background-position: -5px -4647px; width: 16px; height: 11px; } .nf-flag.nf-flag-tg { background-position: -5px -4668px; width: 16px; height: 11px; } .nf-flag.nf-flag-th { background-position: -5px -4689px; width: 16px; height: 11px; } .nf-flag.nf-flag-tj { background-position: -5px -4710px; width: 16px; height: 11px; } .nf-flag.nf-flag-tk { background-position: -5px -4731px; width: 16px; height: 11px; } .nf-flag.nf-flag-tl { background-position: -5px -4752px; width: 16px; height: 11px; } .nf-flag.nf-flag-tm { background-position: -5px -4773px; width: 16px; height: 11px; } .nf-flag.nf-flag-tn { background-position: -5px -4794px; width: 16px; height: 11px; } .nf-flag.nf-flag-to { background-position: -5px -4815px; width: 16px; height: 11px; } .nf-flag.nf-flag-tr { background-position: -5px -4836px; width: 16px; height: 11px; } .nf-flag.nf-flag-tt { background-position: -5px -4857px; width: 16px; height: 11px; } .nf-flag.nf-flag-tv { background-position: -5px -4878px; width: 16px; height: 11px; } .nf-flag.nf-flag-tw { background-position: -5px -4899px; width: 16px; height: 11px; } .nf-flag.nf-flag-tz { background-position: -5px -4920px; width: 16px; height: 11px; } .nf-flag.nf-flag-ua { background-position: -5px -4941px; width: 16px; height: 11px; } .nf-flag.nf-flag-ug { background-position: -5px -4962px; width: 16px; height: 11px; } .nf-flag.nf-flag-um { background-position: -5px -4983px; width: 16px; height: 11px; } .nf-flag.nf-flag-us { background-position: -5px -5004px; width: 16px; height: 11px; } .nf-flag.nf-flag-uy { background-position: -5px -5025px; width: 16px; height: 11px; } .nf-flag.nf-flag-uz { background-position: -5px -5046px; width: 16px; height: 11px; } .nf-flag.nf-flag-va { background-position: -5px -5067px; width: 16px; height: 11px; } .nf-flag.nf-flag-vc { background-position: -5px -5088px; width: 16px; height: 11px; } .nf-flag.nf-flag-ve { background-position: -5px -5109px; width: 16px; height: 11px; } .nf-flag.nf-flag-vg { background-position: -5px -5130px; width: 16px; height: 11px; } .nf-flag.nf-flag-vi { background-position: -5px -5151px; width: 16px; height: 11px; } .nf-flag.nf-flag-vn { background-position: -5px -5172px; width: 16px; height: 11px; } .nf-flag.nf-flag-vu { background-position: -5px -5193px; width: 16px; height: 11px; } .nf-flag.nf-flag-wales { background-position: -5px -5214px; width: 16px; height: 11px; } .nf-flag.nf-flag-wf { background-position: -5px -5235px; width: 16px; height: 11px; } .nf-flag.nf-flag-ws { background-position: -5px -5256px; width: 16px; height: 11px; } .nf-flag.nf-flag-ye { background-position: -5px -5277px; width: 16px; height: 11px; } .nf-flag.nf-flag-yt { background-position: -5px -5298px; width: 16px; height: 11px; } .nf-flag.nf-flag-za { background-position: -5px -5319px; width: 16px; height: 11px; } .nf-flag.nf-flag-zm { background-position: -5px -5340px; width: 16px; height: 11px; } .nf-flag.nf-flag-zw { background-position: -5px -5361px; width: 16px; height: 11px; } .nf-flag.nf-flag-xk { background-position: -5px -5382px; width: 16px; height: 11px; } .ui-select-wrapper.country-select { vertical-align: top; position: relative; width: 60px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #b3b3b3; } .ui-select-wrapper.country-select .ui-select-current { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .ui-select-wrapper.country-select .ui-select-current .country-name { display: none; } .ui-select-wrapper-link { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .country-name { padding-left: 26px; float: left; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .country-code { color: #999; font-style: normal; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .flag-select-option { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .flag-select-item-list { width: 350px; max-width: 100vw; max-height: 380px; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .country-select-flag { margin-top: 5px; position: absolute; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .currently-selected-code { position: absolute; z-index: 2; top: 13px; left: 70px; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .code-entry { padding-left: 60px; position: relative; color: #999; } .code-entry:before { font-family: 'nf-icon'; content: '\E786'; font-size: 40px; height: 40px; width: 40px; position: absolute; left: 0; } .code-entry:after { font-family: 'nf-icon'; content: '\E89B'; font-size: 30px; height: 30px; width: 20px; position: absolute; top: 5px; left: 30px; } .resend-container { margin-top: 10px; position: relative; } .resend-container > .basic-spinner { position: absolute; top: 2px; } .resend-message { margin-left: 25px; } .resend-link:hover, .resend-link:focus { cursor: pointer; } .code-entry-input { max-width: 120px; } .code-entry-input > input { text-align: center; } .reset-password-mop-input > input { width: 100%; } .ui-select-wrapper { display: inline-block; position: relative; } .ui-select-wrapper > .ui-label { margin-bottom: 0; } .ui-select-wrapper .select-arrow { position: relative; display: inline-block; width: 100%; } .ui-select-wrapper .select-arrow::after { font-family: 'nf-icon'; color: black; font-size: 6px; content: '\e898'; position: absolute; pointer-events: none; } .ui-select-wrapper .select-arrow.medium::after { right: 10px; top: 18px; } .ui-select-wrapper .select-arrow.medium::before { top: 11px; left: 15px; } .ui-select-wrapper .select-arrow.prefix.globe::before { content: '\e896'; } .ui-select-wrapper .select-arrow.prefix::before { font-family: 'nf-icon'; color: black; font-size: 16px; position: absolute; pointer-events: none; } .ui-select-wrapper .select-arrow.prefix .ui-select.medium { padding-left: 50px; text-indent: 2px; line-height: 1.7; } .ui-select { background: #fff; font-size: 16px; border: 1px solid #b3b3b3; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 100%; /*target Internet Explorer 9 and Internet Explorer 10:*/ } .ui-select::-ms-expand { display: none; } .ui-select.error { border-color: #B00500; } .ui-select.valid { border-color: #5fa53f; } .ui-select.medium { padding: 12px; } .lang-selection-container { margin-top: 20px; } .lang-selection-container .ui-select-wrapper { width: auto; } .lang-selection-container .ui-select-wrapper .select-arrow.prefix::before { top: 14px; } .lang-selection-container .ui-select-wrapper .select-arrow.prefix .ui-select.medium { text-indent: 0; padding-right: 26px; } .lang-selection-container .ui-select { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7)); background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -moz- oldlinear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); font-size: 13px; } .cta-fb-gdp { background: #3b5998; color: #fff; cursor: pointer; } .cta-fb-gdp.disabled { background-color: #4c70ba; background-image: none; opacity: 1; cursor: default; } .cta-fb-gdp.disabled:hover { background-color: #4c70ba; } .cta-fb-gdp:hover { background: #3b5998; color: #fff; } .icon-facebook { margin-right: 10px; vertical-align: middle; } .fb-minimal { margin-bottom: -8px; } .fb-minimal hr { background: #ccc; height: 1px; border: none; } .fb-minimal .fb-login { background: transparent; color: #0080FF; cursor: pointer; border: none; font-size: 14px; } .fb-minimal .minimal-login { border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; margin: 0; } .fb-minimal .minimal-login.btn-small { width: auto; } .fb-minimal .icon-facebook { margin-right: 10px; vertical-align: middle; width: 23px; height: 23px; color: #fff; } .fb-minimal .icon-facebook::before { background: #3b5998; padding-left: 1px; padding-right: 1px; } /* Style a button element to appear like an anchor. Useful for accessibility * when adding a "link" with no href. */ .recaptcha-terms-of-use { position: relative; text-align: left; } .recaptcha-terms-of-use--link-button { background-color: transparent; border: none; color: #0071eb; cursor: pointer; display: inline; font-family: inherit; font-size: inherit; padding: 0; } .recaptcha-terms-of-use--link-button:hover { text-decoration: underline; } .recaptcha-terms-of-use--link-button:focus { outline: none; } .recaptcha-terms-of-use--link-button.-hidden { visibility: hidden; } .recaptcha-terms-of-use--disclosure { visibility: hidden; opacity: 0; -webkit-transition: height 0.5s ease, opacity 0.5s ease; -o-transition: height 0.5s ease, opacity 0.5s ease; -moz-transition: height 0.5s ease, opacity 0.5s ease; transition: height 0.5s ease, opacity 0.5s ease; } .recaptcha-terms-of-use--disclosure.-visible { visibility: visible; opacity: 1; } .recaptcha-terms-of-use--disclosure.-absolute { position: absolute; } .login-input { padding-bottom: 24px; } .login-input > .ui-text-input { margin-top: 3px; } @media only screen and (min-width: 360px) { .login-input > .ui-text-input { width: 100%; max-width: 100%; } } .login-form { margin-bottom: 10px; } .login-forgot-password-wrapper { width: 100%; text-align: left; margin-bottom: 10px; font-size: 14px; } .login-button.btn {position:relative; width: 100%; background: #E50914; } @media only screen and (min-width: 500px) { .login-button.btn { padding: 16px; font-size: 18px; } } @media only screen and (min-width: 360px) { .login-button.btn { width: 100%; max-width: 100%; } } .login-hr { background: #cccccc; height: 1px; border: none; margin: 15px 0; } .ui-label-text { color: #333333; } .ui-message-container { background: #999; } .ui-message-icon { display: none; } .cta-fb-gdp.btn { width: 100%; margin-top: 0; } @media only screen and (min-width: 500px) { .cta-fb-gdp.btn { padding: 16px; font-size: 18px; } } @media only screen and (min-width: 360px) { .cta-fb-gdp.btn { width: 100%; max-width: 100%; } } .input-message.error { bottom: -12px; } .no-password-login-help-form { display: inline-block; } .no-password-login-help-button { border: 0; background: none; text-decoration: underline; cursor: pointer; padding: 0; color: #ffffff; } .ui-input-label.login-input-password { padding-bottom: 42px; } @media only screen and (min-width: 350px) { .ui-input-label.login-input-password { padding-bottom: 16px; } } .recaptcha-terms-of-use { margin-top: 11px; font-size: 13px; color: #8c8c8c; } .grecaptcha-badge { display: none; } /* * @condition showPasswordEnabled */ .hybrid-password-wrapper { position: relative; } .hybrid-password-wrapper .hidden-input { position: absolute; left: -9999px; } .hybrid-password-wrapper .input-message { -webkit-transition: bottom 300ms; -o-transition: bottom 300ms; -moz-transition: bottom 300ms; transition: bottom 300ms; } .hybrid-password-wrapper .input-message.error { bottom: 6px; } .hybrid-password-wrapper.hybrid-password-shown .input-message.error { bottom: -42px; } .hybrid-password-wrapper ~ .login-forgot-password-wrapper, .hybrid-password-wrapper ~ .login-forgot-password-wrapper-left { margin-top: 30px; text-align: left; } @media only screen and (min-width: 350px) { .hybrid-password.login-input-password { padding-bottom: 43px; } } .hybrid-password > input { position: relative; z-index: 30; } .show-toggle, .hide-toggle, .no-toggle { position: absolute; border: 0; background: transparent; font-size: .875em; right: 0; top: 2px; padding: 0; z-index: 40; color: #0080FF; } .show-toggle:focus, .hide-toggle:focus, .no-toggle:focus { outline: 0; } .no-toggle { visibility: hidden; } .password-reveal { position: absolute; display: inline-block; z-index: 20; top: 62px; width: 100%; padding: 12px 50px 12px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #DCDCDC; min-height: 42px; } .password-reveal > span { overflow: hidden; position: relative; display: inline-block; width: 100%; } .password-reveal-show-enter { top: 20px; } .password-reveal-show-enter-active { top: 62px; -webkit-transition: top 300ms; -o-transition: top 300ms; -moz-transition: top 300ms; transition: top 300ms; } .password-reveal-show-leave { top: 20px; -webkit-transition: top 300ms; -o-transition: top 300ms; -moz-transition: top 300ms; transition: top 300ms; } /* Theme overrides */ .hybrid-login-wrapper { background-color: #000; color: #fff; } .hybrid-login-wrapper .nfHeader { background: none; border: 0; } .hybrid-login-wrapper .login-wrapper-background { opacity: 0.5; } .hybrid-login-wrapper .footer-divider { border-color: #737373; } .hybrid-login-wrapper .site-footer-wrapper { margin-top: 0; } .hybrid-login-wrapper .login-footer { background: rgba(0, 0, 0, 0.75); } .hybrid-login-wrapper .site-footer, .hybrid-login-wrapper .footer-top, .hybrid-login-wrapper .footer-top-a, .hybrid-login-wrapper .footer-link { color: #757575; } .hybrid-login-wrapper .ui-select-wrapper .ui-select { background-color: #000; background-image: none; border: 1px solid #333; } .hybrid-login-wrapper .ui-select-wrapper .native-select { width: 100%; } .hybrid-login-wrapper .ui-select-wrapper .select-arrow.prefix::before, .hybrid-login-wrapper .ui-select-wrapper .select-arrow.prefix::after { color: #999; } .hybrid-login-form { background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; min-height: 515px; padding: 20px 0 30px; width: 100%; /* Title overrides */ /* Input field overrides */ /* Email/Phone input overrides */ /* Country selector overrides */ /* Password input overrides */ /* Login button overrides */ /* Help control styling & overrides */ /* Other control styling & overrides */ } .hybrid-login-form.hybrid-login-form-signup { min-height: 550px; } @media only screen and (min-width: 740px) { .hybrid-login-form { min-height: 625px; padding: 60px 68px 40px; margin-bottom: 90px; } .hybrid-login-form.hybrid-login-form-signup { min-height: 660px; } } .hybrid-login-form .hybrid-login-form-main { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .hybrid-login-form h1 { color: #fff; font-size: 32px; font-weight: bold; margin-bottom: 28px; } .hybrid-login-form .ui-message-container { background: #E87C03; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; margin: 0 0 16px; } .hybrid-login-form .ui-message-contents { padding: 10px 20px; } .hybrid-login-form .nfInput { max-width: 100%; } .hybrid-login-form .nfTextField { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; color: #fff; height: 50px; line-height: 50px; padding: 16px 20px 0; } .hybrid-login-form .login-input { padding-bottom: 16px; } .hybrid-login-form .placeLabel { left: 20px; } .hybrid-login-form .nfTextField:-webkit-autofill + .placeLabel { color: #000; top: 7px; } .hybrid-login-form .nfTextField:focus + .placeLabel, .hybrid-login-form .hasText + .placeLabel { top: 7px; } .hybrid-login-form .login-input-static .nfTextField + .placeLabel { top: 7px; font-size: 11px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .hybrid-login-form .inputError { color: #E87C03; margin-bottom: -6px; padding: 6px 3px; } .hybrid-login-form .nfEmailPhoneInError .nfEmailPhoneControls, .hybrid-login-form .nfPasswordInError .nfPasswordControls { position: relative; } .hybrid-login-form .nfEmailPhoneInError .nfEmailPhoneControls::after, .hybrid-login-form .nfPasswordInError .nfPasswordControls::after { border-bottom: 2px solid #E87C03; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; bottom: 0; content: ''; display: block; height: 6px; left: 0; pointer-events: none; position: absolute; width: 100%; } .hybrid-login-form .nfEmailPhoneControls { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; } .hybrid-login-form .nfEmailPhoneControls .nfTextField { background: #333; } .hybrid-login-form .nfEmailPhoneControls .nfTextField:focus { background: #454545; } .hybrid-login-form .nfEmailPhoneControls .nfTextField::-webkit-credentials-auto-fill-button { background-color: #8c8c8c; margin-top: -14px; } .hybrid-login-form .nfEmailPhoneControls .nfTextField::-ms-clear { color: #8c8c8c; margin-top: -15px; } .hybrid-login-form .nfEmailPhoneControls.nfEmailPhoneHasSelector .nfTextField { padding-right: 55px; } .hybrid-login-form .nfEmailPhoneControls.nfEmailPhoneHasSelector .country-select { display: inline-block; } .hybrid-login-form .ui-select-wrapper.country-select { right: 0; top: 0; width: 55px; display: none; } .hybrid-login-form .ui-select-wrapper.country-select .ui-select-current { height: 50px; } .hybrid-login-form .ui-select-wrapper.country-select .country-select-flag { margin-top: 10px; } .hybrid-login-form .ui-select-wrapper::after { color: #8c8c8c; top: 22px; } .hybrid-login-form .ui-select-options { background: #595959; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0; -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5); max-height: 285px; max-width: 90vw; padding: 15px; right: 0; top: 51px; width: 500px; } @media only screen and (min-width: 740px) { .hybrid-login-form .ui-select-options { width: 314px; } } .hybrid-login-form .ui-select-item { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px 15px; } .hybrid-login-form .ui-select-item:hover, .hybrid-login-form .ui-select-item-highlighted { background: #737373; } .hybrid-login-form .ui-select-item-link { color: #fff; } .hybrid-login-form .ui-select-item-link .country-name { font-size: 14px; padding: 0; } .hybrid-login-form .ui-select-item-link .country-code { color: #fff; } .hybrid-login-form .ui-select-item-link .country-select-flag { display: none; } .hybrid-login-form .nfPasswordControls { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; background: #333; } .hybrid-login-form .nfPasswordControls .nfTextField { height: 50px; } .hybrid-login-form .nfPasswordControls .nfTextField::-webkit-credentials-auto-fill-button { background-color: #8c8c8c; margin-top: -14px; } .hybrid-login-form .nfPasswordControls .nfTextField::-webkit-caps-lock-indicator { background-color: #8c8c8c; margin-top: 3px; } .hybrid-login-form .nfPasswordControls .nfTextField::-ms-reveal, .hybrid-login-form .nfPasswordControls .nfTextField::-ms-clear { color: #8c8c8c; margin-top: -15px; } .hybrid-login-form .nfPasswordControls .nfPasswordToggle { height: 50px; padding: 0 12px; display: none; } .hybrid-login-form .nfPasswordHasToggle .nfPasswordControls { background: #454545; } .hybrid-login-form .nfPasswordHasToggle .nfPasswordControls .nfTextField { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; padding-right: 0; } .hybrid-login-form .nfPasswordHasToggle .nfPasswordControls .nfTextField:-webkit-autofill { padding-right: 20px; } .hybrid-login-form .nfPasswordHasToggle .nfPasswordControls .nfPasswordToggle { display: block; } .hybrid-login-form .login-button {position:relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; font-weight: bold; margin: 24px 0 12px; } .hybrid-login-form .hybrid-login-form-help { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .hybrid-login-form .login-remember-me { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 20px; } .hybrid-login-form .login-remember-me input[type=checkbox] + label { padding: 0; } .hybrid-login-form .login-remember-me input[type=checkbox] + label::before { background: #737373; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0; height: 16px; left: -20px; width: 16px; } .hybrid-login-form .login-remember-me input[type=checkbox]:focus + label::before, .hybrid-login-form .login-remember-me input[type=checkbox]:active + label::before { background: #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .hybrid-login-form .login-remember-me input[type=checkbox]:checked + label::after { color: #000; font-size: 18px; left: -21px; top: 0; } .hybrid-login-form .login-remember-me-label-text { color: #b3b3b3; font-size: 13px; font-weight: 500; } .hybrid-login-form .login-help-link { color: #b3b3b3; -webkit-box-flex: 0; -webkit-flex: 0 0 1; -moz-box-flex: 0; -ms-flex: 0 0 1; flex: 0 0 1; font-size: 13px; font-weight: 500; padding-top: 2px; } .hybrid-login-form .hybrid-login-form-other { -webkit-box-flex: 0; -webkit-flex: 0 0 1; -moz-box-flex: 0; -ms-flex: 0 0 1; flex: 0 0 1; } .hybrid-login-form .login-form { margin-bottom: 0; } .hybrid-login-form .facebookForm hr { display: none; } .hybrid-login-form .facebookForm .fb-minimal { margin-bottom: 0; } .hybrid-login-form .facebookForm .btn-submit { margin-top: 16px; min-height: 0; } .hybrid-login-form .facebookForm .icon-facebook { height: 20px; width: 20px; } .hybrid-login-form .facebookForm .fbBtnText { color: #737373; font-size: 13px; font-weight: 500; } .hybrid-login-form .login-signup-now { color: #737373; font-size: 16px; font-weight: 500; margin-top: 16px; } .hybrid-login-form .login-signup-now a { color: #fff; } @media only screen and (max-width: 740px) { } @media only screen and (max-width: 740px) { } @media screen and (min-width: 740px) { } @media only screen and (min-width: 500px) { }