/* Base */
* {
  box-sizing: border-box;
}

a {
  color: #ffccaa;
}

input,
.input {
  width: 100%;
  font-size: 25px;
  color: #38e;
  margin: 0;
  padding: 10px;
  border: 1px solid #000;
  background: #2e2e2e;
  outline: 1px solid #404040;
  outline-offset: 0;
}

button,
.button {
  background: #333;
  -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff383838, EndColorStr=#ff252525);
  text-shadow: 0 -1px 1px #000;
  outline: 0;
  height: 50px;
  border: 1px solid;
  border-color: #111 #111 #000;
  font: normal 16px/50px Verdana;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  color: #aaa;
  text-align: center;
  letter-spacing: -1px;
  padding: 0 10px;
}

button:hover,
.button:hover {
  background: #2c2c2c;
  box-shadow: inset 0 0 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
}

.submit__button {
  margin-top: 15px;
  padding: 0 30px;
}

.error {
  background: #633;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.error-message {
  color: #c33;
}

.tooltip {
  display: none;
  position: absolute;
  background: #c33;
  padding: 10px;
  -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.tooltip-tail {
  position: absolute;
  top: -15px;
  left: 10px;
  color: #c33;
}

.tooltip-text {
  font-size: 18px;
}

.panel {
  position: relative;
  background: #222;
  -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff383838, EndColorStr=#ff252525);
  outline: 0;
  border: 1px solid;
  border-color: #111 #111 #000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: auto;
  padding: 20px;
  text-align: center;
}

.error-panel {
  display: block;
  width: 350px;
  position: relative;
  background: #511;
  -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff383838, EndColorStr=#ff252525);
  outline: 0;
  border: 1px solid;
  border-color: #111 #111 #000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: auto auto;
  padding: 20px;
  text-align: center;
}

.success-panel {
  display: block;
  width: 350px;
  position: relative;
  background: #242;
  -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff383838, EndColorStr=#ff252525);
  outline: 0;
  border: 1px solid;
  border-color: #111 #111 #000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: auto auto;
  padding: 20px;
  text-align: center;
}

.success-textarea {
  display: block;
  width: 640px;
  height: 100px;
  position: relative;
  -moz-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -ms-box-shadow: inset 0 1px 0 rgba(256,256,256,.1), 0 1px 3px rgba(0,0,0,.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 rgba(256, 256, 256, .1), 0 1px 3px rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff383838, EndColorStr=#ff252525);
  outline: 0;
  border: 1px solid;
  border-color: #111 #111 #000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 10px auto 0;
}

.prompt {
  position: relative;
  top: -10px;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 5px;
  text-shadow: 0 0 20px #ccc;
}

.caption {
  font: normal 11px Arial;
  letter-spacing: 0;
  color: #888;
  margin-top: 20px;
}

.hidden {
  position: absolute;
  top: -999px;
  left: -999px;
}

/* Content */
.logo {
  position: fixed;
  height: 85px;
  top: -77px;
  left: 0;
  right: 0;
  background: url(../images/watch-logo.png) no-repeat center center;
}

.logo-text {
  text-indent: -999px;
}

#content {
  position: relative;
}

#login-error-panel {
  width: auto;
  margin-bottom: 20px;
}

#passkey-panel {
  width: 350px;
}

#key-panel .submit-button {
  margin-top: 10px;
}

#search-panel {
  width: 90%;
  max-width: 1440px;
  padding-bottom: 5px;
  box-shadow: 0 0 30px -10px #fff;
}

#search-entry {
  margin: 10px 0;
}

#search-entry .prompt {
  text-align: left;
}

#search-entry .submit-button {
  position: absolute;
  right: 21px;
}

#results,
#streams {
  width: 90%;
  max-width: 1440px;
  margin-top: 16px;
  overflow: auto;
  height: 0;
  transition: height 500ms ease-in-out;
  list-style: none;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
}

#streams {
  height: auto;
  max-height: 200px;
}

#streams:empty {
  display: none;
}

#results li,
#streams li {
  height: 40px;
  border-bottom: 1px solid #1d1d1d;
  padding: 8px 0;
}

#tooltip {
  left: 10px;
  top: 111px;
}

.submit-button {
  background: #135;
}

.submit-button:hover {
  background: #246;
}

