/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
  outline: none;
  box-shadow: none;
  border: 2px solid #ccc;
  margin-right: 4px;
  padding: 4px 8px 2px;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
[role="button"] {
  cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1, h2, h3 {                 
  margin-top: 20px;
  margin-bottom: 10px;
}                     
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { margin: 0 0 10px; }

small { font-size: 85%; }

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt, dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}


/* bootstrap popover */

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}



/* Instantwatcher specific */

/* higher contrast link colors */
a:link, a:focus, a:visited, a:hover { color: #03c; }


/* STRUCTURE */

.hot { color: red; font-variant: small-caps; } 

body { color: #111; background-color: #ccc; padding-top: 1em; }


.main-container { 
  display: grid;
  background-color: white;
  border: 1px solid #CCC;
  border-radius: 6px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  min-height: 1200px;
}
/* affix top nav esp due to infinite scroll */
.top-nav.affix {
    position: static;
}
.main-container h3 { font-size: 20px }

h3:first-child { margin-top: 0 }

.subscript { font-size:9px; vertical-align:bottom; } 

.footer {
  grid-area: footer;
  margin-top: 15px;
  background-color: #efefef;
  padding: 15px;
  font-size: 12px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.footer .footer-item {
  margin-right: 15px;
}
.haskell-footer-item a {
  font-family: Ubuntu,sans-serif;
}
.haskell-logo { vertical-align: top; margin-right: 5px; }

.main-content { 
  grid-area: main;
  padding-left: 15px;
  padding-right: 15px;
}

.ad-banner-top {
  margin-bottom: 10px;
}

.sidebar { 
  /* sidebar has a fixed width to fix skyscraper ad; TODO this doesn't matter */
  grid-area: sidebar;
  font-size: smaller;
  border-left: 1px dotted #CCC;
  padding-left: 15px;
  padding-right: 15px;
}

.header { 
  grid-area: header;
  padding: 0 15px; 
  border-top-left-radius: 6px;  
  border-top-right-radius: 6px; 
}

.header h2 { display: inline-block }
.header .top-search-form { float: right; margin-top: 20px;}
.header input#q { width: 250px }
.header .endorsement { }
.header .endorsement a {  color: #999 }

.top-nav { 
  margin: 10px -15px 14px; 
  padding: 2px 15px; 
  color: white;
}

a.switch-device {
    font-size: 12px;
    font-style: normal;
    padding-left: 30px;
}
a.switch-device:link,
a.switch-device:visited { 
    color: #333; 
    font-style: normal;
}

.site-switch { font-size: 14px; font-weight: normal; color: #777; }
.site-switch a { font-size: 14px; font-weight: normal; }
.logo a.site-switch-amazon a:hover,
  .logo .site-switch-amazon a:link,
  .logo .site-switch-amazon a:visited { 
      text-decoration: none;
      color: #999; }

.logo a.site-switch-amazon:hover { text-decoration: underline; }
.logo { margin-bottom: 0; margin-top: 0.5em; }
.amazon .logo .w { color: #999 }

/* logo color */
.logo a:link, .logo a:visited, .logo a:hover { color: #424242 }

.nav-title { font-size: 16px; font-weight: bold; margin-right: 15px;  }
.top-nav a { 
  color:white; 
  display: inline-block; 
  font-size: 15px; 
  margin-right: 10px; 
}
.top-nav .nav-title a:link { 
  /* to make clear country is linked */
  text-decoration: underline; 
}

h2.site-notice { margin-bottom: 10px;  }

h2 a, h2 a:hover, h2 a:visited, h2 a:link {
  color: #999;
  text-decoration: none;
}

h2 span.lead { 
  display: inline-block; font-size: 19px;  color: #333; margin-bottom: 0; 
} 

/* added by instantwatcher */

div.slider {
  margin-left: 0.5em;
  pointer-events: auto;
}

.svg-range-box { 
  margin-top: 10px; 
  height: auto; 
  display: block; 
  height: 60px;
  position: relative;
  pointer-events: none;
}
.svg-range-box.rangebars-up .rangebar-container  { 
  z-index: 202;
  border: green;
}
/*
.svg-range-box svg.bar-graph              { display: none; }
.svg-range-box.rangebars-up svg.bar-graph { display: block; }
*/

.svg-range-box input { 
  margin-right: 15px; 
  margin-bottom: -5px; 
  margin-top: 5px; 
  font-size: 12px; 
  border: none 
}
.svg-range-box input[type=text] { font-size: 10px; }

.svg-range-box label { 
  transition-property: top;
  transition-duration: 0.2s;
  z-index: 0; 
  background-color: white;
  top: 0;
  font-size: 12px; 
  font-weight: bold; 
  position: relative;
}
.svg-range-box.rangebars-up label { 
  position: relative;
  top: -80px;
  border: 1px solid #CCC;
  width: 100%;
  height: 154px;
  padding: 10px 20px;
  margin-left: -20px;
  z-index: 101; /* ui slider is 100 */
}

.svg-range-box svg { 
  display: block; 
  margin-bottom: 1px;
}
.rangebar-container {
  position: absolute;
  top: -70px;
}

.range-value { font-size: 12px;  }
rect {
  fill: #EDEDED;
}
rect.selected { 
  fill: #777;
}
.axis path, .axis line { fill: none; stroke: #ccc; shape-rendering: crispEdges; }
.axis path.domain { display: none; }

.y-axis path { fill: none; stroke: none; }
.axis text { font-family: sans-serif; font-size: 9px; }



#filter-list-prime { }

.current-genre { display: inline-block; font-size: 18px; margin: 1px 0 10px; font-weight: bold; } 

ul.breadcrumbs { margin-bottom: 5px }


/* TODO DELETE genre map page */
a.see-all-genres { font-weight: bold }
.genre-map ul { }
.genre-map li { padding-left: 15px; }
.genre-map .disabled { color: #999; }



/* sidebar */

.sidebar h4 { margin-top: 0 }
.sidebar .list-title { margin: 0; padding: 1px 0; border-bottom: 1px dotted #CCC; }
.sidebar .list-title a, 
  .sidebar .list-title a:link,
  .sidebar .list-title a:visited,
  .sidebar .list-title a:hover { color: #03c !important; font-weight: normal; text-decoration: none; }
.sidebar .list-title { word-wrap: break-word; }
.sidebar .list-title .year { display: none }
.sidebar-section { margin-bottom: 1em }
.recently-queued h4 {
  font-size: 13px;
  margin-bottom: 5px;
}


/* homepage */
.homepage-banner { margin: 0 0 10px; }

@media screen and (min-width: calc(752px)) {
  .homepage-sections {
      display: grid; 
      grid-template-columns: repeat(2, 50%);
      grid-template-rows: auto;
  }
}
@media screen and (max-width: calc(752px - 1px)) {
  .homepage-sections {
      display: block; 
  }
}
.homepage-section { 
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.homepage-section .list-title { 
    margin: 0; 
    margin-bottom: 8px; 
    margin-right: 10px;
    height: 60px;
} 
.homepage-section .list-title { 
    line-height: 17px;
}
.homepage-section .list-title .iw-boxart {
    margin-top: 3px;
}
.amazon .homepage-section .list-title .iw-boxart {
    max-height: 53px;
}
.homepage-section .paid-or-prime { display: none }
.homepage-section h3 { margin-top: 10px; }
.homepage-section a.subheader-link {
    display: block;
    color: #999;
    margin-top: -5px;
    margin-bottom: 15px;
}
.homepage-section .sub-header { 
    margin-left: 20px;
    font-size: 1.2rem;
    font-weight: normal;
}
.homepage-section ol {
    padding-left: 20px; 
}
.homepage-section ul { 

}
.homepage-section .homepage-items { 
}
.homepage-section ol li { 
    margin-right: 20px; 
}
/* TEMP */
a:link.trailer-link,
a:visited.trailer-link { 
  font-size: 12px;
  color: #666;
}

.rank-position {
    float: left;
    margin-top: 3px;
    width: 23px;
    margin-right: 10px;
    text-align: center;
}
.rank-position.date {
    font-size: 0.9em;
    font-weight: bold;
    color: #999;
}
.position {
    color: #999;
    font-weight: bold;
    font-size: 0.9em;
    display: block;
}
.movement { 
    display: block;
    color: #999;
    margin-top: 3px;
    font-size: smaller; 
}
.movement-big-positive { color: red; }


.minimal-title .list-title img { display: none }
.minimal-title .list-title .hideable { display: none }

.popover .action { display: none }
.popover .webpage { display: none }
.popover li { list-style-type: none }
.popover { font-size: 13px; }



/* global styles */
img.prime-option-logo { height: 1.4em }
a.person-link, 
a.person-link:link, 
a.person-link:hover, 
a.person-link:visited { color: #07c; }


/* play and queue links */
a.action { font-size: 0.8em; padding: 1px 3px;  }
a.action:link, a.action:visited { background-color: #ececec; color: #000; text-decoration:none}
a.action:hover { color: #f0e68c; background-color: #777; text-decoration: none; }

.not-available {
  background-color: #777;
  color: white;
  border-radius: 2px;
  border: 1px solid #999;
}
.title-detail-top a.action, .title-detail-top span.not-available { 
  font-size: 1.0em;
  padding: 1px 3px; 
  border-radius: 3px;
  border: 1px solid #999;
}

a.imdb-link {color: #f2e68c; text-decoration: none; }

.runtime { font-size: smaller; font-weight: bold; }

.average_rating { 
  color: #222; 
  font-weight: bold;
}
.average-rating-diviser { color: #777 }

.studio { font-weight: bold; }
.award-count { font-size: smaller; font-weight: bold; color: #666; }
.available-from { font-size: 0.9em; }
.expiring-on { font-size: 0.9em; color:red; }
.directors { color: #999 }

.ratings-count {  
    color: #333; 
    white-space: nowrap;
}


/* SEARCH -- TOOD MOVE TO SEPARATE STYLESHEET */
/* FILTER SIDEBAR */

.radio-inline { margin-left: 5px }
.radio-inline input[type=radio] { margin-left: -17px; }
label { 
  margin-bottom: 3px;
}
#title-search-form { margin-bottom: 20px; }
#title-search-form form { display: inline-block; margin-right: 10px;  margin-bottom: 10px; }
#title-search-form form input[type=text] { margin: 0 }
#title-search-form select { margin-right: 5px;  }
#title-search-form label { margin-right: 5px; font-size: 12px;  }
.pjax-enabled #title-search-form input[type=submit] { display: none }

#title-search-form select  { font-size: 12px; }

.js-enabled .filter-item input[type=checkbox] { color: red; }
.js-enabled .filter-item label { }

.js-enabled .filter-item label input[type=checkbox] {
}
.js-enabled input[type=checkbox] + span.filter-item-label {
    width: 100%;
    padding: 1px 2px 0px;
    margin-top: -3px;
}
.js-enabled input:checked + span.filter-item-label {
    color: #000;
    font-weight: bold;
}
.js-enabled input:checked + span .filter-item-count {
    color: #000;
}


/* grouping header bars */
.title-grouping { clear: left; background-color: #2c3641; color: white; padding: 2px 2px; font-size: 12px  }
.filter-grouping { background-color: #999; color: white; padding: 2px 2px; font-size: 13px ; margin-bottom: 5px; font-weight:bold; }


.selected-filters-box { border: 1px dotted #333; padding: 0 6px 4px; margin: 10px -6px 4px; }
.selected-filters-box h4 { margin-top: 3px; margin-bottom: 6px; }
.selected-filters-box dt { color: #ccc }
.selected-filters-box dl { margin-bottom: 0; margin-top: 0px; }
.selected-filters-box dd { margin-left: 15px; }

.selected-filter-field dt { font-size: 12px; font-weight:bold; }

.toggle-filter-items { margin-top: -8px; }

h4.filter-label { font-weight: bold; font-size: 12px; }

.filter-active a, .range-active { background-color: pink; color:black }

.filter-item {
  width: 100px;
}
.filter-item input[type=checkbox] { 
  margin-right: 0px; 
}
/* TODO duplication */
.filter-item-link-inactive { color: #999 }
.filter-item label.inactive { color: #999 }

.filter-item-count { font-size: 9px; color: #999; margin-left: 2px; width: 3em; display:inline-block;; }


a.filter-item-exclude-link:link,
a.filter-item-exclude-link:visited,
a.filter-item-exclude-link:hover { display: none; color: #666; text-decoration: underline; }
 
/* do not reveal exclude links on small screens */

.tree-menu li.filter-item:hover > span.filter-item-without-children .filter-item-exclude-link { display: inline-block; }


span.exclude-link-anchor { position: relative }
.filter-item-exclude-link { position: absolute; left: 2px; background-color: #ECECEC; margin-top: -2px; padding: 1px 4px; border-radius: 3px; z-index: 100; }


.filter-selected-active-children { color: #CCC; display: inline-block; }


/* is this necessary? too complicated?
    kaja-search/KajaSearch/FilterBox.hs
*/
.filter-excluded > span > a.filter-item-link { text-decoration: line-through; }

.filter-item ul { margin-left: 1.1em; display:none; }

.disclosure { display: inline-block; width: 1.1em; color: #999 }
a.disclosure:link { color: #333; text-decoration:none  }
a.disclosure:visited { color: #333; text-decoration:none  }
a.disclosure:hover { color: #333; text-decoration:none  }

.disclosure-nonempty { color: #999 }
.disclosure-empty { color: #ECECEC; }
.disclosure-selected-children { color: red; }

ul.tree-menu {  margin-top: 6px; }

ul.filter-container {  
  margin-top: 0px; 
  margin-bottom: 0px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.filter-container h4 { 
  font-size: 11px;
  margin-bottom: 4px;
  margin-top: 4px;
}
.filter-container label { font-weight: normal; margin: 0; padding: 0; width: 100%; }

.filter-list-maturity_rating_level a { padding-right: 1px }
.filter-list-critics_rating .filter-item-count { width: 2em }



ul.tree-nav-breadcrumbs {
  list-style: none;
  background-color; #eee;
  margin-bottom: 4px;
}
ul.tree-nav-breadcrumbs li {
  display: inline
}
ul.tree-nav-breadcrumbs li + li:before {
  padding: 4px;
  color: black;
  content: "/\00a0";
}
/* Add a color to all links inside the list */
ul.tree-nav-breadcrumbx li a {
  color: #0275d8;
  text-decoration: none;
}
/* Add a color on mouse-over */
ul.tree-nav-breadcrumbs li a:hover {
  color: #01447e;
  text-decoration: underline;
}
.tree-nav-breadcrumbs .filter-item { 
  padding-right: 4px;
}
.tree-nav-breadcrumbs .filter-item-count { 
  width: auto;
  margin-left: auto;
}
.tree-nav-breadcrumb-selected {
  font-weight: bold;
}

/* new filters */

#filters1 select { font-size: 12px; margin-right: 6px;  }
select.active { border: 1px solid red; }

#language-select { font-size: 10px }

#advanced-search { display: none; }
#title-search-form { 
  clear:both; 
  margin-top:5px;
  padding-top: 5px;
  padding-bottom: 0px;
}

#title-search-form input[name=q] { margin-right: 10px; }
#title-search-search form input[type=submit] { clear:left; }


.search-filter-description { color: #666; font-size: larger; margin-bottom: 0.7em; font-weight: bold; line-height: 1.2em }

#total-results { margin-top: 0; margin-bottom: 5px; }
#total-results span.search-page-title { font-size: 18px;  }
#total-results span.match-count { 
  margin-right: 5px; 
  font-size: 17px; 
  font-weight: bold; 
  white-space: nowrap;
}
#total-results .random-title { float: right; } 
.unified #total-results .random-title { display: none }   /* CHANGEME TODO hide for now */

.search-page-title {}

form#search-form { margin-bottom: 1em; }
#search-form input[name=query] { font-size: larger; width: 15em; }

/* hide radio btns and checkboxes */

.filter-options-table { float: left; margin-bottom: 3px; margin-right: 3px; }
td.filter-label { background-color: #ececec; font-weight: bold; cursor: auto; min-width: 5.5em; }
.filter-options-table td { vertical-align: top; line-height: 1.1em; padding: 0.2em 0.4em; border: 1px dotted #ececec; min-width: 4em; border: 1px solid #666; }
.filter-option:hover { cursor: hand; background-color: #FEAFFE }
.filter-options-table td.search-query-box { border: none }
.filter-selected  { background-color: #F9C6F9; }  

/* #search-form label:hover  { background-color: pink; }  */
.genre-filters { margin: 0.3em 0 }
.genre-filters label { padding: 1px 3px; margin-right: 0.3em; }
.filter-not-available { color: #ECECEC; }
.filter-not-available span.count { color: #ECECEC; }
span.count { font-size: smaller; color: #666; }
span.subcount { float:right; font-size: smaller; color: #666; }
.filter-options select { border: 0; border-radius: 0; -webkit-appearance: none; }



/* Pagination */

#debugging { clear: both; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}



.pagination { margin-bottom: 5px; margin-top: 0px; }
.pagination-nav {  clear: left; padding-top: 10px; }
.pagination-stats {  margin-bottom: 10px; }

nav { clear: left }



/* Title list styling */

.search-title { font-size: 20px; }

ul { margin-left: 0; padding-left: 0; list-style-type: none; }

.list-title li { border-bottom: 1px solid #ececec; padding-bottom: 5px; margin-bottom: 5px; clear: left; min-height: 70px; }


a.title-in-list { font-weight: bold; }
.average-rating { font-size: smaller; color: #666; }

.list-title { margin: 0.3em 0 0.5em; clear: left; }

.genres a:link, .genres a:visited, .genres a:hover { color: #2E8299; }
.actors a:link, .actors a:visited, .actors a:hover { color: #6E8399; }
.cast a:link, .cast a:visited, .cast a:hover { color: #6E8399; }
.studio a:link, .studio a:visited, .studio a:hover { color: #6E8399; }
.directors a:link, .directors a:visited, .directors a:hover { color: #6E8399; }
.list-title .actors a { font-size: 13px; }
.list-title .cast a { font-size: 13px; }
.list-title .genres a { font-size: 13px; }
.list-title .directors a { font-size: 13px }
.popover .actors a { font-size: 12px; }
.popover .directors a { font-size: 12px }



.list-title .title-link { font-weight: bold; font-size: bigger; }
.list-title a.title-link:link,
  .list-title a.title-link:visited,
  .list-title a.title-link:hover { color: #111; }

.list-title .year { color: #333; font-size: 12px; }
.list-title .synopsis { color: #333; display: block; }
.list-title .content-type { font-weight: bold; color: #333; font-size: smaller; }
.list-title .studio { color: #f603e2 }
.maturity_rating, .maturity_rating_level { font-weight: bold; color: #333; font-size: smaller; }
.quality { color: #333; font-size: smaller; }
.list-title .average_rating { }
.nyt-critics-pick { color: #B32B2B; font-style:italic; font-size: 13px;  }
.nyt-review-available { font-size: 13px; font-style:italic; }
.popover .year { font-size: 11px }
.popover .nyt-critics-pick { font-size: 11px; }
.popover .nyt-review-available { font-size: 11px; }
table.li-title-container td { vertical-align: top }

.box-synopsis-mode { min-height: 97px }
.iw-boxart { float:left }
.list-title .iw-boxart { margin-top: 4px; margin-right: 10px; margin-bottom: 5px; width: 66px}



.li-title-image { padding-top: 4px; width: 90px; }
.li-title-image img { height: 60px; max-width: 80px; float:right; border: 1px solid #CCC }

.episode-count { font-weight: bold; font-size: smaller; color: #999 } 
.queue-count { font-weight: bold; font-size: smaller; color: #999 }
.queue-count-today { font-weight: bold; font-size: smaller; color: #999 }

/* rotten tomatoes */

.rt-score { color: #666; margin-left: 2px; } 
.rt-icon { display: inline-block; width: 12px; height: 17px; } 
.rt-icon-certified-fresh { background: transparent url('../images/rt_cert_16x16.png') no-repeat 0px 1px; width: 16px;  } 
.rt-icon-fresh { background: transparent url('../images/rticons.png') no-repeat -258px -143px; }
.rt-icon-rotten { background: transparent url('../images/rticons.png') no-repeat -274px -142px; }
.rt-icon-upright { background: transparent url('../images/rticons.png') no-repeat -291px -143px; }
.rt-icon-spilled { background: transparent url('../images/rticons.png') no-repeat -209px -143px; }

.license-box { display: inline-block; border: 1px solid #CCC; margin-right: 0.5em; padding: 1px 3px; }
.license-option { display: inline;  margin: 0 2px; }
.license-kind { font-weight: bold }
.license-box-prime { color: rgb(49,124,164); font-style: italic; }
a.license-box:hover { text-decoration:none } 

.list-title .license-box { font-size: smaller; }

li a.play-title-link { 
  color: #999; 
  font-size: smaller; 
  font-weight: bold; 
}
li a.imdb-link { 
  color: rgb(218,191,47  );
  font-size: smaller; 
}


/* visual title boxart mode styling */

.title-boxart-container {
  margin-left: 0px;
  margin-right: -19px;
  clear: both;
}
.title-boxart-group {
  margin-bottom: 3px;
  height: 17px;
  width: 107px;
}
.title-boxart-group-mark {
  font-size: 12px;
  padding: 1px 2px;
  color: white;
  background-color: #2c3641;
  font-weight: bold;
  text-align:left;
}
.title-boxart {
  float: left;
  text-align: center;
  display:block;
}
.title-boxart .title { 
  display:block;
}
.title-boxart .title a.title-link {  
  display: inline-block;
  line-height: 12px;
  margin-top: 2px;
  font-size: 10px;
  color: #333;
  text-decoration: none;
  margin-left: -8px;
  margin-right: 8px;
}



/* TITLE DETAIL */


.title-detail-top  { margin-left: 0px; margin-right: 15px; margin-top: 9px; }
.title-detail-top img.iw-boxart { float: left; margin-top: 7px;  margin-right: 15px; margin-bottom: 15px; }
.title-detail-top-info.amazon { margin-top: 10px; }
.outbound-links {
    float:left;
    margin-left: 10px;
    width: 150px;
}
.outbound-links a.action { padding: 2px 2px; font-size: 13px;  }
.outbound-links a {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
}
.title-detail-top-info .outbound-links { 
    margin-top: 12px; 
    padding: 10px;

}
.title-detail-top-info.amazon .synopsis { 
    padding-top: 15px;
    display: block;
    clear: left
}

dt {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    background-color: #ECECEC;
    font-weight: bold;
}


iframe.twitter-share-button { vertical-align: bottom }

.title-detail-bottom { margin-top: 14px; }
.title-detail-top-info { font-size: 14px;  }

.title-boxart .title a.title-link {  
  display:inline-block;
  line-height: 12px;
  margin-top: 2px;
  font-size: 10px;
  color: #333;
  text-decoration: none;
  margin-left: -8px;
  margin-right: 8px;
}


.search-nav-links-top { float:right; }
.search-nav-links-top a { display: block; text-align: right; }


.title-detail-top-info .title { font-size: 25px; display: block;  }
.title-detail-top-info .synopsis {  display: block; font-size: 19px; }
.title-detail-top-info .actors {  display: block;  }
.title-detail-top-info .directors {  display: block;  }
.title-detail-top-info .iw-boxart { margin-top: 8px; margin-right: 15px; }

.award-type { color: #222 }
.award-category { color: #222 }
.award-name { color: #222 }
.award-year { color: #222 }
.award-person { color: #222 }


.children-titles { clear: left }
.grandchildren-titles { margin-left: 2em }
.surrounding-titles-box p { clear: both; padding-top: 10px }
.back-to-search-links { margin-bottom: 10px; }
.back-to-search-links h4 { display: inline-block; margin-bottom: 0 }
.back-to-search-links a { margin-left: 10px; font-weight: bold; }
.surrounding-titles-box { clear: left; padding-top: 20px; }
.surrounding-titles img { margin-right: 10px }
.surrounding-titles img { }
.surrounding-titles .current-title img { opacity: 0.3; filter: alpha(opacity=30); }


.title-detail {}

.title-action-links a { display: block; margin: 0.7em 0; }
.title-detail dl { margin-bottom: 1em; }

dl.nyt-review dt { margin-bottom: 10px; }
.nyt-review dd img { float: left; margin-right: 10px; margin-bottom: 15px; }
.nyt-review dd .nyt-headline { font-weight: bold } 

.title-detail .rt-reviews { clear: left;  }
.title-detail .rt-reviews .rt-score { font-size: 16px; font-weight: bold; width: 80px; height: 24px; }
.title-detail .rt-reviews .rt-icon { display: inline-block; width: 27px; height: 24px; } 

.title-detail .rt-reviews .rt-icon-certified-fresh { background: transparent url('../images/rticons.png') no-repeat -286px -73px; }
.title-detail .rt-reviews .rt-icon-fresh { background: transparent url('../images/rticons.png') no-repeat -284px -49px; }
.title-detail .rt-reviews .rt-icon-rotten { background: transparent url('../images/rticons.png') no-repeat -284px -96px; }
.title-detail .rt-reviews .rt-icon-upright { background: transparent url('../images/rticons.png') no-repeat -284px -24px; }
.title-detail .rt-reviews .rt-icon-spilled { background: transparent url('../images/rticons.png') no-repeat -287px -119px; }

.episode-title { font-weight: bold }

.rt-reviews-col { width: 50%; float: left }
.rt-reviews .rt-review { margin-top: 20px;  }
.rt-review .rt-icon { float: left; margin-right: 10px; margin-bottom: -15px;}
.rt-review p { padding-left: 36px; }
.rt-review .rt-icon-fresh { background: transparent url('../images/rticons.png') no-repeat -284px -49px; }
.rt-review .rt-icon-rotten { background: transparent url('../images/rticons.png') no-repeat -284px -96px; }
.rt-review .review-publication  { font-style: italic; }

.rt-url { clear: left }


/* about page */

.endorsements li {
    font-style: italic;
    font-family: Georgia,"Times New Roman",serif;
    margin-bottom: 1em;
    margin-left: 0px;
}

/* AMAZON -- maybe move to different css file */

.amazon .top-nav { background-color: #333; }

/* amzn paid options */
ul.pay-options { display: inline; font-size: 0.9em; }
ul.pay-options li { display: inline; }
.popover .pay-option .action { display: inline; }
.popover .pay-option .webpage { display: inline; }

.pay-option-license { font-weight: bold; }
.pay-option-price { text-align:right; }
.prime-option { font-size: 0.9em; }
.prime-option, .paid-or-prime {
    font-style: italic;
    font-weight: bold;
    color: white;
    background-color: rgb(49,124,164); 
    padding: 2px 4px 1px;
}
.paid-or-prime { font-size: 0.7em }
.paid-or-prime.paid { font-style: normal }

/* trending title content */

.popover .pay-option { font-size: 9px }
.new-today { font-size: 12px; font-style: italic; color: red; }

.noteworthy table.pay-option { margin-left:3px; font-size: 10px }
.title-detail-top-info table.pay-option { float:none; margin-top: 8px; font-size: 14px; }
.title-featured table.pay-option { float:none; margin-top: 0px; }

a.amzn-banner { clear: left; display: block; margin-bottom: 1em; }

/* amazon title boxart varies on dimensions, so we box it */
.amzn-small-boxart {
  display: inline-block;
  height: 92px;
  min-width: 68px;
  float: left;
  margin-right: 10px; margin-bottom: 10px;
  text-align:center;
  border: 1px solid #CCC;
  overflow:hidden;
  margin-top: 2px;
}
.popover .pay-option-price a.action { font-size: 10px }
.popover .pay-option-license a.action { font-size: 10px }

.popover .amzn-small-boxart { 
  border: none;
  height: auto;
  width: auto;
  margin-top: 2px;
  margin-bottom: 5px;
}
.amazon .title-boxart {
  width: 175px;
  height: 155px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.amazon .title-detail-top img.iw-boxart { 
  float: right;  
  margin-left: 15px;
  margin-right: -15px;
}

/* do not enforce uniform width for homepage noteworthy section */
.noteworthy .amzn-small-boxart {
  width: auto;
  border: none;
}
.amzn-small-boxart img {
  margin: 0 auto;
  float: none;
  max-height: 90px;
}


.ads-blocked-message {
  padding: 15px 15px 0 ;
}

.list-title .title-link-external { font-weight: bold; font-size: bigger; color: #333; }  
.list-title .nf-genres {  font-size: small; color: #657383; } 


.imdb-logo-small {
  background: #fff  url(/images/amzn-sprite.png);
  background-position: -140px -212px;
  display: inline-block;
  height: 15px;
  text-indent: -9999em;
  vertical-align: baseline;
  width: 33px;
  margin-top: 2px;
}


/* NETFLIX */

.netflix .top-nav { background-color: #E84949; }

.logo .site-switch-netflix a:link,
  .logo .site-switch-netflix a:visited,
  .netflix .logo .w 
  { color: #E84949; }


/*
    default-min-width: 942px;
    sidebar-min-width: 752px;
    narrow-max-width: 631px;
*/

.search-filters {
  margin-top: 10px;

}
@media screen and (min-width: 942px) {
  .main-container {
    width: 952px;
    grid-template-rows: 99px auto;
    grid-template-columns: 758px 192px; /* total = 950px */
    grid-template-areas: 
        "header header"
        "main sidebar"
        "footer footer";
  }
}
.sidebar {
  position: relative;
}
.sticky-sidebar-bottom { 
  position: absolute;
  bottom:50px;
}
.sticky-sidebar { 
  position: fixed;
  top: 10px;
}


@media screen and (min-width: 752px) {
  .search-filters {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 120px);
    grid-template-rows: repeat(6, auto);
    margin-bottom: 20px;
  }
  iframe[width="728"] { display: block; }
  iframe[width="468"] { display: none; }
  iframe[width="320"] { display: none; }
  iframe[width="160"] { display: block; }
}
@media screen and (max-width: calc(942px - 1px)) {
  .top-nav > a:nth-child(7) { display: none }
  .main-container {
    width: 760px;
    grid-template-rows: 99px auto;
    grid-template-areas: 
        "header"
        "main"
        "footer";
  }
  iframe[width="728"] { display: block; }
  iframe[width="468"] { display: none; }
  iframe[width="320"] { display: none; }
  iframe[width="160"] { display: none; }
}
@media screen and (max-width: calc(752px - 1px)) {
  .header .top-search-form {
    float: none;
    margin-top: 0px;
  }
  .top-nav > a:nth-child(5) { display: none }
  .top-nav > a:nth-child(7) { display: none }

  .main-container {
    width: calc(631px + 1px);
    grid-template-rows: 139px auto;
    grid-template-areas: 
        "header"
        "main"
        "footer";
  }
  .search-filters {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(5, 120px);
      grid-template-rows: repeat(5, auto);
      margin-bottom: 20px;
  }
  iframe[width="728"] { display: none; }
  iframe[width="468"] { display: block; }
  iframe[width="320"] { display: none; }
  iframe[width="160"] { display: none; }  

  .sidebar { display: none; }
}

/* iphone */
@media screen and (max-width: 631px) {
  .top-nav > a:nth-child(4) { display: none }
  .top-nav > a:nth-child(5) { display: none }
  .top-nav > a:nth-child(6) { display: none }
  .top-nav > a:nth-child(7) { display: none }
  .top-nav > a:nth-child(8) { display: none }
  .top-search-form input[type="submit"] { display: none }

  .main-container {
    width: 392px;
    grid-template-rows: 179px auto;
    grid-template-areas: 
        "header"
        "main"
        "footer";
  }
  iframe[width="728"] { display: none; }
  iframe[width="468"] { display: none; }
  iframe[width="320"] { display: block; }
  iframe[width="160"] { display: none; }
}

@media screen and (max-width: 631px) /* iphone format */ {
  .sidebar { display: none; }
  .title-detail-top img.iw-boxart { float: none } /* netflix box art */
  .search-filters {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 120px);
      grid-template-rows: repeat(10, auto);
      margin-bottom: 20px;
  }
}

@media screen and (max-width: calc(942px - 1px)) {
    .top-nav.affix {
        position: static;
    }
}
@media screen and (min-width: 951px) {
    .top-nav.affix {
      position: fixed;
      top: 0px;
      margin-top: 0;
      width: 950px;
      z-index: 1000;
    }
}

#imdb_rating_range_box { grid-area: a; }
#log_imdb_votes_range_box { grid-area: z; }
#runtime_range_box { grid-area: e; }
#year_range_box { grid-area: f; }
#filter-list-quality { grid-area: qa  ; }
#filter-list-content_type { grid-area: ct   ; }
#filter-list-maturity_rating_level { grid-area: x; }
#language_audio-select-box { grid-area: lang ; }
#language_subs-select-box { grid-area: subs ; }
#original_language-select-box { grid-area: olang ; }

#tree-nav-box-genres { grid-area: g ; }

@media screen and (min-width: 752px) {
  .search-filters {
    grid-template-areas: 
	"ct    olang   olang   olang   olang x"
	"ct    lang    lang    lang    lang  x"
	"ct    subs    subs    subs    subs  x"
  "g      g       g       g      g     x"
	"a      a       z       z      z     x"
  "e      e       f       f      f     x"
  ;
  }
  #filter-list-genres { 
    display: flex;
    grid-template-columns: repeat(3, 200px);
    grid-template-rows: auto;
  }
}
@media screen and (max-width: calc(752px - 1px)) {
  .search-filters {
      grid-template-areas:
           "olang   olang     olang   ct    "
           "lang    lang      lang    ct    "
           "subs    subs      subs    ct    "
           "g         g       g       g     "
           "x         x       x       x     "
           "a         a       z       z     "
           "e         e       f       f     "
           ;
  }
  #filter-list-genres { 
    grid-template-columns: repeat(5, 120px);
    grid-template-rows: auto;
  }
  #filter-list-maturity_rating_level { 
    display: grid;
    grid-template-columns: repeat(5, 120px);
    grid-template-rows: repeat(3, 25px);
    grid-auto-flow: column;
  }

}
@media screen and (max-width: 631px) /* iphone format */ {
  .search-filters {
      grid-template-areas: 
           "olang     olang   olang   "
           "lang      lang    lang   "
           "subs      subs    subs"
           "ct        ct      ct  "
           "g         g       g"
           "x         x       x"
           "a         a       a"
           "z         z       z"
           "e         e       e" 
           "f         f       f"
           ;
  }
  #title-search-form select {
    margin: 5px 0 7px;
  }
  #filter-list-content_type { 
    display: flex;
  }
  #filter-list-genres { 
    grid-template-columns: repeat(3, 120px);
    grid-template-rows: auto;
  }
  #filter-list-maturity_rating_level { 
    display: grid;
    grid-template-columns: repeat(3, 120px);
    grid-template-rows: repeat(4, 25px);
    grid-auto-flow: column;
  }
}

#filter-list-genres { 
  line-height: 1.2em;   
  display: grid;
  grid-row-gap: 4px;
  width: 100%;
}
#filter-list-genres .filter-item-count { 
  /* to prevent wrapping line breaks before count */
  position: absolute;
  margin-left: 3px;
  margin-top: 1px;
}
#filter-list-genres .filter-item { 
  padding-right: 10px;
  width: auto;
}


/*! nouislider - 14.6.3 - 11/19/2020 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}