html {-webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}* {margin:0px; padding:0px; -webkit-touch-callout: none; -webkit-user-select: none;}body {margin-left: auto; margin-right: auto; font-family: Helvetica;}table {width: 100%; height: 100%; border-collapse: collapse;}td {vertical-align: top;}img {border: 0px; display:block;}a {text-decoration: none;}#app .hide, #app-loader .hide {display: none;}.error {text-transform: uppercase; font-size: 12px; color: red;}.link {color: #aaa; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}.link:hover {color: #888;}.underline {text-decoration: underline;}.no-height {height: 0px;}.h100 {height: 100%;}.rel {position: relative;}.abs {position: absolute;}.abs-bottom {position: absolute; bottom: 0px;}.iblock {display: inline-block; vertical-align: top;}.mblock {display: inline-block; vertical-align: middle;}.inline {display: inline;}.block {display: block;}.center {margin: auto; text-align: center;}table.center > tr > td, table.center > tbody > tr > td {vertical-align: middle;}table.bottom > tr > td, table.bottom > tbody > tr > td {vertical-align: bottom;}.float {float: left;}.clear {clear: both;}.margin {margin: 10px;}.lmargin {margin-left: 10px;}.rmargin {margin-right: 10px;}.tmargin {margin-top: 10px;}.bmargin {margin-bottom: 10px;}.big-margin {margin: 35px;}.pad {padding: 10px;}.vpad {padding: 10px 0px;}.lpad {padding-left: 10px;}.rpad {padding-right: 10px;}.loading {background-image: url(/static/img/minispin.gif); display: inline-block; width: 16px; height: 16px;}.preloader {background-color: white; mask-image: url(/static/img/loading.png?v=1); -webkit-mask-image: url(/static/img/loading.png?v=1); -moz-mask-image: url(/static/img/loading.png?v=1); display: inline-block; width: 50px; height: 50px; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite;}.preloader.black {background-color: black;}html, body {background-color: black; color: white; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; font-weight: lighter;}a, a:hover, a:link, a:visited, a:active {color: white; text-decoration: underline;}#app, #app-loader {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;}#app-loader {}#header, #subheader, #content, #sidebar, #footer, #overlay, #claimed {position: absolute; left: 0px; right: 0px;}#overlay {z-index: 4;}#footer {bottom: 0px;}#footer.app-content-dashboard {height: 112px;}#sidebar {z-index: 3; top: 0px; bottom: 0px; left: -100%; width: 100%; right: inherit;}#sidebar.expanded {left: 0px;}#header {height: 50px; z-index: 2;}#subheader, #footer {z-index: 1;}#content {top: 150px; bottom: 20px;}#content.app-content-pending {}#content.app-content-signin {top: inherit; height: 200px;}#subheader {top: -100%; height: 80%;}#subheader.app-subheader-claimed {top: 0px;}#app-loader.loaded {top: -40px; bottom: 100%;}#header {}#footer {}#claimed {background-image: url(/static/img/bg-chevron.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top; color: #333;}#claimed .title {font-size: 20px;}#claim-beer {background-image: url(/static/img/glass.png); background-repeat: no-repeat; background-position: center bottom; background-size: 35%; max-width: 600px; margin: auto;}.big-x {background-image: url(/static/img/big-x.png); height: 200px;}.pending {height: 100px;}.big-x, .pending {font-size: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; text-transform: uppercase; font-weight: bold;}.avatar {margin: 5px; border: 1px solid white; width: 40px; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box;}#menu {width: 50%; background-color: #444; background-color: rgba(40,40,40,0.9); border-right: 1px solid #888;}#menu .title {padding: 10px; font-weight: bold; border-bottom: 1px solid #aaa;}#menu .item {padding: 10px;}#menu .item:hover {background-color: #666;}#beer-list .item {background-color: #333;}#beer-list .item.odd {background-color: #444;}#beer-list .item:hover {background-color: #666; cursor: pointer;}.drop {background-image: url(/static/img/drop.png); width: 80px; height: 80px; border-radius: 50%; background-color: #333; background-size: 12px; background-repeat: no-repeat; background-position: center;}.number-stat {width: 124px; opacity: 0.7;}.number-stat .caption {text-transform: uppercase; font-weight:100; transform: scaleX(0.6); -webkit-transform: scaleX(0.6);}.big-number {font-size: 50px; font-weight: bolder; font-weight: 900; transform: scaleX(0.8); -webkit-transform: scaleX(0.8);}.grouping {border: 1px solid white; margin: 20px; padding: 16px;}.white-cells > tbody > tr > td {border: 1px solid white;}.round-button,input[type=text].round-button,input[type=button].round-button,input[type=submit].round-button {width: 300px; height: 30px; font-size: 16px; background: none; border: 3px solid white; color: white; border-radius: 15px;}.rotate {transform:rotate(180deg); -webkit-transform:rotate(180deg);}.spin-forever {animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite;}.transparent {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:.0;}.opaque {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1.0;}.anim {-webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;}.snappy {transition: all 0.18s ease-in-out; -webkit-transition: all 0.18s ease-in-out;}.simple-trans {transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}.ease-in {transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in;}.ease-out {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}.smooth {transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}.fade-in {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}.fade-out {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:.0;}.fade-in-out {animation: fade-in-out 2.7s; -webkit-animation: fade-in-out 2.7s;}.fade-down {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform:translate(0, 40px); transform:translate(0, 40px);}.offscreen-down {transform:translate(0px, 300px); -webkit-transform:translate(0px, 300px);}.delay-1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}.delay-2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}.delay-3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}.slide-down {transform:translate(0, 100%); -webkit-transform:translate(0, 100%);}.slide-up {transform:translate(0, -100%); -webkit-transform:translate(0, -100%);}.slide-left {transform:translate(-100%, 0); -webkit-transform:translate(-100%, 0);}.slide-right {transform:translate(100%, 0); -webkit-transform:translate(100%, 0);}@-webkit-keyframes fade-in-out {0% {opacity: 0;} 20% {opacity: 1;} 90% {opacity: 1;} 100% {opacity: 0;}}@-webkit-keyframes over-grow {from {-webkit-transform: scale(0.9, 0.9);} to {-webkit-transform: scale(1.04, 1.04);}}@keyframes over-grow {from {transform: scale(0.9, 0.9);} to {transform: scale(1.04, 1.04);}}@-webkit-keyframes shrink-back {from {-webkit-transform: scale(1.04, 1.04);} to {-webkit-transform: scale(1, 1);}}@keyframes shrink-back {from {transform: scale(1, 1);} to {transform: scale(1.04, 1.04);}}@-webkit-keyframes fade-in {0% {opacity: 0;} 100% {opacity: 1;}}@keyframes fade-in {0% {opacity: 0;} 100% {opacity: 1;}}@-webkit-keyframes grow {from {-webkit-transform: scale(1.0, 1.0);} to {-webkit-transform: scale(1.05, 1.05);}}@-webkit-keyframes shrink-down {from {-webkit-transform: scale(1.05, 1.05);} to {-webkit-transform: scale(0.6, 0.6);}}@-webkit-keyframes over-grow-then-shrink {0% {-webkit-transform: scale(0.9);} 60% {-webkit-transform: scale(1.02);} 100% {-webkit-transform: scale(1.00);}}@keyframes over-grow-then-shrink {0% {transform: scale(0.9);} 60% {transform: scale(1.02);} 100% {transform: scale(1.00);}}@-webkit-keyframes spin {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}@-webkit-keyframes bgfade-in {0% {opacity: 0;} 100% {opacity: .9;}}@keyframes bgfade-in {0% {opacity: 0;} 100% {opacity: .9;}}.pulsate {animation: pulsate 1s linear infinite; -webkit-animation: pulsate 1s linear infinite; -moz-animation: pulsate 1s linear infinite;}@keyframes pulsate {0% {opacity: 1;} 50% {opacity: 0.7;} 100% {opacity: 1;}}@-webkit-keyframes pulsate {0% {opacity: 1;} 50% {opacity: 0.7;} 100% {opacity: 1;}}.hourglass {width: 65px; height: 116px; background-image: url(/static/img/hourglass.gif); background-size: 100%;}.hourglass.loaded {background-image: url(/static/img/hourglass.png);}.logo-type-light {width: 65px; height: 40px; background-image: url(/static/img/logotype-grey.png); background-size: 100%;}.icon-sm {width: 36px; height: 36px; background-color: white; mask-image: url(/static/img/icons-small.png); -webkit-mask-image: url(/static/img/icons-small.png);}.icon-sm.icon-check, .icon-sm.icon-claimed {mask-position-x: -1156px; -webkit-mask-position-x: -1156px;}.icon-sm.icon-blank, .icon-sm.icon-pending {mask-position-x: -144px; -webkit-mask-position-x: -144px;}.icon-sm.icon-x, .icon-sm.icon-cancelled {mask-position-x: -1190px; -webkit-mask-position-x: -1190px;}#no-twitter {padding: 20px 0; font-size: 12px; border: 0px;}#loading-message {width: 220px; margin: 14px auto; font-size: 10px; position: absolute; left: 0px; right: 0px;}.login-box {width: 200px; margin: auto; text-align: center;}.login-box .item.title {color: #999; border: 0px;}.login-box .item {border: 1px solid white; padding: 20px;}form.login input {margin: 4px; border: 1px solid #AAAAAA; height: 32px; padding: 4px 8px; border-radius: 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 276px; width: 100%; font: inherit; outline: none; user-select: text;}input, input:before, input:after {-webkit-user-select: initial; -khtml-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial;}input[type=submit] {cursor: pointer; background-color: #ddd;}input[type=submit]:hover {background-color: #ccc;}input[type=submit]:active {background-color: #ccc;}