.watch-button {
  height: 24px;
  width: 24px;
  line-height: 1;
  text-align: left;
  margin-left: 8px;
  padding: 0 4px;
  vertical-align: top;
}

.panel-content {
  width: 100%;
  height: 95%;
  overflow: auto;
}

.movies-count {
  color: #afa;
}

.movie-year {
  font-size: 55%;
  vertical-align: top;
  margin-left: 4px;
}

.stream-category {
  font-weight: 600;
}

.stream-item {
  position: relative;
  text-indent: 12px;
}

.stream-image {
  width: 64px;
  height: 38px;
  margin: -7px 7px 0 0;
  border: none;
  cursor: pointer;
}

.stream-image.icon {
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  cursor: default;
}

.stream-title {
  vertical-align: top;
}

.stream-datetime {
  opacity: 0.5;
}

.stream-datetime:before {
  content: ' ';
  margin-left: 8px;
}

.zoom-enabled {
  position: fixed !important;
  top: 10% !important;
  left: 10% !important;
  right: 10% !important;
  bottom: 10% !important;
  width: 80% !important;
  height: 80% !important;
  z-index: 3000 !important;
  transition: all 300ms ease !important;
}

.zoom-enabled ~*:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0, 0.85);
  z-index: 2000;
}

#showtime {
  display: none;
  z-index: 9999;
}

#showtime-video {
  width: 100%;
  height: 100%;
  z-index: 9999;
}

#showtime-video iframe {
  width: 100%;
  height: 100%;
}

.cast-video-button,
.cast-video-button:hover {
  position: fixed;
  top: 1px;
  right: 26px;
  height: 24px;
  width: 24px;
  line-height: 1;
  z-index: 10000;
  border: 0;
  background: none;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  filter: invert(1);
  box-shadow: none;
}

.cast-video-button.casting,
.cast-video-button.casting:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAtqSURBVHhe7d0HrCxlHYZxsFesUVQUMLGX2EsEo8YWFY1dNIoGsPfeFbtiFxF7wxIVYoldRBRjjyj2Cjas2EWw4Puc2Y3X6/DtNzsz2+7zS97snJOcvQey/zPffHUnSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZKkfnaevA5tv2Tv5lJaOW9Kjm0ul+N1yenGrGgOSKqcafIqqYUFIhVYIFKBBSIVWCBSgQUiFVggUoEFIhVYIFKBBSIVjDUXi6km+zeXVY5JDm8upc6Y+7dXc1nlwITP6NJ0nYt1WCLNq+vnzblY0hAsEKnAApEKLBCpwAKRCiwQqcACkQrWrUCOS9r6tc1mZunjY95BpAILRCqwQKQCC0QqsECkAgtEKrBApAILRCqwQKQCC0QqsECkAgtEKrBApAILRCqwQKQCC0QqsECkAgtEKrBApAILRCqwQKQCC0QqsECkAgtEKrBApAILRCqwQKQCC0QqsECkAgtEKrBApAILRCqwQKQCC0QqsECkAgtEKrBApIKxCuQdyYuTDyc/4RvSOhqrQI5KHpXcKtk9uUByk+SxyRHJSYm08hbVxPpDcnRycHKn5OLJZZP7JUcmf0qklbPMZ5DvJ69J7phwZ5FWjg/pUoEFIhWsW4G8M/F5RQuzbgXyvORSyROSX/ENaUxdCoQP5lWSyyV7JhdOllFgf0woFH6HxyUnJ9IounzAn5p8PflO8qPkN8k/kt8l300+kbw2eVJyl+QKyZmTsZySvCC5dPKsydfS0rwuOb1j+NB+JTk0uUeyRzIW7nDvTtp+D7OeOSyp0fWzeUBSZewm0jmSayQPSA5PfpyckPAffrvkPMlQmNJy54QRe+5yUm/LeIZg6gkj6O9Nfpu8P+Huct5kCIzYXy15bvJPviHNaxkFsq2zJ/sk3F1+nbw9uVHS16nJE5PrJMfzDWkeyy6QbdEc2zfhDsBD/8OTvk2wryYUySFbX0kdrVKBbIuJjC9JfpbQU8Xkxnn9PXlIcpuEJp1UbVULZOp8yWOSHyYvTS6azOuDybUSetWkKqteIFM0vx6WMP7Cw/e8D/QnJnslb9r6SpphXQpk6lzJ45PvJfdJdk66osnFzz46oU9cOkPrViBTuyZvSD6fMP1lHi9KGPGnYKRW61ogU/RQ8UzBVBO6jLt6T8LA4u+3vpK2s+4FgrMmzP/6cjLP3eRzyY0T5pZJ/2MTCmTqysmXEsZPuj6bfC25YfLzra+kiU0qENDMYvyEaSy78I0OmL/FneSXW19JsWkFMnXbhLvJlba+qsdGEjdNHFDUli4FcmByzoQ9rnZLmBB4s2S/5KDkrQkPzKvSK8RoPL1ct976qt43k1skLu3VKFgkxfPAfZM3JwzObT8ff5FhRu8Dk664k5yWtL2nWUyWvh5kUWjqMDBHj1HbL7yIsEy3K+6Obe9lFpONXzA1RbPlhcn1E1YVMhpOe3+RWL/+yqRLDxd3wGc2l9oRLeMhnSbX8xM2f2CQjh6nfyeLQFPrjUmX/+6nJR9oLrWjWWYvFrc61n7cPrl8wjakbAIxNppN/Fu1dxJ+z3smzP/SDmaZBbItmlssw+WuQrNm7DvK/gnjJbXYaohC/tvWV9phrEqBTLGpw70T1m18hm+MiOnzT2kuq3wreURzqR3FqhXIFEtlmfpBc4h9t8byjITmUy2aZkxw1A6iS4Gw79RVE5pBrOw7SzK2tyRsQDfmh5Iuwi4bRTBg+ovmUpuuS4GwsyKT+pizxHwlBtHYH/cLCbuS0I3KCPT5kyExy5b9rljk9Be+MbCzJWw4xx+AGhwGdP/mUvqv2sEYHrDZopQFSYxGMx19KEwf+UbS9u/2DXO3uqwpeVvS9j5muGzkQCHdp6zLeGTy8YS7DXv27p30RVfrdZMxmlx0DLyiuazy0GTM5yOtgEU8pF8woWI/ndATxGAda8vn9deEpbIMNg6N54s7NJczURxsTqcNtuheLB64me7BPrpPTubdnYTbJNNV2PN36DET7naXaC5n4tbOSkZtqEUXyNSFEuY4sY0PTZV5e8Roo9JNO+QevNzx2BCiBsX54OZSm2hZBTLFITwvS6ZLXufBfr53S/619dUwbp7cq7mciV48x0Y21LILZOqKyaeSVyXn5hsdHZEwAk/TayhMRblIczkTm0a4k/wGWpUCAb1fjC8wik6PUleMxbBhw1Boah3cXM5E71pts0xrZJUKZOoyyWcTJi929fJJhsLzDXtv1Xh2sojZyFqgVSwQMLrNAzhNrq7nHDKh8CPNZW/c1dg0uwY9cwweaoOsaoFM0eRisVKXcRN6lu6eMDN4CKyCZKpLDTbWHnuqvhaoy/JT+vxZR7EMxybsTtJlpxHORmQNPHejvhjgZHZAzYefsZ55tkHV/2P7Jc6ImaXrZ5MBYX5mUF3nuwwdtvDpeuIUZ4u0vdc84RxFraaun82V27RhCMzBornFWSG12CiC7uMhsLiqyx1XG2CdCgSs22BJbu0Hlb8W3E6H2MyOdTDs2Ci14kPJzoqcF0j7/k7J0xP+qjNxb/vb2JjhuIMumLfV9j5dM/YyYM1ntCbWULgTMV7wnITeo7ZfasjwsHy7pBYP6mwM0fZeXXPtRKtl5QtkW9xpmMvEoZl8kNt+wSHCyr7dk1o0j9rep2uY7avVslYFsq2rJwzatf2SQ4QmT5fnKLqL296nS/6c9D2/XcMarUAW1SvDGeWHJpfc+mpYjJzXjnZz/scnm8te+B/8+uayiHXutRMeNT/WFnVpco8yDtIXi6PogWqr6D5hI4cuTa1jkrb36ZKjkhrMJ2v7ebPcrEwTqw0jnqcmbb/4vGFXklr7JG3v0SVMbWfro1m4g7T9vFluVrpAwOIoTpZt++XnTe2CK5qVbF3U9h5d8qCkBtNU2n7eLC/VBbKsgUI2cOB5YMijzuhirsH/oFc3l73UtnnZ2UU7ALo3T0l+mvABPyTZN2HZ7LwYcGRj6O0rfN6wcV0N1sT3beYxOl+z+pFCavt5s7yM0sQ6o6402uMfTdj9fJ47EmMmvEfbe3dN7cMzeG5pe48uoXduFs50HHM8yHTPQptYLGjiQ35kwklSXbrb8LGEbUuHwIE8HC5a412T1z74756FZy2eQ7SGhn4G4SAcTox6X9Kl/59tSj/UXPZWu1SXkX42oetjr8nrLEzV1xoa6yGdaR3HJazGq8Vtj+eRvlhNyKTKWTgMp0uTrA273ddsfufmcmtqzF6siyWMWjPuUOOkhO1z+tolqT0bve/adZqX12sui/hjoTU0ZoGAxU1sqnbLra9mY6OGbzeXvdx18joLnQt90RM3C89mWkNjFwim529wVvos7I54UHPZC929NccusPVp38NwaGbNwgTHmrXVWmNdZ0xuH+4MNc8GFO0Pkrb36JLaU6PozWr7+docn2hDLeIOMkUPV83dgTGDIUa6Gamv8cXJ67xYitt17y6tiUUWCNgalJ0TZ+Fswr6bUd9g8jpL3zsATbndmkttmkUXCB+mmqOXOfuw7/rv2qWxQzSR9pi8asMsukDA/C26gGdhIK8Puntr1onwkN53wHDPyas2zDIKhMNyajZhO3ry2kdNzxlOnLzOa9fJqzbMMgoENecAMrjG7OE+av+ynzB5nVefGc1aYcsqELYImjVFg4f0vpP8ap8NOIu9D6bPawMtq0DoFr1mc1nEXlZ91E6Y7Ltwi8N2tIGWVSBgXGQWFmf1UfuX/eTJ67xqBkC1hpZZIDVjB33/steed8jqwj6GOGJBK2iZBUI37Cx9H9Jrz+k4bfI6L88D2VBdNo5j07chH0ZrDkfh3+uz2RxrPjhgc5ZF/TuSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmS1tNOO/0Hinaz/gfHJoQAAAAASUVORK5CYII=);
}

.close-video-button {
  position: fixed;
  top: 1px;
  right: 1px;
  z-index: 10000;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 1;
  width: 24px;
  height: 24px;
}

/* Dialog */
#dialog {
  display: none;
  position: absolute;
  width: 400px;
  height: 250px;
  background: #333;
  z-index: 998;
  border: 8px solid #222;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#dialog-title {
  font: normal 17px Arial;
  color: #fc0;
  padding: 3px 8px;
  background: #444;
  border-bottom: 1px solid #292929;
  text-shadow: 0 0 5px #000;
  text-align: left;
}

#dialog-content {
  font: normal 19px Calibri, Palatino LinoType, Arial;
  color: #fff;
  padding: 10px;
  overflow: auto;
}

#dialog-buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 5px;
}

.dialog-button {
  font: normal 14px Arial;
  color: #aaa;
  background: #222;
  padding: 3px 10px;
  border: 3px solid #222;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.dialog-button:hover {
  border-color: #242424;
}

.zoom-enabled__modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0, 0.5);
  z-index: 2000;
}

#lens {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  opacity: 0;
  filter: alpha(opacity=0);
}

#lens-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

#lens-text {
  display: inline;
  position: absolute;
  font-family: Georgia;
  font-size: 100px;
  color: #fff;
  text-align: center;
  letter-spacing: -5px;
  text-shadow: 0 0 15px #fff;
}

.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.sync__button {
  background-color: #335;
}

#notification {
  position: fixed;
  top: 16px;
  left: 50%;
  width: auto;
  height: auto;
  background-color: #000000cc;
  transform: translateX(-50%);
  transition: all 300ms ease;
  z-index: 999999;
}

.invisible {
  opacity: 0;
}

/* Phone */
@media screen and (max-width: 600px) {
  .logo {
    top: 0;
    height: 50px;
    background-size: 40%;
  }

  .login .logo,
  .down .logo {
    top: -60px;
  }

  #search-panel,
  #results,
  #streams {
    width: 100%;
    margin-top: 0;
  }

  #results li,
  #streams li {
    height: auto;
    font-size: 80%;
  }

  #search-panel {
    margin-top: 50px;
  }
}