/* COVER5 VARIABLES */

/* Brand Colors */
@primary1: rgba(254,141,54,1); /* orange */
@primary2: rgba(218,103,16,1); /* orange - dark */
@secondary1: rgba(122,175,42,1); /* green */
@secondary2: rgba(93,144,42,1); /* green - dark */
@backgroundTheme: dark;
@no: none;

.background-theme(@backgroundTheme);
.background-theme(dark) {
    /* Dark Background Color Scheme */
    @background-color: #000000;
    @background-image: url('../../images/bg.png');
    @text-color: #ffffff;
    @text-shadow: 0px 1px 2px rgba(0,0,0,1);
    @text-shadow-p: @text-shadow;
    @contest-icon-i: transparent;
    @light-gray: rgb(243,243,243);
    @light-gray-rgba: rgba(243,243,243,0.5);
    @medium-gray: rgb(190,190,190);
    @medium-gray-rgba: rgba(190,190,190,0.5);
    @dark-gray: rgb(81,82,86);
    @dark-gray-rgba: rgba(81,82,86,1);
    @near-black: rgb(4,5,5);
    @near-black-rgba: rgba(4,5,5,1);
    @pick-outline: #ffffff;

    /* Links */
    @scroll-fixed-navbar-link: @text-color;
    @navbar-link: @text-color;
    @league-desc-p-link: @text-color;

    /* Gradients */
    /* PRIMARY 1 TO PRIMARY 2 */
    @primary1-to-primary2-moz: -moz-linear-gradient(top, @primary1 0%, @primary2 100%);
    @primary1-to-primary2-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@primary1), color-stop(100%,@primary2));
    @primary1-to-primary2-webkit-linear: -webkit-linear-gradient(top, @primary1 0%,@primary2 100%);
    @primary1-to-primary2-o: -o-linear-gradient(top, @primary1 0%,@primary2 100%);
    @primary1-to-primary2-ms: -ms-linear-gradient(top, @primary1 0%,@primary2 100%);
    @primary1-to-primary2-linear: linear-gradient(to bottom, @primary1 0%,@primary2 100%);

    /* PRIMARY 2 TO PRIMARY 1 */
    @primary2-to-primary1-moz: -moz-linear-gradient(top, @primary2 0%, @primary1 100%);
    @primary2-to-primary1-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@primary2), color-stop(100%,@primary1));
    @primary2-to-primary1-webkit-linear: -webkit-linear-gradient(top, @primary2 0%,@primary1 100%);
    @primary2-to-primary1-o: -o-linear-gradient(top, @primary2 0%,@primary1 100%);
    @primary2-to-primary1-ms: -ms-linear-gradient(top, @primary2 0%,@primary1 100%);
    @primary2-to-primary1-linear: linear-gradient(to bottom, @primary2 0%,@primary1 100%);

    /* SECONDARY 1 TO SECONDARY 2 */
    @secondary1-to-secondary2-moz: -moz-linear-gradient(top, @secondary1 0%, @secondary2 100%);
    @secondary1-to-secondary2-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@secondary1), color-stop(100%,@secondary2));
    @secondary1-to-secondary2-webkit-linear: -webkit-linear-gradient(top, @secondary1 0%,@secondary2 100%);
    @secondary1-to-secondary2-o: -o-linear-gradient(top, @secondary1 0%,@secondary2 100%);
    @secondary1-to-secondary2-ms: -ms-linear-gradient(top, @secondary1 0%,@secondary2 100%);
    @secondary1-to-secondary2-linear: linear-gradient(to bottom, @secondary1 0%,@secondary2 100%);

    /* SECONDARY 2 TO SECONDARY 1 */
    @secondary2-to-secondary1-moz: -moz-linear-gradient(top, @secondary2 0%, @secondary1 100%);
    @secondary2-to-secondary1-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@secondary2), color-stop(100%,@secondary1));
    @secondary2-to-secondary1-webkit-linear: -webkit-linear-gradient(top, @secondary2 0%,@secondary1 100%);
    @secondary2-to-secondary1-o: -o-linear-gradient(top, @secondary2 0%,@secondary1 100%);
    @secondary2-to-secondary1-ms: -ms-linear-gradient(top, @secondary2 0%,@secondary1 100%);
    @secondary2-to-secondary1-linear: linear-gradient(to bottom, @secondary2 0%,@secondary1 100%);

    /* LIGHT TO MEDIUM GRAY */
    @light-to-medium-gray: @light-gray;
    @light-to-medium-gray-moz: -moz-linear-gradient(top, @light-gray-rgba 0%, @medium-gray-rgba 100%);
    @light-to-medium-gray-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@light-gray-rgba), color-stop(100%,@medium-gray-rgba));
    @light-to-medium-gray-webkit-linear: -webkit-linear-gradient(top, @light-gray-rgba 0%,@medium-gray-rgba 100%);
    @light-to-medium-gray-o: -o-linear-gradient(top, @light-gray-rgba 0%,@medium-gray-rgba 100%);
    @light-to-medium-gray-ms: -ms-linear-gradient(top, @light-gray-rgba 0%,@medium-gray-rgba 100%);
    @light-to-medium-gray-linear: linear-gradient(to bottom, @light-gray-rgba 0%,@medium-gray-rgba 100%);

    /* DARK GRAY TO NEAR-BLACK */
    @dark-gray-to-near-black: @dark-gray;
    @dark-gray-to-near-black-moz: -moz-linear-gradient(top, @dark-gray-rgba 0%, @near-black-rgba 100%);
    @dark-gray-to-near-black-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@dark-gray-rgba), color-stop(100%,@near-black-rgba));
    @dark-gray-to-near-black-webkit-linear: -webkit-linear-gradient(top, @dark-gray-rgba 0%,@near-black-rgba 100%);
    @dark-gray-to-near-black-o: -o-linear-gradient(top, @dark-gray-rgba 0%,@near-black-rgba 100%);
    @dark-gray-to-near-black-ms: -ms-linear-gradient(top, @dark-gray-rgba 0%,@near-black-rgba 100%);
    @dark-gray-to-near-black-linear: linear-gradient(to bottom, @dark-gray-rgba 0%,@near-black-rgba 100%);

    /* NEAR-BLACK TO MEDIUM GRAY */
    @near-black-to-medium-gray: @near-black;
    @near-black-to-medium-gray-moz: -moz-linear-gradient(top, @near-black-rgba 0%, @dark-gray-rgba 100%);
    @near-black-to-medium-gray-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@near-black-rgba), color-stop(100%,@dark-gray-rgba));
    @near-black-to-medium-gray-webkit-linear: -webkit-linear-gradient(top, @near-black-rgba 0%,@dark-gray-rgba 100%);
    @near-black-to-medium-gray-o: -o-linear-gradient(top, @near-black-rgba 0%,@dark-gray-rgba 100%);
    @near-black-to-medium-gray-ms: -ms-linear-gradient(top, @near-black-rgba 0%,@dark-gray-rgba 100%);
    @near-black-to-medium-gray-linear: linear-gradient(to bottom, @near-black-rgba 0%,@dark-gray-rgba 100%);

    /* Context-specific gradients */
    @accordion-close-background: @dark-gray-to-near-black;
    @accordion-close-background-moz: @dark-gray-to-near-black-moz;
    @accordion-close-background-webkit: @dark-gray-to-near-black-webkit;
    @accordion-close-background-webkit-linear: @dark-gray-to-near-black-webkit-linear;
    @accordion-close-background-o: @dark-gray-to-near-black-o;
    @accordion-close-background-ms: @dark-gray-to-near-black-ms;
    @accordion-close-background-linear: @dark-gray-to-near-black-linear;

    @rules-table-background: #283045;
    @rules-table-background-moz: -moz-radial-gradient(ellipse, #283045 60%, #121824);
    @rules-table-background-webkit-radial: -webkit-radial-gradient(ellipse, #283045 60%, #121824);
    @rules-table-background-o: -o-radial-gradient(ellipse, #283045 60%, #121824);
    @rules-table-background-radial: radial-gradient(ellipse, #283045 60%, #121824);

    @button-dark-background: @dark-gray-to-near-black;
    @button-dark-background-moz: @dark-gray-to-near-black-moz;
    @button-dark-background-webkit: @dark-gray-to-near-black-webkit;
    @button-dark-background-webkit-linear: @dark-gray-to-near-black-webkit-linear;
    @button-dark-background-o: @dark-gray-to-near-black-o;
    @button-dark-background-ms: @dark-gray-to-near-black-ms;
    @button-dark-background-linear: @dark-gray-to-near-black-linear;

    @button-dark-background-hover: @near-black-to-medium-gray;
    @button-dark-background-hover-moz: @near-black-to-medium-gray-moz;
    @button-dark-background-hover-webkit: @near-black-to-medium-gray-webkit;
    @button-dark-background-hover-webkit-linear: @near-black-to-medium-gray-webkit-linear;
    @button-dark-background-hover-o: @near-black-to-medium-gray-o;
    @button-dark-background-hover-ms: @near-black-to-medium-gray-ms;
    @button-dark-background-hover-linear: @near-black-to-medium-gray-linear;

    /* Header & Footer */
    @logo: url('../../images/logo.png') no-repeat 0 0;
    @navbar-background: #222222;
    @footer-bar-color: #cccccc;
    @footer-bar-background: @background-color;
    @footer-bar-link: @footer-bar-color;
    @navbar-toggle-border: 2px solid @text-color;
    @navbar-toggle-icon-bar: @text-color;

    /* Sidebar & Widgets */
    @sidebar-background: url('../../images/bg-black.png') repeat 0 0;
    @widget-background-color: #333333;
    @widget-h4-span: #565353;
    @fb-like-display: inline-block;

    /* Tables & Grids */
    @table-background: transparent;
    @table-border: @background-color;
    @table-background-even: url('../../images/bg-black.png') repeat 0 0;
    @table-background-odd: @no;
    @table-background-color-even: @table-background;
    @score-border: @footer-bar-color;
    @dark-table-top-border-color: @widget-h4-span;
    @ui-grid-row-even-background: @no;
    @ui-grid-row-even-background-color: @table-background-color-even;
    @ui-grid-row-odd-background: @table-background-even;
    @ui-grid-row-odd-background-color: @table-background;

    /* Profile */
    @profile-background-color: @dark-gray;
    @fullname-display: block;

    /* Scoreboard */
    @scoreboard-background-image: url('../../images/bg-pattern.png') repeat 0 0;
    @scoreboard-nav-left: url('../../images/icon-carousel-left.png');
    @scoreboard-nav-right: url('../../images/icon-carousel-right.png');
    @scoreboard-ul-border-bottom: 1px solid #211d1d;
    @scoreboard-league-icon-background-color: #1c1c1c;
    @scoreboard-li-border-left: @scoreboard-ul-border-bottom;

    /* Leagues List */
    @leagues-list-ul-background: url('../../images/bg-black.png') repeat 0 0;
    @leagues-list-ul-li-border: @widget-h4-span;
    @leagues-list-ul-li-background: url('../../images/bg-shine.png') repeat-x 0 0;
    @accordion-open-background: @widget-h4-span;

    /* How to Play */
    @rules-background: #32435F;
}
.background-theme(light) {
    /* General for Light Background */
    @background-color: #ffffff;
    @background-image: none;
    @text-shadow: 0px 1px 2px rgba(255,255,255,1);
    @text-shadow-p: @no;
    @contest-icon-i: @primary1;
    @light-gray: rgb(243,243,243);
    @light-gray-rgba: rgba(243,243,243,0.5);
    @medium-gray: rgb(190,190,190);
    @medium-gray-rgba: rgba(190,190,190,0.5);
    @dark-gray: rgb(81,82,86);
    @dark-gray-rgba: rgba(81,82,86,1);
    @near-black: rgb(4,5,5);
    @near-black-rgba: rgba(4,5,5,1);
    @pick-outline: @secondary1;

    /* Links */
    @scroll-fixed-navbar-link: @primary1;
    @navbar-link: @secondary1;
    @league-desc-p-link: @primary1;

    /* Gradients */
    /* PRIMARY 1 TO PRIMARY 2 */
    @primary1-to-primary2-moz: -moz-linear-gradient(top, @primary1 0%, @primary2 100%);
    @primary1-to-primary2-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@primary1), color-stop(100%,@primary2));
    @primary1-to-primary2-webkit-linear: -webkit-linear-gradient(top, @primary1 0%,@primary2 100%);
    @primary1-to-primary2-o: -o-linear-gradient(top, @primary1 0%,@primary2 100%);
    @primary1-to-primary2-ms: -ms-linear-gradient(top, @primary1 0%,@primary2 100%);
    @primary1-to-primary2-linear: linear-gradient(to bottom, @primary1 0%,@primary2 100%);

    /* PRIMARY 2 TO PRIMARY 1 */
    @primary2-to-primary1-moz: -moz-linear-gradient(top, @primary2 0%, @primary1 100%);
    @primary2-to-primary1-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@primary2), color-stop(100%,@primary1));
    @primary2-to-primary1-webkit-linear: -webkit-linear-gradient(top, @primary2 0%,@primary1 100%);
    @primary2-to-primary1-o: -o-linear-gradient(top, @primary2 0%,@primary1 100%);
    @primary2-to-primary1-ms: -ms-linear-gradient(top, @primary2 0%,@primary1 100%);
    @primary2-to-primary1-linear: linear-gradient(to bottom, @primary2 0%,@primary1 100%);

    /* SECONDARY 1 TO SECONDARY 2 */
    @secondary1-to-secondary2-moz: -moz-linear-gradient(top, @secondary1 0%, @secondary2 100%);
    @secondary1-to-secondary2-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@secondary1), color-stop(100%,@secondary2));
    @secondary1-to-secondary2-webkit-linear: -webkit-linear-gradient(top, @secondary1 0%,@secondary2 100%);
    @secondary1-to-secondary2-o: -o-linear-gradient(top, @secondary1 0%,@secondary2 100%);
    @secondary1-to-secondary2-ms: -ms-linear-gradient(top, @secondary1 0%,@secondary2 100%);
    @secondary1-to-secondary2-linear: linear-gradient(to bottom, @secondary1 0%,@secondary2 100%);

    /* SECONDARY 2 TO SECONDARY 1 */
    @secondary2-to-secondary1-moz: -moz-linear-gradient(top, @secondary2 0%, @secondary1 100%);
    @secondary2-to-secondary1-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@secondary2), color-stop(100%,@secondary1));
    @secondary2-to-secondary1-webkit-linear: -webkit-linear-gradient(top, @secondary2 0%,@secondary1 100%);
    @secondary2-to-secondary1-o: -o-linear-gradient(top, @secondary2 0%,@secondary1 100%);
    @secondary2-to-secondary1-ms: -ms-linear-gradient(top, @secondary2 0%,@secondary1 100%);
    @secondary2-to-secondary1-linear: linear-gradient(to bottom, @secondary2 0%,@secondary1 100%);

    /* LIGHT TO MEDIUM GRAY */
    @light-to-medium-gray: @light-gray;
    @light-to-medium-gray-moz: -moz-linear-gradient(top, @light-gray-rgba 0%, @medium-gray-rgba 100%);
    @light-to-medium-gray-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@light-gray-rgba), color-stop(100%,@medium-gray-rgba));
    @light-to-medium-gray-webkit-linear: -webkit-linear-gradient(top, @light-gray-rgba 0%,@medium-gray-rgba 100%);
    @light-to-medium-gray-o: -o-linear-gradient(top, @light-gray-rgba 0%,@medium-gray-rgba 100%);
    @light-to-medium-gray-ms: -ms-linear-gradient(top, @light-gray-rgba 0%,@medium-gray-rgba 100%);
    @light-to-medium-gray-linear: linear-gradient(to bottom, @light-gray-rgba 0%,@medium-gray-rgba 100%);

    /* DARK GRAY TO NEAR-BLACK */
    @dark-gray-to-near-black: @dark-gray;
    @dark-gray-to-near-black-moz: -moz-linear-gradient(top, @dark-gray-rgba 0%, @near-black-rgba 100%);
    @dark-gray-to-near-black-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@dark-gray-rgba), color-stop(100%,@near-black-rgba));
    @dark-gray-to-near-black-webkit-linear: -webkit-linear-gradient(top, @dark-gray-rgba 0%,@near-black-rgba 100%);
    @dark-gray-to-near-black-o: -o-linear-gradient(top, @dark-gray-rgba 0%,@near-black-rgba 100%);
    @dark-gray-to-near-black-ms: -ms-linear-gradient(top, @dark-gray-rgba 0%,@near-black-rgba 100%);
    @dark-gray-to-near-black-linear: linear-gradient(to bottom, @dark-gray-rgba 0%,@near-black-rgba 100%);

    /* NEAR-BLACK TO MEDIUM GRAY */
    @near-black-to-medium-gray: @near-black;
    @near-black-to-medium-gray-moz: -moz-linear-gradient(top, @near-black-rgba 0%, @dark-gray-rgba 100%);
    @near-black-to-medium-gray-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@near-black-rgba), color-stop(100%,@dark-gray-rgba));
    @near-black-to-medium-gray-webkit-linear: -webkit-linear-gradient(top, @near-black-rgba 0%,@dark-gray-rgba 100%);
    @near-black-to-medium-gray-o: -o-linear-gradient(top, @near-black-rgba 0%,@dark-gray-rgba 100%);
    @near-black-to-medium-gray-ms: -ms-linear-gradient(top, @near-black-rgba 0%,@dark-gray-rgba 100%);
    @near-black-to-medium-gray-linear: linear-gradient(to bottom, @near-black-rgba 0%,@dark-gray-rgba 100%);

    /* PRIMARY 2 TO NEAR-BLACK */
    @primary2-to-near-black: @primary2;
    @primary2-to-near-black-moz: -moz-linear-gradient(top, @primary2 0%, @near-black-rgba 100%);
    @primary2-to-near-black-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@primary2), color-stop(100%,@near-black-rgba));
    @primary2-to-near-black-webkit-linear: -webkit-linear-gradient(top, @primary2 0%,@near-black-rgba 100%);
    @primary2-to-near-black-o: -o-linear-gradient(top, @primary2 0%,@near-black-rgba 100%);
    @primary2-to-near-black-ms: -ms-linear-gradient(top, @primary2 0%,@near-black-rgba 100%);
    @primary2-to-near-black-linear: linear-gradient(to bottom, @primary2 0%,@near-black-rgba 100%);

    /* NEAR-BLACK TO PRIMARY 2 */
    @near-black-to-primary2: @near-black;
    @near-black-to-primary2-moz: -moz-linear-gradient(top, @near-black-rgba 0%, @primary2 100%);
    @near-black-to-primary2-webkit: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@near-black-rgba), color-stop(100%,@primary2));
    @near-black-to-primary2-webkit-linear: -webkit-linear-gradient(top, @near-black-rgba 0%,@primary2 100%);
    @near-black-to-primary2-o: -o-linear-gradient(top, @near-black-rgba 0%,@primary2 100%);
    @near-black-to-primary2-ms: -ms-linear-gradient(top, @near-black-rgba 0%,@primary2 100%);
    @near-black-to-primary2-linear: linear-gradient(to bottom, @near-black-rgba 0%,@primary2 100%);

    /* Context-specific gradients */
    @accordion-close-background: @light-to-medium-gray;
    @accordion-close-background-moz: @light-to-medium-gray-moz;
    @accordion-close-background-webkit: @light-to-medium-gray-webkit;
    @accordion-close-background-webkit-linear: @light-to-medium-gray-webkit-linear;
    @accordion-close-background-o: @light-to-medium-gray-o;
    @accordion-close-background-ms: @light-to-medium-gray-ms;
    @accordion-close-background-linear: @light-to-medium-gray-linear;

    @rules-table-background: @table-border;
    @rules-table-background-moz: @table-border;
    @rules-table-background-webkit-radial: @table-border;
    @rules-table-background-o: @table-border;
    @rules-table-background-radial: @table-border;

    @button-dark-background: @primary2-to-near-black;
    @button-dark-background-moz: @primary2-to-near-black-moz;
    @button-dark-background-webkit: @primary2-to-near-black-webkit;
    @button-dark-background-webkit-linear: @primary2-to-near-black-webkit-linear;
    @button-dark-background-o: @primary2-to-near-black-o;
    @button-dark-background-ms: @primary2-to-near-black-ms;
    @button-dark-background-linear: @primary2-to-near-black-linear;

    @button-dark-background-hover: @near-black-to-primary2;
    @button-dark-background-hover-moz: @near-black-to-primary2-moz;
    @button-dark-background-hover-webkit: @near-black-to-primary2-webkit;
    @button-dark-background-hover-webkit-linear: @near-black-to-primary2-webkit-linear;
    @button-dark-background-hover-o: @near-black-to-primary2-o;
    @button-dark-background-hover-ms: @near-black-to-primary2-ms;
    @button-dark-background-hover-linear: @near-black-to-primary2-linear;

    /* Header & Footer */
    @logo: url('../../images/logo-dark.png') no-repeat 0 0;
    @navbar-background: #f3f3f3;
    @text-color: #606060;
    @footer-bar-color: @text-color;
    @footer-bar-link: @text-color;
    @footer-bar-background: @navbar-background;
    @navbar-toggle-border: 2px solid @primary2;
    @navbar-toggle-icon-bar: @primary2;

    /* Sidebar & Widgets */
    @sidebar-background: #f9f9f9;
    @widget-background-color: @navbar-background;
    @widget-h4-span: @text-color;
    @fb-like-display: none;

    /* Tables & Grids */
    @table-background: #f8f8f8;
    @table-border: #f1f1f1;
    @table-background-even: @no;
    @table-background-odd: @no;
    @table-background-color-even: @table-border;
    @score-border: @table-border;
    @dark-table-top-border-color: @table-background;
    @ui-grid-row-even-background: @table-background-even;
    @ui-grid-row-even-background-color: @table-background;
    @ui-grid-row-odd-background: @no;
    @ui-grid-row-odd-background-color: @table-background-color-even;

    /* Profile */
    @profile-background-color: #d3d3d3;
    @fullname-display: none;

    /* Scoreboard */
    @scoreboard-background-image: url('../../images/bg-pattern-light.png') repeat 0 0;
    @scoreboard-nav-left: url('../../images/icon-chevron-left.png');
    @scoreboard-nav-right: url('../../images/icon-chevron-right.png');
    @scoreboard-ul-border-bottom: @no;
    @scoreboard-league-icon-background-color: #b0b0b0;
    @scoreboard-li-border-left: 1px solid #b0b0b0;

    /* Leagues List */
    @leagues-list-ul-background: #d3d3d3;
    @leagues-list-ul-li-border: @navbar-background;
    @leagues-list-ul-li-background: url('../../images/bg-shine.png') repeat-x 0 0;
    @accordion-open-background: @navbar-background;

    /* How to Play */
    @rules-background: @secondary2;
}

/* STYLES */
/* ==========================================================================
    #Reset
========================================================================== */
* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

/* ==========================================================================
    #Base
========================================================================== */

html {
    height: 100%;
    background-color: @background-color;
    background-image: @background-image;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

body {
    background-color: transparent;
    height: 100%;
    font-family: Lato, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #303030;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    word-spacing: 0;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    margin-top: 60px;
}

form input {
    font-family: Lato, sans-serif;
}

.fa-info-circle {
    color: @primary1;
}

.fa-trophy {
    color: @primary1;
}

a {
    color: @primary1;
    text-decoration: none;
}

a:hover {
    color: @primary2;
    text-decoration: none;
}

a:focus {
    outline: 0 !important;
}

a[href^="tel"]:hover {
    color: #303030;
    cursor: default;
}

a img {
    border: 0 none;
    vertical-align: middle;
}

a,
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
    cursor: pointer;
}

sup,
sub {
    line-height: 1;
    font-size: .5em;
    top: -1em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
.cl {
    display: block;
}

ul,
ol {
    list-style-position: inside;
}

.page-header ul,
.nav-league ul,
.carousel-controls ol,
.leagues-listing ul,
.page-footer ul,
.league-description ul,
.leagues-select ul,
.leagues-list ul,
.start-inner .available-leagues,
.create-steps ol,
.popup-invite .social-links ul,
.friends-list ul,
.subnav ul {
    list-style: none outside none;
}

/* ==========================================================================
    #Helpers
========================================================================== */

.ui-grid {
    margin-top: 10px;
    border: 1px solid @table-border;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: @table-background-even;
    background-color: @table-background;
    color: @text-color;
}

.ui-grid-header {
    background: @no;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background: @ui-grid-row-odd-background;
    background-color: @ui-grid-row-odd-background-color;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background: @ui-grid-row-even-background;
    background-color: @ui-grid-row-even-background-color;
}

.rules .rules-examples table tbody tr:nth-child(odd) {
    background-color: @table-border;
}

.rules .rules-examples table tbody tr:nth-child(even) {
    background-color: @table-background;
}

.notext,
[class^="icon-"] {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

.left,
.alignleft {
    float: left;
}

.right,
.alignright {
    float: right;
}

.wrapper {
    height: auto !important;
    margin: 0 auto;
    overflow: hidden;
}

.dark-bg {
    background: #232425;
}

.push {
    height: 194px;
}

.css-tooltip {
    display: inline;
    position: relative;
}

.css-tooltip:hover {
    cursor: help;
}

.css-tooltip:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    text-align: center;
    content: attr(title);
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 99;
    width: auto;
}

.css-tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 100;
}

.fsr-container {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.fsr-image {
    position: absolute;
}

.fsr-hidden {
    display: none;
}

.fb-wrap {
    overflow: visible !important;
    width: 50px;
}

.fb-like span {
    overflow: visible !important;
    width: 450px !important;
    margin-right: -375px;
}

h4 + div.widget-inner > div.fb-like {
    display: @fb-like-display;
}

/* ==========================================================================
    #Form Elements
========================================================================== */

::-webkit-input-placeholder {
    color: #131c20;
    opacity: .5;
}

:-moz-placeholder {
    color: #131c20;
    opacity: .5;
}

::-moz-placeholder {
    color: #131c20;
    opacity: .5;
}

:-ms-input-placeholder {
    color: #131c20;
    opacity: .5;
}

#picks-week-select.select-wrapper, #results-week-select.select-wrapper, #prizes-week-select.select-wrapper {
    color: #ffffff;
    font-size: 0.5px;
    background: transparent !important;
    background-color: transparent !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select-wrapper:hover {
    color: @primary2;
    font-size: 0.5px;
}

#picks-week-select.select-wrapper:focus, #results-week-select.select-wrapper:focus, #prizes-week-select.select-wrapper:focus {
    color: #ffffff;
    font-size: inherit;
}

.contest-status {
    color: @primary2;
    font-size: 49%;
    margin: 2% -2% 0;
    text-align: right;
}

input,
textarea,
select {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #131c20;
    width: 100%;
    height: 44px;
    display: block;
    padding: 10px;
    border: 0;
    background-color: #f3f3f3;
    border-radius: 3px;
    box-shadow: none;
}

textarea {
    height: 124px;
    resize: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    width: auto;
}

input[type="hidden"] {
    display: none;
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
}

input,
textarea,
a[href^="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
}

input:focus,
textarea:focus {
    border-color: #ff8519;
}

.error-field input,
.error-field textarea {
    border-color: #ff0000;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* ==========================================================================
    #Buttons & Icons
========================================================================== */

/* Buttons */

.button {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    text-shadow: 0px 1px 2px rgba(0,0,0,1);
    text-align: center;
    display: block;
    padding: 5px;
    border: 0 none;
    margin: 0;
    background: url('../../images/bg-black.png') repeat 0 0;
    background: rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: none;
}

.button:hover {
    color: #fff;
    text-decoration: none;
}

.button span {
    display: block;
    border: 1px solid #a65605;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(255,255,255,0.7) inset;
}

.button span {
    background: @primary1;
    background: @primary1-to-primary2-moz;
    background: @primary1-to-primary2-webkit;
    background: @primary1-to-primary2-webkit-linear;
    background: @primary1-to-primary2-o;
    background: @primary1-to-primary2-ms;
    background: @primary1-to-primary2-linear;
}

.button:hover span,
.button:active span {
    text-decoration: none;
    background: @primary2;
    background: @primary2-to-primary1-moz;
    background: @primary2-to-primary1-webkit;
    background: @primary2-to-primary1-webkit-linear;
    background: @primary2-to-primary1-o;
    background: @primary2-to-primary1-ms;
    background: @primary2-to-primary1-linear;
}

.button-alt {
    display: inline-block;
    padding: 0;
    background: transparent;
}

.button-alt span {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    text-shadow: none;
    padding: 10px 30px;
    border: 1px solid #522602;
    border-radius: 4px;
}

input.button,
button.button {
    width: 100%;
    height: 65px;
}

.button-dark {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 26px;
    color: #eee;
    font-style: italic;
    font-weight: bold;
    text-shadow: 0px 1px 2px rgba(0,0,0,1);
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
}

.button-dark,
.button-dark.added:hover {
    background: @button-dark-background;
    background: @button-dark-background-moz;
    background: @button-dark-background-webkit;
    background: @button-dark-background-webkit-linear;
    background: @button-dark-background-o;
    background: @button-dark-background-ms;
    background: @button-dark-background-linear;
}

.button-dark:hover,
.button-dark:active {
    color: #fff;
    text-decoration: none;
    background: @button-dark-background-hover;
    background: @button-dark-background-hover-moz;
    background: @button-dark-background-hover-webkit;
    background: @button-dark-background-hover-webkit-linear;
    background: @button-dark-background-hover-o;
    background: @button-dark-background-hover-ms;
    background: @button-dark-background-hover-linear;
}

input.button-alt,
button.button-alt {
    height: 43px;
}

button.button-alt span {
    border-radius: 8px;
}

.button .icon-rq1 {
    position: relative;
    margin: 0 0 0 6px;
    top: -2px;
}

.button-green {
    display: inline-block;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(0,0,0,.9);
    text-transform: none;
    font-weight: bold;
    padding: 5px 40px;
    border: 1px solid @secondary2;
    border-radius: 5px;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
    background: @secondary1;
    background: @secondary1-to-secondary2-moz;
    background: @secondary1-to-secondary2-webkit;
    background: @secondary1-to-secondary2-webkit-linear;
    background: @secondary1-to-secondary2-o;
    background: @secondary1-to-secondary2-ms;
    background: @secondary1-to-secondary2-linear;
}

.button-green:hover, .button-green:focus {
    color: #ffffff;
    text-decoration: none;
    background: @secondary2;
    background: @secondary2-to-secondary1-moz;
    background: @secondary2-to-secondary1-webkit;
    background: @secondary2-to-secondary1-webkit-linear;
    background: @secondary2-to-secondary1-o;
    background: @secondary2-to-secondary1-ms;
    background: @secondary2-to-secondary1-linear;
}

.button-green[disabled],
.button-orange[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    color: #cccccc;
    text-shadow: none;
    background: linear-gradient(to bottom, @medium-gray-rgba 0%,@dark-gray-rgba 100%);
    border: 1px solid #444444;
}

.button-orange {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,1);
    text-align: center;
    font-weight: bold;
    width: 115px;
    display: inline-block;
    padding: 4px 0 6px;
    border: 1px solid @primary2;
    margin: 0 13px;
    border-radius: 5px;
    background: @primary1;
    background: @primary1-to-primary2-moz;
    background: @primary1-to-primary2-webkit;
    background: @primary1-to-primary2-webkit-linear;
    background: @primary1-to-primary2-o;
    background: @primary1-to-primary2-ms;
    background: @primary1-to-primary2-linear;
}

.button-orange:hover, button-orange:focus {
    color: #ffffff;
    text-decoration: none;
    background: @primary2;
    background: @primary2-to-primary1-moz;
    background: @primary2-to-primary1-webkit;
    background: @primary2-to-primary1-webkit-linear;
    background: @primary2-to-primary1-o;
    background: @primary2-to-primary1-ms;
    background: @primary2-to-primary1-linear;
}

button.button,
button.button-facebook {
    height: 40px;
    line-height: 40px;
    padding: 0;
}

.button-facebook span {
    font-style: normal;
    font-size: 16px;
    display: block;
    padding: 0 10px 0 10px;
    border: 1px solid #29447e;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 #879ac0;
    background: rgb(99,123,173);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background: -webkit-linear-gradient(#637bad, #5872a7);
    background: -moz-linear-gradient(#637bad, #5872a7);
    background: -o-linear-gradient(#637bad, #5872a7);
    background: -ms-linear-gradient(#637bad, #5872a7);
    background: linear-gradient(#637bad, #5872a7);
}

.button-facebook span:before {
    content: "";
    float: left;
    background: url('../../images/icon-facebook-btn.png') no-repeat;
    background-position: -7px 4px;
    width: 42px;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #465f94;
    margin: 0 0 4px 4px;
}

.button-facebook:hover span,
.button-facebook:active span {
    background: rgb(88,114,67);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#5872a7), to(#637bad));
    background: -webkit-linear-gradient(#5872a7, #637bad);
    background: -moz-linear-gradient(#5872a7, #637bad);
    background: -o-linear-gradient(#5872a7, #637bad);
    background: -ms-linear-gradient(#5872a7, #637bad);
    background: linear-gradient(#5872a7, #637bad);
}

button.facebook {
    width: 100%;
    height: 65px;
}

.page-nav {
    clear: both;
    display: block;
    margin: 5px 0 5px 0;
}

.page-nav a {
    font-size: 14px;
    font-style: normal;
    width: 25%;
    min-width: 162px;
    height: 36px;
    padding: 4px;
    margin: 5px -2px 0 0;
    line-height: 26px;
    text-transform: uppercase;
    text-shadow: none;
    display: block;
    text-align: center;
    color: #eee;
    border-color: #333 !important;
    font-weight: bold;
    float: left;
    border-radius: 0;
    text-decoration: none;
}

.page-nav a:visited,
.page-nav a:hover,
.page-nav a:active {
    text-decoration: none;
}

.page-nav a.button-orange {
    border-radius: 0;
    background: @primary1;
    background: @primary1-to-primary2-moz;
    background: @primary1-to-primary2-webkit;
    background: @primary1-to-primary2-webkit-linear;
    background: @primary1-to-primary2-o;
    background: @primary1-to-primary2-ms;
    background: @primary1-to-primary2-linear;
}

.page-nav a.button-orange:visited,
.page-nav a.button-orange:hover,
.page-nav a.button-orange:visited {
    text-decoration: none;
    border-radius: 0;
    background: @primary2;
    background: @primary2-to-primary1-moz;
    background: @primary2-to-primary1-webkit;
    background: @primary2-to-primary1-webkit-linear;
    background: @primary2-to-primary1-o;
    background: @primary2-to-primary1-ms;
    background: @primary2-to-primary1-linear;
}

.page-nav select.button-orange {
    width: 25%;
    min-width: 162px;
    line-height: 26px;
    text-transform: uppercase;
    text-shadow: none;
    display: block;
    text-align: center;
    border: none !important;
    border-color: #333 !important;
    font-weight: bold;
    float: left;
    text-indent: -1020px;
    margin: 4px 0 0 -25%;
    height: 36px;
    border-radius: 0;
    background: transparent;
}

.page-nav select.button-orange option {
    min-width: 162px;
    text-transform: uppercase;
    text-shadow: none;
    display: block;
    color: #000000;
    border: 1px solid #333 !important;
    text-indent: -1010px;
    margin: 0 -5px 0 0;
    padding: 0 0 0 10px;
    background: none !important;
}


/* Icons */

[class^="icon-"] {
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
}

.icon-cover5,
.icon-facebook,
.icon-start-league {
    width: 30px;
    height: 29px;
}

.icon-cover5 {
    background-image: url('../../images/icon-login.png');
}

.icon-facebook {
    background-image: url('../../images/icon-facebook.png');
}

.icon-start-league {
    background-image: url('../../images/icon-start-league.png');
}

.icon-magnifying-glass {
    width: 21px;
    height: 18px;
    background-image: url('../../images/icon-magnifying-glass.png');
}

.icon-fb {
    width: 8px;
    height: 20px;
    background-image: url('../../images/icon-fb.png');
}

.icon-tw {
    width: 20px;
    height: 20px;
    background-image: url('../../images/icon-tw.png');
}

.icon-yt {
    width: 16px;
    height: 20px;
    background-image: url('../../images/icon-yt.png');
}

.icon-person,
.icon-featured,
.icon-message,
.icon-winner,
.icon-cash,
.icon-group,
.icon-cover,
.icon-pc,
.icon-eye,
.icon-award {
    width: 34px;
    height: 34px;
}

.icon-person {
    background-image: url('../../images/icon-users.png');
}

.icon-featured {
    background-image: url('../../images/icon-featured.png');
}

.icon-message {
    background-image: url('../../images/icon-message.png');
}

.icon-winner {
    background-image: url('../../images/icon-winner.png');
}

.icon-cash {
    background-image: url('../../images/icon-cash.png');
}

.icon-group {
    background-image: url('../../images/icon-group.png');
}

.icon-cover {
    background-image: url('../../images/icon-cover5.png');
}

.icon-pc {
    background-image: url('../../images/icon-pc.png');
}

.icon-eye {
    background-image: url('../../images/icon-eye.png');
}

.icon-award {
    background-image: url('../../images/icon-badge.png');
}

.icon-quote {
    width: 39px;
    height: 34px;
    background-image: url('../../images/icon-quote.png');
}

.icon-ball {
    width: 56px;
    height: 56px;
    background-image: url('../../images/icon-ball-small.png');
}

.icon-league01,
.icon-league02,
.icon-league03,
.icon-league04,
.icon-league05,
.icon-league06,
.icon-league07 {
    width: 33px;
    height: 32px;
    background-position: 0 0;
}

.icon-league01 {
    background-image: url('../../images/icon-league01.png');
}

.icon-league02 {
    background-image: url('../../images/icon-league02.png');
}

.icon-league03 {
    background-image: url('../../images/icon-league03.png');
}

.icon-league04 {
    width: 34px;
    background-image: url('../../images/icon-league04.png');
}

.icon-league05 {
    background-image: url('../../images/icon-league05.png');
}

.icon-league06 {
    background-image: url('../../images/icon-league06.png');
}

.icon-league07 {
    background-image: url('../../images/icon-league07.png');
}

.icon-rq1 {
    width: 25px;
    height: 21px;
    background-image: url('../../images/icon-rq02.png');
}

.icon-rq2 {
    width: 13px;
    height: 11px;
    background-image: url('../../images/icon-rq03.png');
}

.icon-rq3 {
    width: 11px;
    height: 9px;
    background-image: url('../../images/icon-rq01.png');
}

.icon-lq1 {
    width: 13px;
    height: 11px;
    background-image: url('../../images/icon-lq01.png');
}

.icon-invite-facebook,
.icon-invite-twitter,
.icon-invite-gmail,
.icon-invite-email,
.icon-invite-sms {
    width: 29px;
    height: 29px;
}

.icon-invite-facebook {
    background-image: url('../../images/icon-invite-facebook.png');
}

.icon-invite-twitter {
    background-image: url('../../images/icon-invite-twitter.png');
}

.icon-invite-gmail {
    background-image: url('../../images/icon-invite-gmail.png');
}

.icon-invite-email {
    background-image: url('../../images/icon-invite-email.png');
}

.icon-invite-sms {
    background-image: url('../../images/icon-invite-sms.png');
}

.icon-positive,
.icon-negative {
    width: 23px;
    height: 22px;
}

.icon-positive {
    background-image: url('../../images/icon-rise.png');
}

.icon-negative {
    background-image: url('../../images/icon-fall.png');
}

.icon-stats {
    width: 59px;
    height: 23px;
    background-image: url('../../images/icon-stats.png');
}

.icon-football {
    width: 22px;
    height: 16px;
    background-image: url('../../images/icon-leagues-football-nfl.png');
}

.icon-football-ncaa {
    width: 22px;
    height: 16px;
    background-image: url('../../images/icon-leagues-football-ncaa.png');
}

.icon-basketball {
    width: 22px;
    height: 16px;
    background-image: url('../../images/icon-leagues-bball-nba.png');
}

.icon-basketball-ncaa {
    width: 22px;
    height: 16px;
    background-image: url('../../images/icon-leagues-bball-ncaa.png');
}

.icon-basketball-ncaa-tournament {
    width: 22px;
    height: 16px;
    background-image: url('../../images/icon-leagues-bball-ncaa-tournament.png');
}

.icon-baseball {
    width: 22px;
    height: 16px;
    background-image: url('../../images/icon-leagues-baseball-mlb.png');
}

.icon-golf {
    width: 22px;
    height: 16px;
    background-image: url('../../images/icon-leagues-golf-pga.png');
}

.icon-people {
    width: 20px;
    height: 14px;
    background-image: url('../../images/icon-people.png');
}

.icon-marker {
    width: 9px;
    height: 16px;
    background-image: url('../../images/icon-marker.png');
}

.icon-plus {
    width: 15px;
    height: 15px;
    background-image: url('../../images/icon-plus.png');
}

.icon-star {
    width: 18px;
    height: 16px;
    background-image: url('../../images/icon-star.png');
}

.icon-chart {
    width: 15px;
    height: 13px;
    background-image: url('../../images/icon-graph.png');
}

.icon-location,
.icon-players {
    width: 16px;
    height: 16px;
}

.icon-location {
    background-image: url('../../images/icon-location.png');
}

.icon-players {
    background-image: url('../../images/icon-players.png');
}

.icon-scores {
    width: 24px;
    height: 19px;
    background-image: url('../../images/icon-scores.png');
}

.icon-stats-personal,
.icon-stats-league,
.icon-stats-weekly,
.icon-stats-team {
    height: 49px;
}

.icon-stats-personal {
    width: 45px;
    background-image: url('../../images/icon-stats-personal.png');
}

.icon-stats-league {
    width: 95px;
    background-image: url('../../images/icon-stats-league.png');
}

.icon-stats-weekly {
    width: 50px;
    background-image: url('../../images/icon-stats-weekly.png');
}

.icon-stats-team {
    width: 54px;
    background-image: url('../../images/icon-stats-team.png');
}

.icon-scores-chat,
.icon-scores-facebook,
.icon-scores-twitter {
    width: 14px;
    height: 14px;
}

.icon-scores-chat {
    background-image: url('../../images/icon-scores-chat.png');
}

.icon-scores-facebook {
    background-image: url('../../images/icon-scores-facebook.png');
}

.icon-scores-twitter {
    width: 15px;
    background-image: url('../../images/icon-scores-twitter.png');
}

.icon-landing-facebook,
.icon-landing-twitter {
    height: 12px;
}

.icon-landing-facebook {
    width: 6px;
    background-image: url('../../images/icon-landing-facebook.png');
}

.icon-landing-twitter {
    width: 15px;
    background-image: url('../../images/icon-landing-twitter.png');
}

/* ==========================================================================
    #Header
========================================================================== */

.page-header {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 0;
    border-top: 8px solid @primary1;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
    background: #f2f2f2;
}

.page-header .logo {
    width: 203px;
    height: 46px;
    margin: 10px 26px 0 0;
    background: url('../../images/logo-alt.png') no-repeat 0 0;
}

.page-header ul {
    margin: 0;
}

.page-header li {
    float: left;
}

.page-header li a {
    display: block;
    padding: 22px 18px;
}

.page-header li a:hover {
    text-decoration: none;
}

.nav li a,
.nav-access li a:hover {
    color: #303030;
}

.nav li a:hover {
    color: @primary1;
}

.nav li ul:not(.submenu) {
    width: 517px;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 9;
    border: 8px solid @primary1;
    margin: -4px 0 0 -258px;
    background: #fff;
    border-radius: 5px;
}
/*.nav li ul:before,
.nav li ul:after,*/
.user-box ul:before,
.user-box ul:after,
.my-leagues .dd:before,
.my-leagues .dd:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    border-style: solid;
    border-color: transparent;
}

.my-leagues .dd:before {
    border-width: 12px;
    border-bottom-color: @secondary1;
    left: auto;
    right: -2px;
    margin-top: -27px;
}

.nav li ul:before {
    border-width: 14px;
    border-bottom-color: @primary1;
    top: -36px;
    margin-left: -14px;
}

.nav li ul:after {
    border-width: 11px;
    border-bottom-color: #fff;
    top: -22px;
    margin-left: -11px;
}

.nav li ul:not(.submenu) li {
    float: none;
    padding: 0 12px;
    border: 0;
}

.nav li ul:not(.submenu) li a {
    font-size: 18px;
    line-height: 23px;
    color: #535353;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    display: block;
    position: relative;
    padding: 18px 0 18px 60px;
    border-top: 1px solid #c0c0c0;
}

.nav li ul li:first-child a,
.user-box ul li:first-child a {
    border-top: 0;
}

.nav li ul li a .ico-holder {
    width: 49px;
    height: 49px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 9px 0 5px;
    margin-top: -25px;
    background: #535353;
    border-radius: 49px;
}

.nav li ul li a .ico-holder [class^="icon-"] {
    display: block;
    margin: 0 auto;
}

.nav li ul li:hover,
.nav li ul li:hover > a,
.user-box ul li:hover,
.user-box ul li:hover > a,
.my-leagues .dd ul li:hover,
.my-leagues .dd ul li:hover > a,
.my-leagues .dd ul li:hover > a span {
    color: #fff;
    text-decoration: none;
    border-top-color: @primary1;
    background: @primary1;
}

.nav li ul li:hover .ico-holder,
.nav li ul li:hover > a .ico-holder {
    background: #fff;
}

.nav li ul li:hover .ico-holder [class^="icon-"],
.nav li ul li:hover > a .ico-holder [class^="icon-"] {
    background-position: 50% 100%;
}

.nav li ul li:hover + li a,
.user-box ul li:hover + li a {
    border-top-color: #fff;
}

.user-box {
    position: relative;
}

.user-box .trigger img {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 7px;
}

.user-box .trigger .glyphicon {
    position: relative;
    top: 2px;
    margin-left: 4px;
}

.user-box ul {
    width: 186px;
    position: absolute;
    top: 50px;
    right: 15px;
    border: 4px solid @primary1;
    background: #fff;
    border-radius: 5px;
}

.user-box ul:before {
    border-width: 12px;
    border-bottom-color: @primary1;
    left: auto;
    right: 0;
    margin-top: 4px;
}

.panel-title > a:visited,
.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

.my-leagues .dd:before {
    border-width: 12px;
    border-bottom-color: @primary1;
    left: auto;
    right: -2px;
    margin-top: -27px;
}

.user-box ul:after {
    border-width: 9px;
    border-bottom-color: #fff;
    left: auto;
    right: 3px;
    margin-top: 0;
}

.my-leagues .dd:after {
    border-width: 9px;
    border-bottom-color: #fff;
    left: auto;
    right: 1px;
    margin-top: -18px;
}

.user-box ul li {
    float: none;
    padding: 0 7px;
}

.user-box ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #2a2a2a;
    text-align: left;
    text-transform: none;
    padding: 7px 0;
    border-top: 1px solid #c0c0c0;
    display: block
}

.nav-trigger,
.access-trigger,
.account-trigger,
.subnav-trigger {
    display: none;
}

.my-leagues .trigger:hover {
    color: @primary1;
    text-decoration: none;
}

.my-leagues {
    position: relative;
    margin-left: 20px;
}

.my-leagues .trigger {
    color: #fff;
    display: block;
    position: relative;
}

.my-leagues .trigger img {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -14px;
    border-radius: 28px;
}

.my-leagues .trigger .caret {
    border-width: 5px;
    border-top-width: 7px;
    position: relative;
    top: -2px;
}

.my-leagues .dd {
    width: 300px;
    position: absolute;
    top: 50px;
    right: 15px;
    border: 4px solid @primary1;
    background: #fff;
    border-radius: 5px;
}

.my-leagues .dd h3 {
    font-size: 20px;
    line-height: 25px;
    color: #2a2a2a;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 0 6px;
    border-bottom: 1px solid #c0c0c0;
    margin: 0 12px;
}

.my-leagues .dd ul {
    padding: 6px 0;
}

.my-leagues .dd ul li {
    float: none;
    padding: 0 12px;
}

.my-leagues .dd ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #2a2a2a;
    text-align: left;
    text-transform: none;
    padding: 7px 0;
    border-top: 1px solid #c0c0c0;
    display: block;
}

.my-leagues .dd .view-all {
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    display: block;
    padding: 10px 0 6px;
    background: @primary1;
}

.my-leagues .dd .view-all:hover {
    text-decoration: none;
}

.subnav-actions {
    position: relative;
    top: -2px;
}

.subnav-actions a {
    font-family: 'Lato', sans-serif;
    line-height: 28px;
    color: #444;
    float: left;
    margin-left: 20px;
}

.subnav-actions a .glyphicon {
    position: relative;
    top: 3px;
}

.subnav-actions a:hover {
    color: #fff;
    text-decoration: none;
}

.subnav-actions a:first-child {
    margin-left: 0;
}

.subnav-actions a.more-link {
    font-size: 34px;
}

.subnav-actions a.search-link {
    font-size: 18px;
}

/* ==========================================================================
    #LOGIN MODAL
========================================================================== */

.modal-body .button span {
    background: @primary1;
    background: @primary1-to-primary2-moz;
    background: @primary1-to-primary2-webkit;
    background: @primary1-to-primary2-webkit-linear;
    background: @primary1-to-primary2-o;
    background: @primary1-to-primary2-ms;
    background: @primary1-to-primary2-linear;
}

.modal-body .button:hover span,
.modal-body .button:active span {
    background: @primary2;
    background: @primary2-to-primary1-moz;
    background: @primary2-to-primary1-webkit;
    background: @primary2-to-primary1-webkit-linear;
    background: @primary2-to-primary1-o;
    background: @primary2-to-primary1-ms;
    background: @primary2-to-primary1-linear;
}

.modal-body .button-facebook span {
    background: rgb(99,123,173);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background: -webkit-linear-gradient(#637bad, #5872a7);
    background: -moz-linear-gradient(#637bad, #5872a7);
    background: -o-linear-gradient(#637bad, #5872a7);
    background: -ms-linear-gradient(#637bad, #5872a7);
    background: linear-gradient(#637bad, #5872a7);
}

.modal-body .button-facebook:hover span,
.modal-body .button-facebook:active span {
    background: rgb(88,114,67);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#5872a7), to(#637bad));
    background: -webkit-linear-gradient(#5872a7, #637bad);
    background: -moz-linear-gradient(#5872a7, #637bad);
    background: -o-linear-gradient(#5872a7, #637bad);
    background: -ms-linear-gradient(#5872a7, #637bad);
    background: linear-gradient(#5872a7, #637bad);
}

.contest .contest-icon i {
    width: 40px;
    height: 40px;
    margin: 0 0 10px 0;
    background-size: 34px 34px;
    background-color: @contest-icon-i;
    border: solid 1px @contest-icon-i;
    border-radius: 80px;
}

/* ==========================================================================
    #Main Content
========================================================================== */

.main-content {
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}


.navbar-header > a.logo {
    width: 139px;
    height: 37px;
    display: block;
    margin: 11px 0 11px 7px;
    background: @logo;
    background-size: 139px 37px;
}

.main-content h2 {
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    line-height: 38px;
    color: @text-color;
    font-style: italic;
    font-weight: bold;
    text-shadow: @text-shadow;
    margin: 12px 0;
}

.main-content h2 span {
    font-style: normal;
    font-weight: normal;
}

.main-content p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: @text-color;
    text-shadow: @text-shadow;
    padding-bottom: 20px;
    margin: 0;
}

.intro-leagues h2 {
    padding-bottom: 25px;
}

.intro-leagues form {
    padding-bottom: 18px;
}

.intro-leagues form h5 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 15px;
    margin: 0;
}

.leagues-select {
    margin-left: 8px;
}

.leagues-select ul {
    margin: 0;
}

.leagues-select li {
    width: 48px;
    float: left;
    margin-right: 9px;
}

.leagues-select label {
    height: 48px;
    display: block;
    position: relative;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
}

.leagues-select label input {
    display: block;
    position: absolute;
    top: 0;
    left: -50px;
}

.leagues-select .league-icon {
    height: 48px;
    display: block;
    padding-top: 9px;
    background: #666;
    border-radius: 48px;
}

.leagues-select .league-icon [class^="icon-"] {
    display: block;
    margin: 0 auto;
}

.leagues-select label:hover .league-icon,
.leagues-select input:checked + .league-icon {
    background: #fe8d36;
}

.start {
    background: url('../../images/bg-black.png') repeat 0 0;
}

@media (min-width: 768px) {
    .start {
        height: 100%;
        top: 0;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .start {
        display: block;
        margin: 50px 0;
    }
}

.start h3 {
    font-size: 40px;
    line-height: 46px;
    color: @light-gray;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
    padding-top: 10px;
    margin: 0;
}

.start h3 span {
    color: @primary1;
    font-weight: bold;
}

.start form {
    padding: 25px 15px 0;
    margin: 0 auto;
    max-width: 300px;
}

.start form p, .page-sidebar .nav-league p {
    font-size: 11px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    margin: 10px 0;
}

.start form p.first-line, .page-sidebar .nav-league p.first-line {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}

.start form p.email-display, .page-sidebar .nav-league p.email-display {
    color: @light-gray;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 20px 0 10px;
}

.start form p.email-display span, .page-sidebar .nav-league p.email-display span {
    color: @primary1;
    font-size: 20px;
    line-height: 28px;
    display: block;
}

.start form p.left, .page-sidebar .nav-league p.left {
    text-align: left;
    display: block;
}

.start form p a, .page-sidebar .nav-league p a {
    color: #fff;
}

.start form label, .page-sidebar .nav-league label {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: @light-gray;
    font-style: italic;
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
}

.start form label.left,
.form-row-radios label {
    width: 60px;
    float: left;
    text-align: left;
    margin: 5px 20px 0 0;
}

.start form label.left {
    width: 60px;
    float: left;
    margin-right: 10px;
    padding: 0;
}

.start form .field, .page-sidebar .nav-league .field {
    height: 36px;
    padding: 6px 17px;
    border: 1px solid #cccbcb;
    margin: 0 0 15px 0;
    background: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) inset;
    font-size: 16px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

.start form .field.zip {
    width: auto;
}

.start form input[type="checkbox"] {
    display: inline;
}

.start form .field:focus {
    box-shadow: 0 0 10px rgba(241,143,41,1);
    border: 1px solid rgba(241,143,41,1);
}

.start form .heading span {
    overflow: hidden;
    text-align: center;
    display: block;
    color: @light-gray;
    font-size: 16px;
}

.start form .heading span:before,
.start form .heading span:after {
    background-color: @light-gray;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.start form .heading span:before {
    right: 0.5em;
    margin-left: -50%;
}

.start form .heading span:after {
    left: 0.5em;
    margin-right: -50%;
}

.start form .bootstrap-select, .start-inner .bootstrap-select, .page-sidebar .nav-league .bootstrap-select,
.user-settings .bootstrap-select {
    width: 77px !important;
    float: left !important;
    margin: 0 10px 0 0px !important;
}

.user-settings .bootstrap-select {
    margin: 0 !important;
}

.user-settings .bootstrap-select ~ .bootstrap-select {
    margin-left: 10px !important;
}

.user-settings .form-row-alt {
    margin-top: 20px;
}

.user-settings .form-row-alt .form-controls {
    margin-bottom: 0;
}

.user-settings .form-row-alt .form-controls label {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    margin-right: 20px;
}

.start .panel-header {
    padding: 10px;
}

.start .panel-header i {
    margin-right: 10px;
}

.user-settings .form-row-alt label input {
    display: block;
    position: absolute;
    top: 0;
    left: -500px;
    visibility: hidden;
}

.user-settings .form-row-alt label .custom-radio {
    width: 17px;
    height: 14px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    background: url('../../images/ico-radio.png') no-repeat 0 0;
}

.user-settings .form-row-alt label input:checked + .custom-radio {
    background: url('../../images/ico-radio-checked.png') no-repeat center;
}

.user-settings .form-row-alt .field-small {
    width: 154px;
}

.user-settings .form-row-alt .field-xsmall {
    width: 64px;
}

.user-settings .form-row-alt .form-controls-multiple .bootstrap-select,
.user-settings .form-row-alt .form-controls-multiple input {
    display: inline-block;
    float: none !important;
    vertical-align: middle;
    margin-right: 10px !important;
}

.user-settings .form-row-alt p.form-hint-alt {
    padding-left: 280px;
}

.user-settings .form-row-alt p.form-hint-alt .form-hint2 {
    margin-left: 140px;
}

.user-settings .form-row-alt p.form-hint-alt .form-hint3 {
    margin-left: 60px;
}

.email-notifications .league-settings-inner h2 {
    width: 280px;
    text-align: left;
}

.email-notifications .col-md-7 {
    width: 480px !important;
}

.email-notifications .col-md-7 h4 {
    font-size: 17px;
}

.email-notifications .col-md-7 h4 em {
    font-size: 12px;
    color: @medium-gray;
    line-height: 1.2;
    font-style: normal;
}

.email-notifications .col-md-7 .settings-inner {
    width: 200px !important;
}

.email-notifications .col-md-7 .settings-inner label {
    font-size: 14px;
}

.email-notifications .col-md-7 .settings-inner label ~ label {
    margin-left: 10px;
}

.email-notifications .col-md-7 .form-controls label {
    position: relative;
    padding-left: 20px;
    font-size: 13px;
}

.email-notifications .col-md-7 .form-controls label input {
    display: block;
    position: absolute;
    top: 0;
    left: -500px;
    visibility: hidden;
}

.email-notifications .league-settings-inner .col-md-7 .entry-settings h4 {
    width: 230px !important;
}

.email-notifications .col-md-7 .form-controls label .custom-radio {
    width: 17px;
    height: 14px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background: url('../../images/ico-radio.png') no-repeat 0 0;
}

.email-notifications .col-md-7 .form-controls label input:checked + .custom-radio {
    background: url('../../images/ico-radio-checked.png') no-repeat center;
}

.email-notifications .popup-body {
    overflow: hidden;
}

.email-notifications .league-settings-inner .col-md-5 {
    width: 280px;
}

.email-notifications .league-settings-inner .col-md-5 .entry-settings h4 {
    width: auto !important;
}

.email-notifications .league-settings-inner .col-md-5 .entry-settings .settings-inner {
    margin-left: 0;
    width: 100%;
}

.email-notifications .league-settings-inner .col-md-5 .entry-settings .settings-inner img {
    margin: 20px 0;
}

.email-notifications .league-settings-inner .col-md-5 .entry-settings .settings-inner p {
    font-size: 14px;
    color: @near-black;
    margin: 20px 0;
}

.email-notifications .league-settings-inner .col-md-5 .entry-settings .settings-inner p a {
    margin-top: 20px;
    display: block;
}

.section-authorize {
    background: #fff;
    padding: 20px 0;
    overflow: hidden;
}

.section-authorize h2 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    padding: 0 20px;
    margin-bottom: 30px;
}

.section-authorize .social-connects {
    list-style: none outside none;
}

.section-authorize .social-connects li ~ li {
    margin-top: 10px;
}

.section-authorize .social-connects a {
    display: block;
    height: 68px;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.section-authorize .social-connects .connect-facebook {
    background: url('../../images/temp/facebook-connect.jpg') no-repeat center #fafafa;
    background-size: 95%;
}

.section-authorize .social-connects .connect-twitter {
    background: url('../../images/temp/twitter-connect.jpg') no-repeat center #fafafa;
    background-size: 95%;
}

.section-authorize .social-connects .connect-google {
    background: url('../../images/temp/google-connect.jpg') no-repeat center #fafafa;
    background-size: 95%;
}

.section-authorize h5 {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.section-authorize ul.list-black {
    padding-left: 20px;
    font-size: 14px;
}

.section-authorize .link-more {
    font-size: 12px;
    color: @medium-gray;
}

.start form .bootstrap-select .btn,
.user-settings .bootstrap-select .btn {
    font-size: 15px;
    line-height: 20px;
    color: #404040;
    padding: 6px 20px 6px 8px;
    border: 1px solid @medium-gray;
}

.start form .bootstrap-select .btn:focus,
.user-settings .bootstrap-select .btn:focus {
    outline: 0 !important;
}

.start form .bootstrap-select .btn .caret,
.user-settings .bootstrap-select .btn .caret {
    width: 9px;
    height: 17px;
    right: 11px;
    border: 0;
    margin-top: -8px;
    background: url('../../images/icon-dd-arrows.png') no-repeat 0 0;
}

.start form .button, .page-sidebar .nav-league .button {
    margin-bottom: 15px;
}

.start .form-row {
    margin-bottom: 10px;
}

.start .form-row.first-step {
    background: url('../../images/next-arrow.png') no-repeat top center;
    padding-top: 35px;
}

.start .form-row.second-step,
.start .form-row.third-step {
    padding-top: 15px;
}

.start .form-row-radios, .page-sidebar .nav-league .form-row-radios {
    padding: 5px 0 15px;
    clear: both;
}

.start .form-row-radios label, .page-sidebar .nav-league .form-row-radios label {
    width: auto;
    margin-top: 0 !important;
    padding: 1px 15px 1px 30px;
    position: relative;
    overflow: hidden;
}

.start .form-row-radios label input, .page-sidebar .nav-league .form-row-radios label input {
    display: block;
    position: absolute;
    top: 0;
    left: -500px;
}

.start .form-row-radios label .custom-radio, .page-sidebar .nav-league .form-row-radios label .custom-radio {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
    background: url('../../images/icon-radio.png') no-repeat 0 0;
}

.start .form-row-radios label input:checked + .custom-radio, .page-sidebar .nav-league .form-row-radios label input:checked + .custom-radio {
    background-position: 100% 0;
}

.intro-leagues + .start form label {
    width: 54px;
}

.intro-leagues + .start form .form-row-radios label {
    width: auto;
}

.hero-shrink .start {
    background: transparent;
}

.hero-shrink .start-inner { /* SIDEBAR */
    height: 100%;
    background: @sidebar-background;
}

.nav-league {
    font-size: 10px;
    line-height: 29px;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255,255,255,0.28);
}

.nav-league ul {
    margin: 0;
}

.nav-league li {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255,255,255,0.28);
}

.nav-league ul li > a {
    color: #fff;
    display: block;
    padding: 15px 0 16px 29px;
    background: url('../../images/bg-shine.png') repeat-x 0 0;
}

.nav-league a:hover {
    text-decoration: none;
    background-image: url('../../images/bg-shine-h.png');
    background-position: 100% 0;
}

.nav-league a [class^="icon"] {
    margin-right: 10px;
}

.featured {
    height: 141px;
    position: relative;
    z-index: 2;
    background: #f1f1f1;
}

.featured .container {
    position: relative;
    top: -87px;
    background: #f1f1f1;
    border-radius: 7px 7px 0 0;
}

.featured .left-shadow,
.featured .right-shadow {
    width: 26px;
    height: 89px;
    display: block;
    position: absolute;
    top: 87px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.featured .left-shadow {
    left: -26px;
    background-image: url('../../images/bg-shadow-left.png');
}

.featured .right-shadow {
    right: -26px;
    background-image: url('../../images/bg-shadow-right.png');
}

.featured h3 {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: @primary1;
    font-weight: bold;
    font-style: italic;
    padding: 12px 0;
    margin: 0;
}

.entry-featured {
    padding: 10px 15px 15px;
    border-left: 1px solid #dedede;
}

.entry-featured:first-child {
    border-left: 0;
}

.entry-featured > img {
    width: 96px;
    height: 96px;
    float: left;
    margin-right: 10px;
}

.entry-featured h5 {
    font-family: 'Lato', sans-serif;
    font-size: 19px;
    line-height: 24px;
    color: #232425;
    font-weight: bold;
    padding: 11px 0 2px;
    margin: 0;
}

.entry-featured p {
    font-size: 12px;
    line-height: 14px;
    color: @dark-gray;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 0;
}

.entry-featured p a {
    color: @dark-gray;
}

.entry-featured .button {
    display: inline-block;
}

.play-process {
    text-align: center;
}

.play-process .container {
    position: relative;
}

.play-process h2 {
    font-family: 'Lato', sans-serif;
    font-size: 42px;
    line-height: 1;
    color: #232425;
    font-weight: bold;
    text-align: center;
    width: 50%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
}

.play-process h2:after {
    content: "";
    width: 34px;
    height: 2px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 15px 0 0 -17px;
    background: #808285;
}

.play-process .carousel {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.play-process .carousel-inner {
    height: 406px;
}

.play-process .item-info {
    text-align: center;
    padding-top: 150px;
}

.play-process .item-info h4 {
    font-size: 24px;
    line-height: 30px;
    color: #232425;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 0;
}

.play-process .item-info h4 span {
    color: @primary1;
}

.play-process .item-info p {
    font-size: 15px;
    line-height: 26px;
    color: @dark-gray;
    padding: 0 20px;
    margin: 0;
}

.play-process .item-image img {
    max-width: none;
    display: block;
}

.carousel-controls {
    font-size: 0;
    line-height: 0;
    text-align: center;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    z-index: 50;
}

.carousel-control {
    width: 13px;
    height: 21px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    position: static;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: 0.5 !important
}

.carousel-control.left {
    background-image: url('../../images/icon-chevron-left.png');
}

.carousel-control.right {
    background-image: url('../../images/icon-chevron-right.png');
}

.carousel-controls ol {
    width: auto;
    height: 21px;
    display: inline-block;
    position: static;
    vertical-align: middle;
    padding: 4px 5px;
    margin: 0;
}

.carousel-controls ol li {
    width: 13px;
    height: 13px;
    display: inline-block;
    border: 0;
    margin: 0 4px;
    background: #d2d2d2;
    border-radius: 13px;
}

.carousel-controls ol li.active {
    width: 13px;
    height: 13px;
    margin: 0 4px;
    background: #ff981e;
}

.leagues {
    padding-top: 65px;
}

.leagues h3 {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #232425;
    font-weight: bold;
    text-align: center;
    padding-bottom: 52px;
    margin: 0;
}

.leagues h3 span {
    color: @primary1;
}

.entry-league {
    position: relative;
}

.entry-league img {
    width: 71px;
    height: 70px;
    display: block;
    position: absolute;
    top: -5px;
    left: 20px;
}

.entry-league h5 {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 25px;
    color: #2c2d31;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 85px;
    margin: 0;
}

.entry-league h6 {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #f1f1f3;
    font-weight: bold;
    padding: 15px 0 15px 85px;
    margin: 0;
    background: #2c2d31;
    border-radius: 3px 3px 0 0;
}

.entry-league .countdown {
    background: #979797;
    border-radius: 0 0 3px 3px;
}

.entry-league .countdown-part {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 33.33%;
    float: left;
    position: relative;
    padding: 11px 0;
}

.entry-league .countdown-part strong {
    font-family: 'Lato', sans-serif;
    font-size: 37px;
    line-height: 1;
    font-weight: bold;
    display: block;
}

.entry-league .countdown-part span {
    font-size: 10px;
    line-height: 12px;
    display: block;
    padding-top: 5px;
}

.entry-league .countdown-part .dots {
    font-family: 'Lato', sans-serif;
    font-size: 37px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 9px;
    left: -3px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.entry-league .countdown-part:first-child .dots {
    display: none;
}

.leagues-listing {
    margin: 0;
}

.leagues-listing .col-md-12 {
    background: url('../../images/bg-white-gradient.png') repeat-x 0 0;
    padding: 60px 30px 56px;
}

.leagues-listing form {
    padding-bottom: 12px;
    position: relative;
}

.leagues-filter {
    width: 150px;
    position: relative;
    float: right;
    margin-top: 12px;
    margin-bottom: 12px;
}

.leagues-filter.invite {
    margin-top: 26px;
    margin-right: 13px;
}

.leagues-listing form label {
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    line-height: 35px;
    color: @primary1;
    font-style: italic;
    font-weight: bold;
    padding: 0;
    margin: 0;
    float: left;
}

.leagues-listing form .field,
.leagues-filter .field,
.popup-invite .gmail-invite .friends-list .form-row .field {
    line-height: 25px;
    height: 35px;
    float: right;
    padding: 5px 52px 5px 10px;
    border: 0;
    border-bottom: 1px solid #fff;
    background: #e4e4e4;
    border-radius: 17px;
}

.leagues-listing form button,
.leagues-filter button,
.popup-invite .gmail-invite .friends-list .form-row button {
    width: 45px;
    height: 27px;
    position: absolute;
    top: 4px;
    right: 4px;
    border: 0;
    border-radius: 12px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.leagues-listing form button,
.leagues-filter button,
.popup-invite .gmail-invite .friends-list .form-row button {
    background: rgb(251,250,245);
    background: -moz-linear-gradient(top, rgba(251,250,245,1) 0%, rgba(251,250,245,1) 50%, rgba(243,242,237,1) 50%, rgba(243,242,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,250,245,1)), color-stop(50%,rgba(251,250,245,1)), color-stop(50%,rgba(243,242,237,1)), color-stop(100%,rgba(243,242,237,1)));
    background: -webkit-linear-gradient(top, rgba(251,250,245,1) 0%,rgba(251,250,245,1) 50%,rgba(243,242,237,1) 50%,rgba(243,242,237,1) 100%);
    background: -o-linear-gradient(top, rgba(251,250,245,1) 0%,rgba(251,250,245,1) 50%,rgba(243,242,237,1) 50%,rgba(243,242,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,250,245,1) 0%,rgba(251,250,245,1) 50%,rgba(243,242,237,1) 50%,rgba(243,242,237,1) 100%);
    background: linear-gradient(to bottom, rgba(251,250,245,1) 0%,rgba(251,250,245,1) 50%,rgba(243,242,237,1) 50%,rgba(243,242,237,1) 100%);
}

.leagues-listing form button:hover,
.leagues-filter button:hover,
.popup-invite .gmail-invite .friends-list .form-row button:hover {
    background: rgb(243,242,237);
    background: -moz-linear-gradient(top, rgba(243,242,237,1) 0%, rgba(243,242,237,1) 50%, rgba(251,250,245,1) 50%, rgba(251,250,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,242,237,1)), color-stop(50%,rgba(243,242,237,1)), color-stop(50%,rgba(251,250,245,1)), color-stop(100%,rgba(251,250,245,1)));
    background: -webkit-linear-gradient(top, rgba(243,242,237,1) 0%,rgba(243,242,237,1) 50%,rgba(251,250,245,1) 50%,rgba(251,250,245,1) 100%);
    background: -o-linear-gradient(top, rgba(243,242,237,1) 0%,rgba(243,242,237,1) 50%,rgba(251,250,245,1) 50%,rgba(251,250,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(243,242,237,1) 0%,rgba(243,242,237,1) 50%,rgba(251,250,245,1) 50%,rgba(251,250,245,1) 100%);
    background: linear-gradient(to bottom, rgba(243,242,237,1) 0%,rgba(243,242,237,1) 50%,rgba(251,250,245,1) 50%,rgba(251,250,245,1) 100%);
}

.leagues-listing form button .icon-magnifying-glass,
.leagues-filter button .icon-magnifying-glass,
.popup-invite .gmail-invite .friends-list .form-row button .icon-magnifying-glass {
    display: block;
    margin: 0 auto;
}

.leagues-listing ul li {
    padding: 20px 220px 20px 0;
    border-top: 1px solid #d1d1d1;
    margin-left: 68px;
    position: relative;
}

.leagues-listing ul li:first-child {
    border-top: 0;
}

.leagues-listing ul li > img {
    width: 54px;
    height: 54px;
    display: block;
    position: absolute;
    top: 50%;
    left: -61px;
    margin-top: -27px;
}

.leagues-listing ul li h4 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #232425;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 0;
}

.leagues-listing ul li p {
    font-size: 14px;
    line-height: 22px;
    color: #232425;
    margin: 0;
}

.leagues-listing .join-league {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0,0,0,1);
    width: 181px;
    height: 38px;
    display: block;
    position: absolute;
    bottom: 20px;
    right: 25px;
    padding: 6px 0 6px 15px;
    background: url('../../images/bg-arrow.png') no-repeat 0 0;
}

.leagues-listing .join-league:hover {
    text-decoration: none;
    text-shadow: none;
}

.leagues-listing .button {
    display: inline-block;
}

.leagues-listing .button span {
    padding-left: 55px;
    padding-right: 55px;
}

.press {
    position: relative;
    overflow: hidden;
    padding-bottom: 430px;
    z-index: 2;
}

.press > img {
    width: 1920px;
    max-width: none;
    position: absolute;
    top: 160px;
    left: 0;
}

.press .container {
    text-align: center;
    padding: 65px 0 38px;
}

.press h2 {
    font-family: 'Lato', sans-serif;
    font-size: 46px;
    line-height: 55px;
    color: #292929;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding-right: 25px;
    position: relative;
    top: -3px;
}

.press .button {
    display: inline-block;
    vertical-align: middle;
}

.press .button span {
    padding-left: 55px;
    padding-right: 55px;
}

.mobile-apps {
    height: 289px;
    position: relative;
    z-index: 3;
    overflow: visible;
}

.mobile-apps .container {
    position: relative;
    padding-top: 75px;
}

.mobile-apps .devices {
    display: block;
    position: absolute;
    top: -100px;
    right: 220px;
}

.mobile-apps h2 {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    padding: 0 0 10px 35px;
    margin: 0;
}

.mobile-apps p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #292929;
    font-weight: bold;
    padding: 0 0 25px 35px;
    margin: 0;
}

.mobile-apps a {
    display: inline-block;
    margin-left: 35px;
}

.mobile-apps a + a {
    margin-left: 10px;
}

/* ==========================================================================
    #Landing Pages
========================================================================== */

.main {
    position: relative;
}

.main .container {
    position: relative;
    z-index: 2;
}

.main-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.main-image img {
    width: 100%;
    height: auto;
    display: block;
}

.get-started {
    text-align: center;
    height: 605px;
    padding: 65px 35px 0 40px;
    overflow: hidden;
}

.get-started .guy {
    float: left;
    position: relative;
    z-index: 2;
}

.get-started .right {
    width: 674px;
    position: relative;
    z-index: 1;
    margin: 0 -75px 0 -120px;
}

.get-started .challenge {
    display: block;
    position: relative;
    margin-top: -16px;
    z-index: 1;
}

.get-started .tooltip-box {
    width: 434px;
    padding: 30px 20px 30px 30px;
    background: url('../../images/bg-bubble.png') repeat 0 0;
    border-radius: 21px;
    position: relative;
    z-index: 2;
}

.get-started .tooltip-box:before {
    content: "";
    width: 37px;
    height: 29px;
    display: block;
    position: absolute;
    bottom: 16px;
    left: -37px;
    background: url('../../images/bg-bubble-tip.png') no-repeat 0 0;
}

.get-started .tooltip-box h3 {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    line-height: 34px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    margin: 0;
}

.get-started .tooltip-box h3 span {
    color: #ff8519;
}

.get-started .button {
    width: 180px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -170px;
    z-index: 10;
}

.features {
    font-family: 'Lato', sans-serif;
    text-align: center;
    width: 980px;
    border: 1px solid #d9d9d9;
    margin: 0 auto;
    border-radius: 6px;
    background: #fff;
}

.features h3 {
    font-size: 28px;
    line-height: 34px;
    color: #0e0e0e;
    font-weight: bold;
    font-style: italic;
    padding: 22px 0;
    border-bottom: 1px solid #d0d0d0;
    margin: 0;
}

.features h3 span {
    font-weight: bold;
    color: #e77213;
}

.features h5 {
    font-size: 20px;
    line-height: 22px;
    color: #0e0e0e;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 20px;
    margin: 0;
}

.features h6 {
    font-size: 18px;
    line-height: 20px;
    color: #0e0e0e;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 0;
}

.features h6 span {
    color: #e77213;
}

.features ul {
    font-size: 14px;
    color: #3d3d3d;
    list-style: disc outside;
    margin: 0 0 0 20px;
}

.features .columns {
    text-align: left;
    width: 806px;
    padding: 30px 0 35px;
    margin: 0 auto;
}

.features .columns .column {
    width: 50%;
    float: left;
    padding-left: 40px;
    border-left: 1px solid #d9d9d9;
}

.features .columns .column:first-child {
    padding-left: 0;
    padding-right: 10px;
    border-left: 0;
}

.features .button {
    padding-left: 51px;
    padding-right: 51px;
    margin-bottom: 37px;
}

.features .banner-box {
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-align: left;
    padding: 38px 21px 30px 78px;
    background: url('../../images/bg-bubble.png') repeat 0 0;
    border-radius: 4px;
}

.features .banner-content {
    font-size: 18px;
    line-height: 22px;
    width: 390px;
}

.features .banner-content p {
    padding-top: 25px;
    margin: 0;
}

.features .banner-content p:first-child {
    padding-top: 0;
}

.features .banner-image {
    text-align: center;
    width: 405px;
}

.features .banner-image img {
    display: block;
}

.features .banner-image a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.featured-testimonial {
    width: 800px;
    padding: 90px 0 50px;
    margin: 0 auto;
}

.featured-testimonial img {
    width: 143px;
    height: 143px;
    float: left;
    border: 5px solid @primary1;
    border-radius: 143px;
    margin-right: 14px;
}

.featured-testimonial blockquote {
    font-family: Georgia, serif;
    font-size: 19px;
    line-height: 27px;
    color: #fff;
    font-style: italic;
    padding: 0 0 10px 0;
    border: 0;
    margin: 15px 0 0 0;
}

.featured-testimonial blockquote p:before,
.featured-testimonial blockquote p:after {
    content: "";
    width: 31px;
    height: 24px;
    display: inline-block;
    margin: 0 12px;
    position: relative;
    top: 4px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.featured-testimonial blockquote p:before {
    background-image: url('../../images/icon-quote-open.png');
}

.featured-testimonial blockquote p:after {
    background-image: url('../../images/icon-quote-close.png');
}

.featured-testimonial > p {
    font-family: 'Lato', sans-serif;
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.league-description {
    font-family: 'Lato', sans-serif;
    text-align: center;
    padding-bottom: 25px;
    margin: 0 auto;
}

.league-description h2 {
    font-size: 34px;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    padding: 0 0 20px 0;
    margin: 0;
}

.league-description h3 {
    font-size: 26px;
    line-height: 30px;
    color: #303030;
    font-weight: bold;
    margin: 0;
}

.league-description h4 {
    font-size: 18px;
    line-height: 34px;
    color: #303030;
    font-weight: bold;
    margin: 0;
}

.league-description h4 span {
    color: @primary1;
}

.league-description h5 {
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    font-weight: 400;
    padding-bottom: 25px;
    margin: 0;
}

.league-description > p {
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    padding-bottom: 25px;
    margin: 0;
}

.league-description ul {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 35px 0 17px;
    margin: 0;
}

.league-description ul li {
    padding: 0 0 18px 58px;
    position: relative;
}

.league-description ul li [class^="icon"] {
    position: absolute;
    top: 0;
    left: 0;
}

.league-description .box-description {
    padding: 25px 60px;
    background: #fff;
}

.league-description .box-description h2 {
    font-size: 34px;
    line-height: 35px;
    color: #000;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0px 1px 1px rgba(250, 250, 250, 1);
    padding: 0 0 20px 0;
    margin: 0;
}

.league-description .box-description > p {
    font-size: 19px;
    line-height: 24px;
    color: #373737;
    font-weight: 400;
    padding-bottom: 25px;
    margin: 0;
}

.leagues-data {
    text-align: center;
    width: 980px;
    padding-bottom: 65px;
    margin: 0 auto;
}

.leagues-data h2 {
    font-family: 'Lato', sans-serif;
    font-size: 34px;
    line-height: 38px;
    color: #373737;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 20px;
    margin: 0;
}

.leagues-data h2 span {
    color: @primary1;
}

.leagues-data .carousel {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    position: relative;
}

.leagues-data .carousel-inner {
    text-align: center;
    width: 773px;
}

.leagues-data .carousel-inner p {
    padding: 40px 0 20px;
    margin: 0;
}

.leagues-data .carousel-inner img {
    margin: 0 auto;
}

.leagues-data .carousel-controls {
    width: 207px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid #d9d9d9;
}

.leagues-data .carousel-controls .carousel-indicators {
    width: 100%;
    height: auto;
    display: block;
    padding: 105px 0 0 0;
}

.leagues-data .carousel-controls .carousel-indicators li {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #414141;
    font-weight: bold;
    text-transform: uppercase;
    text-indent: 0;
    text-align: left;
    width: 219px;
    height: 50px;
    display: block;
    padding: 15px 12px;
    margin: 0;
    background: url('../../images/bg-nav-tabs.png') no-repeat -500px 0;
    border-radius: 0;
}

.leagues-data .carousel-controls .carousel-indicators li.active {
    color: #fff;
    background-position: 0 0;
}

.testimonials {
    width: 980px;
    padding: 65px 0 45px;
    border-top: 1px solid #d9d9d9;
    margin: 0 auto;
    position: relative;
}

.testimonials .icon-quote {
    position: absolute;
    top: -17px;
    left: 50%;
    margin-left: -20px;
}

.testimonials .carousel {
    width: 820px;
    margin: 0 auto;
}

.testimonials .carousel blockquote {
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 16px;
    color: #474747;
    font-style: italic;
    text-align: center;
    padding: 0 50px 10px 0;
    border: 0;
    margin: 0;
}

.testimonials .carousel blockquote p:before,
.testimonials .carousel blockquote p:after {
    content: "";
    width: 31px;
    height: 24px;
    display: inline-block;
    margin: 0 12px 0 0;
    position: relative;
    top: 4px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.testimonials .carousel blockquote p:before {
    background-image: url('../../images/icon-quote-open.png');
}

.testimonials .carousel blockquote p:after {
    background-image: url('../../images/icon-quote-close.png');
    position: absolute;
    top: 0;
    right: 0;
}

.testimonials .carousel .author {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #969696;
    width: 300px;
    min-height: 72px;
    padding-left: 82px;
    margin: 15px 0 15px auto;
    position: relative;
}

.testimonials .carousel .author:before {
    content: "";
    width: 310px;
    height: 1px;
    display: block;
    position: absolute;
    top: 50%;
    left: -310px;
    background: #d0d0d0;
}

.testimonials .carousel .author strong {
    color: #373737;
    display: block;
    padding-top: 20px;
}

.testimonials .carousel .author img {
    width: 72px;
    height: 72px;
    display: block;
    border: 5px solid #d0d0d0;
    border-radius: 72px;
    position: absolute;
    top: 0;
    left: 0;
}

.testimonials .carousel-controls {
    position: static;
}

.request-form {
    font-family: 'Lato', sans-serif;
    width: 980px;
    border: 1px solid #d9d9d9;
    margin: 0 auto;
    border-radius: 4px;
}

.request-form .form-head {
    padding: 35px 50px;
    border-bottom: 1px solid #d9d9d9;
}

.request-form .form-head h3 {
    font-size: 25px;
    line-height: 30px;
    color: #373737;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

.request-form .form-body {
    padding: 40px 50px 15px;
}

.request-form .form-body label {
    font-size: 18px;
    line-height: 22px;
    color: #3d3d3d;
    font-weight: 400;
    display: block;
    margin: 17px 0;
}

.request-form .form-head h3 span,
.request-form .form-body label span {
    color: @primary1;
}

.request-form .form-body .form-col {
    width: 324px;
    float: right;
}

.request-form .form-body .form-col:first-child {
    float: left;
}

.request-form .form-body .button {
    margin: 56px 0 45px;
}

.request-form .form-body p {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #ff8519;
    margin: 0;
}

.request-form .form-body p a {
    text-decoration: underline;
}

.request-form .form-body p a:hover {
    text-decoration: none;
}

.mobile-applications {
    font-family: 'Lato', sans-serif;
    width: 980px;
    padding-bottom: 30px;
    margin: 0 auto;
}

.mobile-applications h3 {
    font-size: 22px;
    line-height: 24px;
    color: #303030;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    padding-bottom: 60px;
    margin: 0;
}

.mobile-applications .divider {
    height: 1px;
    background: #969696;
    margin-bottom: 52px;
    position: relative;
}

.mobile-applications .divider .icon-ball {
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -28px;
}

.mobile-applications .divider:before,
.mobile-applications .divider:after {
    content: "";
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    background: #ff8519;
    border-radius: 11px;
}

.mobile-applications .divider:before {
    left: 0;
}

.mobile-applications .divider:after {
    right: 0;
}

.mobile-applications .app-info > img {
    width: 180px;
    height: auto;
    float: left;
    margin: 0 50px 0 45px;
}

.mobile-applications .app-info h3 {
    text-align: left;
    padding-bottom: 15px;
}

.mobile-applications .app-info ul {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 20px;
}

.mobile-applications .device-buttons {
    text-align: left;
}

.mobile-applications .device-buttons a {
    float: left;
    margin-right: 20px;
}

.page-sports .league-description {
    padding: 85px 0 55px;
}

.page-sports .league-description h2 {
    font-size: 32px;
    line-height: 35px;
    color: #ff8519;
}

.page-sports .league-description h3 {
    font-size: 24px;
    line-height: 31px;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 15px;
    margin: 0;
}

.page-sports .league-description > p {
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 25px;
}

.page-sports .league-description > p + p {
    padding-bottom: 30px;
}

.page-sports .testimonials .carousel .author {
    width: 375px;
}

.page-sports .request-form .form-body .button {
    margin-top: 0;
}

.page-sports .request-form .form-body p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #3d3d3d;
    font-weight: 400;
    padding: 18px 0;
    margin: 0;
}

.page-sports .request-form .form-body p span {
    font-weight: bold;
    color: @primary1;
}

/* ==========================================================================
    #Footer
========================================================================== */

.footer-inner {
    color: #fff;
    padding: 17px 0;
    background: #232425;
}

.footer-inner h5 {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 12px;
    margin: 0;
}

.footer-inner ul {
    font-size: 12px;
    line-height: 18px;
    color: #ccc;
    margin: 0;
}

.footer-inner ul a {
    color: #ccc;
}

.footer-inner ul a:hover {
    color: #fff;
}

.footer-bar {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: @text-color;
    padding: 10px 0;
    background: @navbar-background;
}

.footer-bar p {
    margin: 0 0 10px 0;
}

.footer-bar a {
    color: #ccc;
}

.footer-bar a:hover {
    color: @primary1;
}

.socials {
    width: 210px;
    padding-top: 10px;
    margin-left: auto;
}

.socials a {
    float: left;
    margin-left: 20px;
    position: relative;
}

.socials a:hover {
    top: 2px;
}

.socials span {
    font-size: 14px;
    font-style: italic;
    float: left;
}

/* ==========================================================================
    #Interior Pages
========================================================================== */

.page-interior .container {
    padding-left: 0;
    padding-right: 0;
}

.page-interior .page-header {
    position: relative;
    z-index: 20;
    background: #fff;
}

.page-interior .main {
    z-index: 10;
}

.panel-group {
    margin-top: 20px;
}

.panel-group .panel {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid @table-border;
}

.leagues-list {
    border-radius: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid transparent;
}

.leagues-list ul {
    margin: 0 0 25px 0;
    background: @leagues-list-ul-background;
    border: 1px solid @table-border;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    border-radius: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.leagues-list ul li {
    padding: 8px 20px 12px 14px;
    border-top: 1px solid @leagues-list-ul-li-border;
    background: @leagues-list-ul-li-background;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

.leagues-list ul li:first-child {
    border-top: 0;
}

.leagues-list .league-avatar {
    width: 56px;
    margin-right: 21px;
}

.leagues-list .league-avatar a {
    height: 56px;
    display: block;
}

.leagues-list .league-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 56px;
}

.leagues-list .league-desc h4 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #fe8d36;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 7px 0;
    margin: 0;
    word-break: break-word;
}

.leagues-list .league-desc h4 a,
.leagues-list .league-desc h4 a:visited,
.leagues-list .league-desc h4 span {
    color: @primary1;
    text-decoration: none;
    /*text-shadow: @text-shadow;*/
    word-break: break-word;
}

.leagues-list .league-desc h4 a:hover,
.leagues-list .league-desc h4 a:active {
    color: @primary2;
    text-decoration: none;
    /*text-shadow: 0px 1px 2px rgba(255,255,255,1);*/
    word-break: break-word;
}

.leagues-list .league-desc p {
    font-size: 16px;
    line-height: 16px;
    color: @text-color;
    padding: 0;
    margin: 0;
}

.leagues-list .league-desc p .orange {
    font-size: 12px;
    line-height: 12px;
    color: @primary1;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.leagues-list .league-desc p img {
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
}

.leagues-list .league-desc p a {
    color: @league-desc-p-link;
}

.leagues-list .league-actions {
    width: 108px;
    text-align: center;
}

.leagues-list .league-actions a:not(.button-dark) {
    color: #CCCCCC;
}

.leagues-list .league-actions .button-dark,
.leagues-list .league-actions .button-dark.added:hover,
.leagues-list .league-actions .invalidInvitation {
    margin-top: 8px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    height: 45px;
    padding: 14px 0;
    display: block;
    box-shadow: 1px 1px 0px rgba(255,255,255,0.1) inset;
}

.leagues-list .league-actions.invalidInvitation {
    width: 200px;
}

.leagues-list .league-actions .invalidInvitation {
    box-shadow: none;
    padding: 7px;
    margin-top: 4px;
}

.leagues-list .league-actions .button-dark:hover {
    box-shadow: -1px -1px 0px rgba(255,255,255,0.1) inset;
}

.leagues-list .league-actions .button-dark.added {
    cursor: default;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.start-inner .user-account {
    padding: 33px 21px 26px;
}

.start-inner .user-account a {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    display: block;
    min-height: 62px;
}

.start-inner .user-account a img {
    width: 62px;
    height: 62px;
    float: left;
    border: 4px solid #a6adb8;
    margin-right: 8px;
    border-radius: 62px;
}

.start-inner .user-account a strong {
    font-size: 20px;
    line-height: 28px;
    color: @primary1;
    display: block;
    padding-top: 7px;
}

.start-inner .user-account a:hover {
    text-decoration: none;
}

.start-inner .user-account a:hover img {
    border-color: @primary1;
}

.start-inner .user-account + .join-box {
    padding-top: 29px;
}

.start-inner .join-box {
    padding: 13px 21px 23px;
    border-top: 1px solid #6c7789;
}

.start-inner .join-box h5 {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 13px;
    margin: 0;
}

.start-inner .join-box p {
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    padding: 0 0 9px 0;
}

.start-inner .available-leagues {
    margin: 0 -9px 0 0;
    position: relative;
}

.start-inner .available-leagues li {
    width: 56px;
    float: left;
    margin: 0 9px 9px 0;
}

.start-inner .available-leagues li a {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    background: #00a651;
}

.start-inner .available-leagues li a:hover {
    text-decoration: none;
    background: #0d8648;
}

.start-inner .available-leagues li a,
.start-inner .available-leagues li img {
    height: 56px;
    display: block;
    border-radius: 56px;
}

.start-inner .available-leagues li a strong {
    font-weight: bold;
    display: block;
    padding-top: 9px;
}

.start-inner .join-actions {
    padding: 27px 14px;
    border-top: 1px solid #6c7789;
}

.start-inner .join-actions [class^="button"] {
    display: block;
    margin-bottom: 20px;
}

.start-inner .join-actions .button-dark {
    font-size: 24px;
    line-height: 33px;
    text-shadow: 0px 1px 0px rgba(0,0,0,1);
    text-align: center;
    padding: 5px 0;
    margin: 0 5px;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset;
}

.start-inner .join-actions .button-dark:hover {
    box-shadow: 0px -1px 0px rgba(255,255,255,0.1) inset;
}

.top-banner {
    padding: 18px 0 20px;
    text-align: center;
}

.top-banner a,
.top-banner img {
    display: block;
}

.top-banner img {
    margin: 0 auto;
}

.top-bar {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ddd;
    border-bottom: 1px solid #211d1d;
    background: #000;
    border-radius: 5px 5px 0 0;
}

.top-bar .listen-live {
    text-align: center;
    width: 258px;
    float: left;
    padding: 9px 0;
    border-right: 1px solid #211d1d;
}

.top-bar .marquee {
    width: 912px;
    float: right;
}

.top-bar .marquee p {
    text-transform: uppercase;
    text-align: center;
    width: 160px;
    float: left;
    padding: 9px 8px;
    margin: 0;
}

.top-bar .marquee ul {
    list-style: none outside none;
    width: 752px;
    float: left;
    padding: 9px 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
}

.top-bar .marquee ul li {
    display: inline;
    padding: 0 10px;
}

.scoreboard {
    background: @scoreboard-background-image;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
    border-bottom: 3px solid @primary1;
}

.scoreboard .carousel {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
}

.scoreboard .carousel .carousel-control {
    width: 13px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.scoreboard .carousel .carousel-control.left {
    left: 15px;
    background-image: @scoreboard-nav-left;
}

.scoreboard .carousel .carousel-control.right {
    right: 15px;
    background-image: @scoreboard-nav-right;
}

.scoreboard .carousel .item {
    float: none;
}

.scoreboard .carousel-inner {
    padding: 0 35px;
}

.scoreboard .carousel-inner ul {
    list-style: none outside none;
    border-bottom: @scoreboard-ul-border-bottom;
    margin: 0;
}

.scoreboard .carousel-inner ul li {
    width: 9.5%;
    float: left;
    border-left: 1px solid @scoreboard-league-icon-background-color;
}

.scoreboard .carousel-inner ul li div {
    color: @text-color;
    height: 70px;
    display: block;
    padding: 8px;
}

.scoreboard .carousel-inner ul li a:hover {
    text-decoration: none;
    color: #ddd;
}

.scoreboard .carousel-inner ul li div small {
    font-size: 100%;
    color: @primary1;
}

.scoreboard .carousel-inner ul li div span {
    float: right;
}

.scoreboard .carousel-inner ul li.league-icon {
    text-align: center;
    width: 10%;
    background: @scoreboard-league-icon-background-color;
    padding: 5px 0;
}

.scoreboard .carousel-inner ul li.league-icon img {
    display: block;
    margin: 0 auto;
}

.scoreboard .carousel-inner ul li.league-icon strong {
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
}

.scoreboard .carousel-inner ul li span.team {
    float: none;
}

.scoreboard .carousel-inner ul li span.team span {
    float: none;
    display: inline-block;
    width: 60px;
}

@media (max-width: 909px) {
    .scoreboard .carousel-inner ul li {
        font-size: .9em;
    }

    .scoreboard .carousel-inner ul li span.team span {
        width: 54px;
    }
}

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

.ad-banner a,
.ad-banner img {
    display: block;
    max-width: 770px;
}

.ad-banner img {
    margin: 0 auto;
}

.league-inner {
    height: 120px;
    position: relative;
    background: #fff;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-radius: 10px 10px 0 0;
}

.league-inner .col-md-3,
.league-inner .col-md-9, .league-inner .col-md-6 {
    position: absolute;
    bottom: 43px;
}

.league-inner .col-md-3 {
    left: 0;
}

.league-inner .col-md-9, .league-inner .col-md-6 {
    right: 0;
}

.league-head .league-avatar {
    padding: 0 5px;
}

.league-head .league-avatar a {
    display: block;
}

.league-head .league-avatar a img {
    width: 250px;
    height: 250px;
    display: block;
    border: 5px solid #d9d9d9;
    margin: 0 auto;
    border-radius: 14px;
}

.league-stats {
    border: 5px solid #d9d9d9;
    margin-right: 5px;
    background: #fff;
    border-radius: 10px;
}

.league-stats ul {
    list-style: none outside none;
    margin: 0;
}

.league-stats ul li {
    float: left;
    border-left: 1px solid #c1c1c1;
}

.league-stats ul li h6 {
    font-size: 10px;
    line-height: 11px;
    color: #1a1b1c;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    padding: 6px 10px 5px;
    border-bottom: 1px solid #c1c1c1;
    margin: 0;
    background: #f0edf1;
}

.league-stats ul li strong {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #191919;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    height: 54px;
    display: block;
    padding: 12px 0;
}

.league-stats ul li strong sup {
    font-size: 14px;
}

.league-stats ul li strong.positive {
    color: #7abf28;
}

.league-stats ul li strong.negative {
    color: #f00;
}

.league-stats ul li strong [class^="icon-"] {
    position: relative;
    top: -3px;
}

.league-stats ul li .stats-progress {
    width: 73px;
    padding: 12px 0 8px;
    margin: 0 auto;
}

.league-stats ul li .stats-progress-bar {
    height: 12px;
    position: relative;
    margin-bottom: 10px;
    background: url('../../images/bar-chart-default.png') no-repeat 0 0;
}

.league-stats ul li .stats-progress-bar span {
    height: 12px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.league-stats ul li.green .stats-progress-bar span {
    background-image: url('../../images/bar-chart-green.png');
}

.league-stats ul li.red .stats-progress-bar span {
    background-image: url('../../images/bar-chart-red.png');
}

.league-stats ul li.orange .stats-progress-bar span {
    background-image: url('../../images/bar-chart-orange.png');
}

.league-stats ul li .stats-progress ul li {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 1;
    color: #aeafb2;
    font-weight: bold;
    text-align: center;
    width: 50%;
    border-left: 1px solid #aeafb2;
}

.league-stats ul li .stats-progress ul li:first-child {
    border-left: 0;
}

.league-stats ul li.green .stats-progress ul li.current {
    color: #60932a;
}

.league-stats ul li.red .stats-progress ul li.current {
    color: #f00;
}

.league-stats ul li.orange .stats-progress ul li.current {
    color: #db6e19;
}

.league-stats ul li .more-stats {
    width: 100%;
    height: 54px;
    display: block;
    padding: 15px 0 16px;
    border: 1px solid #5e8c1e;
    border-radius: 0 0 5px 0;
}

.league-stats ul li .more-stats {
    background: rgb(122,175,42);
    background: -moz-linear-gradient(top, rgba(122,175,42,1) 0%, rgba(93,144,42,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,175,42,1)), color-stop(100%,rgba(93,144,42,1)));
    background: -webkit-linear-gradient(top, rgba(122,175,42,1) 0%,rgba(93,144,42,1) 100%);
    background: -o-linear-gradient(top, rgba(122,175,42,1) 0%,rgba(93,144,42,1) 100%);
    background: -ms-linear-gradient(top, rgba(122,175,42,1) 0%,rgba(93,144,42,1) 100%);
    background: linear-gradient(to bottom, rgba(122,175,42,1) 0%,rgba(93,144,42,1) 100%);
}

.league-stats ul li .more-stats:hover {
    background: rgb(93,144,42);
    background: -moz-linear-gradient(top, rgba(93,144,42,1) 0%, rgba(122,175,42,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,144,42,1)), color-stop(100%,rgba(122,175,42,1)));
    background: -webkit-linear-gradient(top, rgba(93,144,42,1) 0%,rgba(122,175,42,1) 100%);
    background: -o-linear-gradient(top, rgba(93,144,42,1) 0%,rgba(122,175,42,1) 100%);
    background: -ms-linear-gradient(top, rgba(93,144,42,1) 0%,rgba(122,175,42,1) 100%);
    background: linear-gradient(to bottom, rgba(93,144,42,1) 0%,rgba(122,175,42,1) 100%);
}

.league-stats ul li .more-stats .icon-stats {
    display: block;
    margin: 0 auto;
}

.league-stats ul li:first-child {
    border-left: 0;
}

.league-stats ul li:first-child h6 {
    border-radius: 5px 0 0 0;
}

.league-stats ul li:last-child {
    position: relative;
    margin-right: -1px;
}

.league-stats ul li:last-child h6 {
    border-radius: 0 5px 0 0;
}


.contest .contest-icon {
    width: 40px;
    height: 40px;
}

.contest .contest-icon i {
    background-size: 40px 40px;
}

.contest h1 {
    margin: 0 0 18px 0;
    font-weight: bold;
    font-style: italic;
    color: @text-color;
}

.contest h5, .contest h5 a {
    color: @text-color;
}

.contest h1 a {
    text-decoration: none;
}


.contest-title {
    background: #000;
    border-radius: 10px 10px 0 0;
    margin: -1px -1px 0 -1px;
}

.contest-title h1 {
    font-family: 'Lato', sans-serif;
    font-size: 32px;
    line-height: 40px;
    color: @primary1;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 0 0 0 -1px;
    border-radius: 0 4px 4px 0;
}

h1 span.left.col-sm-9,
div .dd-inner ul li a {
    word-break: break-word;
}

.contest-title .picks {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    padding: 14px 20px;
    border: 1px solid #d1ced3;
    margin-right: -1px;
    background: #f7f7f7;
    border-radius: 4px 0 0 4px;
    box-shadow: 0px 1px 1px rgba(255,255,255,1) inset, 0px 1px 5px rgba(0,0,0,0.1);
}

.contest-title .picks p {
    font-size: 16px;
    line-height: 32px;
    color: #191919;
    font-weight: bold;
    float: left;
    padding-right: 4px;
    margin: 0;
}

.league-pick {
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 50px;
    height: 31px;
    float: left;
    margin-left: 15px;
    border-radius: 3px;
}

.league-pick.nfl-ari {
    text-shadow: 1px 1px 1px rgba(0,0,0,.75);
    background: #870619;
}

.league-pick.nfl-atl {
    text-shadow: 1px 1px 1px rgba(0,0,0,.9);
    background: #bc092e;
}

.league-pick.nfl-bal {
    text-shadow: 1px 1px 1px rgba(208,178,64,.5);
    background: #280353;
}

.league-pick.nfl-buf {
    text-shadow: 1px 1px 1px rgba(198,12,48,.75);
    background: #00338d;
}

.league-pick.nfl-chi {
    text-shadow: 1px 1px 1px rgba(221,72,20,.75);
    background: #001c4b;
}

.league-pick.nfl-cin {
    text-shadow: 1px 1px 1px rgba(0,0,0,.9);
    background: #ee3510;
}

.league-pick.nfl-dal {
    text-shadow: 1px 1px 1px rgba(130,138,135,.75);
    background: #002147;
}

.league-pick.nfl-den {
    text-shadow: 1px 1px 1px rgba(242,101,34,.75);
    background: #00295b;
}

.league-pick.nfl-det {
    text-shadow: 1px 1px 1px rgba(133,136,139,.75);
    background: #2a6ebb;
}

.league-pick.nfl-gb {
    text-shadow: 1px 1px 1px rgba(255,204,0,.75);
    background: #213d30;
}

.league-pick.nfl-hou {
    text-shadow: 1px 1px 1px rgba(2,37,58,.9);
    background: #b31b34;
}

.league-pick.nfl-ind {
    text-shadow: 1px 1px 1px rgba(223,223,223,.5);
    background: #002395;
}

.league-pick.nfl-jax {
    text-shadow: 1px 1px 1px rgba(17,28,36,.75);
    background: #006983;
}

.league-pick.nfl-kc {
    text-shadow: 1px 1px 1px rgba(255,182,18,.75);
    background: #c60c30;
}

.league-pick.nfl-mia {
    text-shadow: 1px 1px 1px rgba(245,129,31,.75);
    background: #008d97;
}

.league-pick.nfl-ne {
    text-shadow: 1px 1px 1px rgba(198,12,48,.75);
    background: #002244;
}

.league-pick.nfl-no {
    text-shadow: 1px 1px 1px rgba(159,137,88,.75);
    background: #1c1c1c;
}

.league-pick.nfl-nyg {
    text-shadow: 1px 1px 1px rgba(202,0,26,.75);
    background: #192f6b;
}

.league-pick.nfl-nyj {
    text-shadow: 1px 1px 1px rgba(0,0,0,.9);
    background: #1f352c;
}

.league-pick.nfl-oak {
    text-shadow: 1px 1px 1px rgba(133,136,139,.75);
    background: #1c1c1c;
}

.league-pick.nfl-phi {
    text-shadow: 1px 1px 1px rgba(17,28,36,.75);
    background: #004953;
}

.league-pick.nfl-ten {
    text-shadow: 1px 1px 1px rgba(0,33,71,.75);
    background: #4b92db;
}

.league-pick.nfl-sd {
    color: #eec607 !important;
    text-shadow: 1px 1px 1px rgba(91,146,229,.5);
    background: #08214a;
}

.league-pick.nfl-sea {
    text-shadow: 1px 1px 1px rgba(00,133,66,.75);
    background: #001c4b;
}

.league-pick.nfl-sf {
    text-shadow: 1px 1px 1px rgba(290,190,138,.75);
    background: #af1e2c;
}

.league-pick.nfl-stl {
    color: #c9af74 !important;
    text-shadow: 1px 1px 1px rgba(255,255,255,.25);
    background: #13264b;
}

.league-pick.nfl-tb {
    text-shadow: 1px 1px 1px rgba(255,122,0,.75);
    background: #b20032;
}

.league-pick.nfl-min {
    text-shadow: 1px 1px 1px rgba(255,197,147,.75);
    background: #4f2682;
}

.league-pick.nfl-was {
    text-shadow: 1px 1px 1px rgba(255,182,18,.75);
    background: #822433;
}

.league-pick.blank {
    color: #d9d9d9;
    border: 5px solid #d9d9d9;
}

.league-pick:hover {
    color: #fff;
    text-decoration: none;
}

.league-pick.blank:hover {
    color: #d9d9d9;
    text-decoration: none;
}

.league-head .league-actions {
    padding: 10px 20px 27px;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    background: #fff;
}

.league-head .league-actions .league-meta {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 32px;
    color: #212225;
    font-weight: bold;
    font-style: italic;
    margin-top: 5px;
}

.league-head .league-actions .league-meta ul {
    list-style: none outside none;
    margin: 0;
}

.league-head .league-actions .league-meta ul li {
    float: left;
    padding-left: 16px;
}

.league-head .league-actions .league-meta ul li:first-child {
    padding-left: 0;
}

.league-head .league-actions .league-meta ul li span {
    color: #212225;
    display: block;
}

.league-head .league-actions .league-meta ul li span .ico-holder {
    text-align: center;
    width: 32px;
    height: 32px;
    float: left;
    padding: 0;
    margin-right: 5px;
    background: #666;
    border-radius: 32px;
}

.league-head .league-actions .league-meta ul li span .ico-holder [class^="icon-"] {
    position: relative;
    top: -2px;
}

.league-head .league-actions .league-social {
    padding-top: 5px;
}

.league-head .league-actions .league-social p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #212225;
    font-weight: bold;
    font-style: italic;
    float: left;
    padding-right: 4px;
}

.league-head .league-actions .league-social a {
    float: left;
    margin-left: 20px;
}

.league-head .league-actions .league-social a img {
    width: auto;
    height: 23px;
    display: block;
}

.page-content {
    border: 1px solid #d9d9d9;
    border-top: 0;
    background: #fff;
}

.page-content > h2,
.page-section > h2 {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,.9);
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 20px;
    border-bottom: 1px solid #d1d1d1;
    margin: 0 -1px 25px;
    background: @primary1;
}

.page-content .nav-tabs {
    border-bottom: 1px solid #d7d4da;
}

.page-content .nav-tabs ul {
    list-style: none outside none;
    border-bottom: 3px solid #232323;
    margin: 0;
}

.page-content .nav-tabs ul li {
    float: left;
}

.page-content .nav-tabs ul li a {
    font-size: 14px;
    line-height: 19px;
    color: #1b1e1f;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
    display: block;
    padding: 5px 20px;
    border-top: 1px solid #fff;
}

.page-content .nav-tabs ul li a:hover {
    text-shadow: none;
    text-decoration: none;
}

.page-content .nav-tabs ul li.current a {
    color: #fff;
    text-shadow: 1px 2px 1px rgba(0,0,0,1);
    border-top-color: #4a4a4a;
}

.page-content .nav-tabs ul li.current a {
    background: rgb(68,68,68);
    background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(35,35,35,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(35,35,35,1)));
    background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(35,35,35,1) 100%);
    background: -o-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(35,35,35,1) 100%);
    background: -ms-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(35,35,35,1) 100%);
    background: linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(35,35,35,1) 100%);
}

.page-content .tabs {
    position: relative;
}

.page-content .tabs .tab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.page-content .tabs .tab.visible {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
}

.page-content-inner {
    width: 70%;
    padding: 0;
    position: relative;
    z-index: 2;
}

.page-sidebar {
    width: 29.5%;
    padding: 0 18px;
    float: right;
    position: relative;
    z-index: 1;
}

.page-sidebar .nav-league {
    background-color: rgba(0,0,0,.8);
    padding: 10px;
    margin-bottom: 20px;
}

.page-section {
    padding-bottom: 12px;
}

.page-section > h2 {
    font-style: italic;
    margin-bottom: 17px;
}

.page-section > h2 em {
    text-transform: none;
    font-weight: bold;
}

.page-section > h3, .page-section-title > h3 {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    padding: 8px 20px;
    margin: 0 0 20px -1px;
    background: #222;
}

.page-section table {
    font-size: 13px;
    line-height: 26px;
    color: #191919;
    width: 100%;
}

.page-section table th {
    color: #2a2a2a;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding: 16px 0 5px;
    border-bottom: 1px solid #d1ced3;
}

.page-section table td {
    padding: 5px 0 4px;
    border-bottom: 1px solid #d1ced3;
    background: #fff;
}

.page-section table tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}

.page-section table tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}

.page-section table td strong.negative {
    color: #f00;
}

.page-section table td strong.positive {
    color: #7abf28;
}

.page-section .view-more {
    text-align: center;
    padding: 12px 0 20px;
}

.page-section .view-more .button-dark {
    font-size: 16px;
    line-height: 24px;
    width: 275px;
    display: block;
    padding: 5px 0;
    margin: 0 auto;
}

.league-my-picks,
.weekly-stats,
.settings {
    font-family: 'Lato', sans-serif;
    border: 1px solid #d1ced3;
    margin: 0 0 20px 0;
    background: #f7f7f7;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(255,255,255,1) inset, 0px 1px 3px rgba(0,0,0,0.1);
}

.league-my-picks table th.first {
    width: 77px;
}

.league-my-picks table th.second {
    width: 155px;
}

.league-my-picks table th.third {
    text-align: right;
    width: 145px;
    padding-right: 18px;
}

.league-my-picks table th.fourth {
    width: 66px;
    padding-left: 10px;
}

.league-my-picks table th.fifth,
.league-my-picks table th.sixth {
    width: 140px;
}

.league-my-picks table th.fifth {
    padding-left: 18px;
}

.league-my-picks table th.sixth {
    padding-left: 10px;
}

.league-my-picks table td.ar, .league-my-picks table th.ar {
    text-align: right;
}

.league-my-picks table td.ac, .league-my-picks table th.ac {
    text-align: center;
}

.league-my-picks table th:first-child,
.league-my-picks table td:first-child {
    padding-left: 14px;
}

.league-my-picks table td div {
    padding: 0 12px;
    margin: 0 2px;
}

.league-my-picks table td div a {
    color: #191919;
    text-transform: uppercase;
}

.league-my-picks .score {
    background-color: #eee;
    font-weight: bold;
    border-radius: 4px;
    margin: 0 3px;
    text-align: center;
}

.league-my-picks .major {
    font-size: 1.2em;
    font-weight: bold;
}

.league-leaderboard td, league-leaderboard th {
    text-align: center;
}

.pick {
    color: white;
    border-radius: 4px;
    padding: 7px;
    line-height: 1;
    outline: 2px solid @pick-outline;
    outline-offset: 3px;
    text-transform: uppercase;
    border: 3px solid #ddd;
}

.pick.has-selectable {
    padding: 0;
}

.nopick {
    background-color: #333;
    border-radius: 4px;
    color: white;
    padding: 10px 10px 4px 10px;
    text-transform: uppercase;
    line-height: 1;
}

.nopick.has-selectable {
    padding: 0;
}

.nopick a {
    color: white !important;
    font-weight: bold;
    display: block;
    padding: 10px 10px 4px 10px;
}

.pick a,
.league-my-picks table td div.pick a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding: 7px;
}

.pick a, .nopick a {
    text-decoration: none;
}

.pick a:hover, .nopick a:hover, .pick a:focus, .nopick a:focus {
    text-decoration: none;
}

.league-my-picks .weekly-total {
    text-align: right;
    padding: 9px 11px;
}

.league-my-picks .weekly-total h4 {
    font-size: 16px;
    line-height: 33px;
    color: #191919;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.league-my-picks .weekly-total strong {
    font-size: 16px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    margin-left: 33px;
    background: #7abf28;
    border-radius: 5px;
}

.dark-panel .inner {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 10px;
}

.dark-panel .inner h1 {
    font-size: 24px;
    line-height: 42px;
    color: @text-color;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

.dark-panel .inner h2 {
    font-size: 32px;
    line-height: 48px;
}

.dark-panel .inner p {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

.dark-panel .inner p a {
    color: #fff;
    margin: 0 20px;
}

.dark-panel .inner p a span {
    font-size: 18px;
}

.weekly-stats h4,
.settings h4 {
    font-size: 18px;
    line-height: 24px;
    color: #1b1e1f;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
    padding: 12px;
    border-bottom: 1px solid #d4d1d7;
    margin: 0;
}

.weekly-stats .tabs table th {
    padding: 6px 0;
}

.weekly-stats .tabs table th.first {
    width: 55px;
    text-align: center;
}

.weekly-stats .tabs table th.second {
    width: 63px;
}

.weekly-stats .tabs table th.third {
    width: 142px;
}

.weekly-stats .tabs table th.fourth {
    width: 125px;
    text-align: right;
}

.weekly-stats .tabs table th.fifth {
    width: 80px;
    text-align: center;
}

.weekly-stats .tabs table th.sixth {
    width: 125px;
}

.weekly-stats .tabs table th.seventh {
    width: 128px;
}

.weekly-stats .tabs table th.eighth {
    text-align: center;
}

.weekly-stats .tabs table td:first-child {
    text-align: center;
    padding-right: 7px;
}

.weekly-stats .tabs table td.ar {
    text-align: right;
}

.weekly-stats .tabs table td.ac {
    text-align: center;
}

.weekly-stats .tabs table td .league-pick {
}

.weekly-stats .tabs table td strong {
    font-weight: bold;
    text-transform: uppercase;
}

.page-section-title {
    margin-bottom: 20px;
    background: #222;
}

.page-section-title h3 {
    float: left;
    margin: 0;
}

.page-section-title h3 small {
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    color: #fff;
    position: relative;
    top: -5px;
    margin-left: 20px;
}

.page-section-title form {
    width: 143px;
    float: right;
    padding: 9px 11px 0;
}

.page-section-title form select,
.section-inner .section-title form select {
    width: 100%;
}

.page-section-title form .bootstrap-select,
.page-section-title form .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.section-inner .section-title form .bootstrap-select,
.section-inner .section-title form .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.page-section-title form .bootstrap-select > .btn,
.section-inner .section-title form .bootstrap-select > .btn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #2a2a2a;
    font-weight: bold;
    padding: 6px 20px 6px 12px;
    border: 1px solid #d5d3d8;
    border-radius: 3px;
    background: #f0edf0;
}

.page-section-title form .bootstrap-select > .btn .caret,
.section-inner .section-title form .bootstrap-select > .btn .caret {
    width: 30px;
    height: 100%;
    border: 0;
    top: 0;
    right: 0;
    border-left: 1px solid #d5d3d8;
    margin: 0;
    background: #f0edf0;
}

.page-section-title form .bootstrap-select > .btn .caret:after,
.section-inner .section-title form .bootstrap-select > .btn .caret:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 4px solid transparent;
    border-top: 5px solid #636363;
    margin: -2px 0 0 -4px;
}

.page-section-title form.form-large {
    width: 380px;
}

.page-section-title form.form-large label {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 4px;
}

.page-section-title form.form-large .bootstrap-select {
    width: 213px !important;
    vertical-align: middle;
}

.quick-picks .league-week-picks,
.page-section .league-week-picks {
    font-family: 'Lato', sans-serif;
    margin: 0 0 20px 0;
}

.quick-picks .league-week-picks table,
.page-section .league-week-picks table {
    border: 1px solid #dcdcdc;
}

.quick-picks .league-week-picks table th,
.page-section .league-week-picks table th {
    padding: 13px 0;
    background: #fbfbfb;
}

.quick-picks .league-week-picks table th.first,
.page-section .league-week-picks table th.first {
    width: 190px;
}

.quick-picks .league-week-picks table th.second,
.page-section .league-week-picks table th.second {
    text-align: right;
    width: 213px;
    padding-right: 22px;
}

.quick-picks .league-week-picks table th.third,
.page-section .league-week-picks table th.third {
    text-align: center;
    width: 136px;
}

.quick-picks .league-week-picks table th.fourth,
.page-section .league-week-picks table th.fourth {
    padding-left: 22px;
}

.quick-picks .league-week-picks table td,
.page-section .league-week-picks table td {
    padding: 5px 0;
    border-bottom: 1px solid #dcdcdc;
}

.quick-picks .league-week-picks table td.ar,
.page-section .league-week-picks table td.ar {
    text-align: right;
}

.quick-picks .league-week-picks table th.td.ac,
.page-section .league-week-picks table td.ac {
    text-align: center;
}

.quick-picks .league-week-picks table th:first-child,
.page-section .league-week-picks table th:first-child,
.page-section .league-week-picks table td:first-child {
    padding-left: 20px;
}

.quick-picks .league-week-picks table td a,
.page-section .league-week-picks table td a {
    color: #2a2a2a;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 10px 2px;
}

.quick-picks .league-week-picks table td a.league-pick,
.page-section .league-week-picks table td a.league-pick {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    width: 50px;
    padding: 0;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-radius: 0;
}

.quick-picks .league-week-picks table td strong,
.page-section .league-week-picks table td strong {
    font-size: 18px;
    font-weight: bold;
}

.quick-picks .league-week-picks table td div,
.page-section .league-week-picks table td div {
    padding: 0 18px;
}

.quick-picks .league-week-picks table td div a,
.page-section .league-week-picks table td div a {
    float: left;
}

.quick-picks .league-week-picks table td div.pick a,
.page-section .league-week-picks table td div.pick a {
    color: #fff;
}

.quick-picks .league-week-picks table td.ar div a,
.page-section .league-week-picks table td.ar div a {
    float: right;
}

.quick-picks .league-week-picks table .subtitle td,
.page-section .league-week-picks table .subtitle td {
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0 5px 20px;
    border-bottom: 0;
    background: #2a2a2a;
}

.week-picks-actions {
    text-align: center;
    padding: 20px 0 38px 150px;
}

.week-picks-actions [class^="button"] {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,1);
    text-align: center;
    font-style: italic;
    font-weight: bold;
    width: 115px;
    display: inline-block;
    padding: 4px 0 6px;
    margin: 0 13px;
    border-radius: 5px;
}

.scoreboard + .page-content {
    padding-top: 25px;
}

.section-inner {
    font-family: 'Lato', sans-serif;
    border: 1px solid #d4d1d7;
    margin: 0 0 30px 20px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

.section-inner .section-title {
    padding: 10px 12px;
    border-bottom: 1px solid #d4d1d7;
    background: #f0eef1;
    border-radius: 4px 4px 0 0;
    box-shadow: 0px 1px 0px #fff inset;
}

.section-inner .section-title h4 {
    font-size: 18px;
    line-height: 30px;
    color: #1b1e1f;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.section-inner .section-title form .bootstrap-select > .btn,
.section-inner .section-title form .bootstrap-select > .btn .caret {
    background: #f6f6f6;
}

.section-inner .section-title form .bootstrap-select > .btn {
    box-shadow: 0px 1px 0px #fff;
}

.section-inner .section-title form .bootstrap-select.btn-group:not(.input-group-btn),
.section-inner .section-title form .bootstrap-select.btn-group[class*="span"] {
    margin: 0;
}

.page-section .section-inner table th {
    text-align: center;
    padding: 4px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d4d1d7;
    background: #f1eff2;
}

.page-section .section-inner table th:first-child {
    text-align: left;
    padding-left: 12px;
}

.page-section .section-inner table th.first {
    width: 290px;
    text-align: left;
}

.page-section .section-inner table th.second {
    width: 76px;
}

.page-section .section-inner table th.third {
    width: 70px;
}

.page-section .section-inner table th.fourth {
    width: 100px;
}

.page-section .section-inner table th.fifth {
    text-align: left;
}

.page-section .section-inner table td {
    padding: 0 0 20px 0;
    border: 0;
}

.page-section .section-inner table td h5 {
    font-size: 16px;
    line-height: 22px;
    color: #191919;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 12px;
    margin: 0;
}

.page-section .section-inner table td p {
    font-size: 12px;
    line-height: 16px;
}

.page-section .section-inner table td .positive,
.page-section .section-inner table td .negative {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.page-section .section-inner table td.ac {
    text-align: center;
}

.page-section .section-inner table td:first-child {
    padding-left: 12px;
}

.page-section .section-inner table tr:first-child + tr td {
    padding-top: 20px;
}

.page-section .section-inner .league-name img {
    width: 54px;
    height: 54px;
    float: left;
    border: 3px solid #dbdbdb;
    margin-right: 8px;
    border-radius: 6px;
}

.page-section .section-inner .league-name h5 {
    font-style: italic;
    text-transform: none;
    padding: 4px 0 5px;
}

.page-section .section-inner .league-name h5 a {
    color: #191919;
}

.page-section .section-inner .league-name p {
    color: #212225;
    font-weight: bold;
    margin: 0;
}

.page-section .section-inner .league-name p [class^="icon-"] {
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.page-section .section-inner .league-name p em {
    padding-right: 7px;
}

.page-section .section-inner .league-picks a {
    font-size: 14px;
    line-height: 24px;
    width: 40px;
    height: 24px;
    float: left;
    padding: 0;
    margin-left: 10px;
}

.page-section .section-inner .league-picks a.blank {
    line-height: 14px;
    font-weight: bold;
}

.page-section .section-inner .league-picks a:first-child {
    margin-left: 0;
}

.page-section .legal {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 19px;
    color: #191919;
    letter-spacing: 1px;
    padding: 10px 0 10px 20px;
}

.page-section .legal p {
    padding-bottom: 10px;
    margin: 0;
}

.page-section .legal p a {
    text-decoration: underline;
}

.page-section .legal p a:hover {
    text-decoration: none;
}

.page-section .legal ul {
    padding: 0 0 10px 35px;
    margin: 0;
    list-style: none outside none;
}

.league-winners .tabs table th,
.league-winners .tabs table td {
    line-height: 25px;
    padding: 5px 13px;
    border-bottom-color: #c0c0c0;
    border-left: 1px solid #c0c0c0;
}

.league-winners .tabs table td span {
    font-size: 8px;
    position: relative;
    top: -4px;
}

.league-winners .tabs table th:first-child,
.league-winners .tabs table td:first-child {
    text-align: center;
    padding: 5px 0;
    border-left: 0;
}

.league-winners .tabs table th.first {
    width: 58px;
}

.league-winners .tabs table th.second {
    width: 198px;
}

.league-winners .tabs table th.third {
    width: 264px;
}

.league-winners .tabs table th.fourth {
    width: auto;
    text-align: left;
}

.league-winners .tabs table td {
    font-size: 13px;
}

.league-winners .tabs table td p {
    margin: 0;
}

.league-members .tabs table th.first {
    width: 206px;
}

.league-members .tabs table th.second {
    width: 57px;
}

.league-members .tabs table th.third {
    width: 540px;
}

.league-members .tabs table td:first-child {
    padding: 5px 13px;
    text-align: left;
}

.league-members .tabs table td:first-child + td {
    text-align: center;
}

.league-winners .winner-avatar,
.page-stats .weekly-stats .winner-avatar {
    color: #191919;
}

.league-winners .winner-avatar img,
.league-winners .popout ul li a img,
.page-stats .weekly-stats .winner-avatar img {
    width: 28px;
    height: 28px;
    float: left;
    border: 2px solid #dbdbdb;
    margin-right: 13px;
    border-radius: 6px;
}

.league-winners .popout-trigger {
    position: relative;
}

.league-winners .popout-trigger > p {
    color: @primary1;
}

.league-winners .popout {
    width: 290px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    border: 4px solid #efefef;
    margin: 0 0 5px -145px;
    background: #fff;
    background: rgba(255,255,255,0.9);
    border-radius: 6px;
    box-shadow: 0px 1px 0px #c6c6c6, 1px 0px 0px #c6c6c6, -1px 0px 0px #c6c6c6, 0px -1px 0px #c6c6c6;
}

.league-winners .popout-wide {
    width: 380px;
    margin-left: -190px;
}

.league-winners .popout:before,
.league-winners .popout:after,
.league-winners .popout h5:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    border-style: solid;
    border-color: transparent;
    margin-top: 4px;
}

.league-winners .popout:before {
    border-width: 13px;
    border-top-color: #c6c6c6;
    margin-left: -13px;
    z-index: 1;
}

.league-winners .popout:after {
    border-width: 11px;
    border-top-color: #efefef;
    margin-left: -11px;
    z-index: 2;
}

.league-winners .popout h5 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    padding: 5px 7px;
    margin: 0;
    background: #1b1b1b;
}

.league-winners .popout h5:after {
    border-width: 9px;
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,.9);
    margin-top: 0px;
    margin-left: -9px;
    z-index: 3;
}

.league-winners .popout p {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #2a2a2a;
    padding: 8px;
    margin: 0;
}

.league-winners .popout p a {
    text-decoration: underline;
    display: inline-block;
    margin-top: 8px;
}

.league-winners .popout p a:hover {
    text-decoration: none;
}

.league-winners .popout ul {
    list-style: none outside none;
    padding: 12px 10px 3px;
    margin: 0;
}

.league-winners .popout ul li {
    width: 50%;
    float: left;
    padding-bottom: 8px;
}

.league-winners .popout ul li a {
    font-size: 13px;
    line-height: 28px;
    color: #191919;
    display: block;
}

.personal-snapshot {
    font-family: 'Lato', sans-serif;
    border: 1px solid #d1ced3;
    margin: 0 0 20px 20px;
    background: #f7f7f7;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}

.personal-snapshot h4 {
    font-size: 18px;
    line-height: 22px;
    color: #1b1e1f;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px rgba(255,255,255,.5);
    padding: 13px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d1ced3;
    margin: 0;
    background: #f1eef1;
    border-radius: 4px 4px 0 0;
}

.personal-snapshot h4 .dismiss,
.player-scoring h4 .dismiss {
    font-size: 24px;
    color: #666;
    font-weight: 300;
    text-transform: uppercase;
    font-style: normal;
}

.personal-snapshot h4 .dismiss:hover,
.player-scoring h4 .dismiss:hover {
    text-decoration: none;
    color: #000;
}

.snapshot-inner {
    padding: 15px 13px 20px;
}

.snapshot-meta {
    padding-bottom: 19px;
}

.snapshot-meta p {
    font-size: 14px;
    line-height: 22px;
    color: #1b1e1f;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    float: left;
    padding: 15px 0 15px 30px;
    margin: 0;
}

.snapshot-meta p span {
    color: #565353;
}

.snapshot-meta p span sup {
    font-size: 10px;
}

.snapshot-meta .avatar {
    font-size: 16px;
    line-height: 52px;
    color: #2a2a2a;
    font-weight: bold;
    float: left;
    margin-right: 18px;
}

.snapshot-meta .avatar img {
    width: 52px;
    height: 52px;
    float: left;
    border: 2px solid #d9d9d9;
    margin-right: 10px;
    border-radius: 10px;
}

.snapshot-data-stats {
    width: 290px;
}

.snapshot-data-stats .ats {
    font-size: 14px;
    line-height: 30px;
    color: #868686;
    font-style: italic;
    padding-bottom: 19px;
}

.snapshot-data-stats .ats p {
    margin: 0;
}

.snapshot-data-stats .ats strong {
    font-size: 30px;
    line-height: 1;
    color: #f58200;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    padding-right: 5px;
}

.snapshot-progress {
    padding-bottom: 7px;
}

.snapshot-progress ul {
    list-style: none outside none;
    font-size: 12px;
    line-height: 14px;
    color: #363636;
    margin: 0;
}

.snapshot-progress ul li {
    float: right;
    text-align: right;
}

.snapshot-progress ul li:first-child {
    float: left;
    text-align: left;
}

.snapshot-progress-bar {
    height: 32px;
    position: relative;
    margin-bottom: 3px;
}

.snapshot-progress-bar span {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(0,0,0,.9);
    padding: 4px 0;
    border-width: 1px;
    border-style: solid;
}

.snapshot-progress-bar .negative {
    border-color: #700505;
    border-right: 0;
    border-radius: 3px 0 0 3px;
}

.snapshot-progress-bar .negative {
    background: rgb(201,9,9);
    background: -moz-linear-gradient(top, rgba(201,9,9,1) 0%, rgba(84,1,1,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,9,9,1)), color-stop(100%,rgba(84,1,1,1)));
    background: -webkit-linear-gradient(top, rgba(201,9,9,1) 0%,rgba(84,1,1,1) 100%);
    background: -o-linear-gradient(top, rgba(201,9,9,1) 0%,rgba(84,1,1,1) 100%);
    background: -ms-linear-gradient(top, rgba(201,9,9,1) 0%,rgba(84,1,1,1) 100%);
    background: linear-gradient(to bottom, rgba(201,9,9,1) 0%,rgba(84,1,1,1) 100%);
}

.snapshot-progress-bar .positive {
    border-color: #3e780a;
    border-left: 0;
    border-radius: 0 3px 3px 0;
}

.snapshot-progress-bar .positive {
    background: rgb(112,215,18);
    background: -moz-linear-gradient(top, rgba(112,215,18,1) 0%, rgba(115,162,14,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,215,18,1)), color-stop(100%,rgba(115,162,14,1)));
    background: -webkit-linear-gradient(top, rgba(112,215,18,1) 0%,rgba(115,162,14,1) 100%);
    background: -o-linear-gradient(top, rgba(112,215,18,1) 0%,rgba(115,162,14,1) 100%);
    background: -ms-linear-gradient(top, rgba(112,215,18,1) 0%,rgba(115,162,14,1) 100%);
    background: linear-gradient(to bottom, rgba(112,215,18,1) 0%,rgba(115,162,14,1) 100%);
}

.snapshot-data-list {
    font-size: 14px;
    line-height: 17px;
    color: #191919;
}

.snapshot-data-list ul {
    list-style: none outside none;
    margin: 0;
}

.snapshot-data-list li {
    padding: 5px 0;
    border-top: 2px dotted #cecece;
}

.snapshot-data-list li:first-child {
    border-top: 0;
}

.snapshot-data-list li span {
    width: 175px;
    float: left;
}

.snapshot-data-list li strong {
    color: #222;
    text-align: right;
    font-weight: bold;
    width: 65px;
    float: left;
}

.snapshot-data-list li small {
    font-size: 11px;
    float: right;
}

.snapshot-chart {
    width: 453px;
    padding-top: 8px;
}

.snapshot-chart h5 {
    font-size: 20px;
    line-height: 24px;
    color: #1b1e1f;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px rgba(255,255,255,.8);
    padding-bottom: 18px;
    margin: 0;
}

.snapshot-chart h5 [class^="icon-"] {
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.snapshot-chart img {
    width: auto;
    height: auto;
    max-width: none;
}

.snapshot-chart .chart-holder {
    height: 239px;
    position: relative;
}

.snapshot-chart .chart-holder img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.snapshot-bottom {
    padding: 13px;
    border-top: 1px solid #d1ced3;
    border-radius: 0 0 4px 4px;
}

.snapshot-bottom {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,236,236,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,236,236,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,236,236,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,236,236,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,236,236,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,236,236,1) 100%);
}

.snapshot-bottom h6 {
    font-size: 18px;
    line-height: 30px;
    color: #de830a;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
    width: 300px;
    float: left;
    margin: 0;
}

.snapshot-bottom h6 span {
    font-size: 14px;
    line-height: 20px;
    color: #2b2b2b;
    font-style: normal;
    font-weight: 400;
    display: block;
}

.snapshot-bottom ul {
    font-size: 14px;
    line-height: 18px;
    color: #1b1b1b;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 1px 0px rgba(255,255,255,.9);
    list-style: none outside none;
    width: 460px;
    float: right;
    margin: 0;
}

.snapshot-bottom ul li {
    width: 40px;
    float: left;
    margin-left: 5px;
}

.snapshot-bottom ul li:first-child {
    margin-left: 0;
}

.snapshot-bottom ul li .league-pick,
.page-stats .weekly-stats table td .league-pick {
    font-size: 15px;
    line-height: 26px;
    width: 40px;
    height: 26px;
    display: block;
    margin: 0 auto 5px;
}

.snapshot-alt .snapshot-inner {
    padding: 0;
}

.snapshot-alt .snapshot-meta {
    padding: 8px 13px;
    border-top: 1px solid #fff;
    background: #eeebf0;
    border-radius: 4px 4px 0 0;
}

.snapshot-alt .snapshot-data {
    padding: 20px 13px;
    border-top: 1px solid #d4d1d7;
}

.page-stats .weekly-stats {
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.page-stats .weekly-stats h4 {
    border: 1px solid #d4d1d7;
    background: #efedf1;
    border-radius: 4px 4px 0 0;
    box-shadow: 0px 1px 0px #fff inset;
}

.page-stats .weekly-stats .nav-tabs {
    background: #f2f0f2;
    border-left: 1px solid #d4d1d7;
    border-right: 1px solid #d4d1d7;
}

.page-stats .weekly-stats table {
    border: 1px solid #d4d1d7;
    border-top: 0;
    border-collapse: separate;
    border-radius: 0 0 4px 4px;
}

.page-stats .weekly-stats table th,
.page-stats .weekly-stats table td {
    line-height: 25px;
    padding: 5px 0;
    text-align: center;
    border-left: 1px solid #d4d1d7;
    border-bottom: 0;
}

.page-stats .weekly-stats table th {
    border-top: 1px solid #fff;
    background: #f1eff2;
}

.page-stats .weekly-stats table th.first {
    width: 70px;
}

.page-stats .weekly-stats table th.second {
    width: 101px;
}

.page-stats .weekly-stats table th.third {
    width: 112px;
}

.page-stats .weekly-stats table th.fourth {
    text-align: center;
    width: 124px;
}

.page-stats .weekly-stats table th.fifth {
    width: 140px;
}

.page-stats .weekly-stats table th.sixth {
    width: 129px;
}

.page-stats .weekly-stats table td {
    border-top: 1px solid #d4d1d7;
}

.page-stats .weekly-stats table th:first-child,
.page-stats .weekly-stats table td:first-child {
    border-left: 0;
}

.page-stats .weekly-stats table td .league-pick {
    margin: 0 auto;
}

.page-stats .weekly-stats table td .winner-avatar {
    line-height: 28px;
    display: block;
}

.page-stats .weekly-stats table .totals td {
    color: #191919;
    font-weight: bold;
    background: #f7f7f7;
}

.page-stats .weekly-stats table td.negative,
.page-stats .weekly-stats table .totals td.negative {
    color: #f00;
}

.page-stats .weekly-stats table td.al {
    text-align: left;
    padding-left: 10px;
}

.page-stats .weekly-stats-league table th.first {
    width: 58px;
}

.page-stats .weekly-stats-league table th.second {
    text-align: left;
    width: 198px;
    padding-left: 10px;
}

.page-stats .weekly-stats-league table th.third {
    width: 103px;
}

.page-stats .weekly-stats-league table th.fourth {
    width: 111px;
}

.page-stats .weekly-stats-league table th.fifth {
    width: 115px;
}

.page-stats .weekly-stats-league table th.sixth {
    width: 112px;
}

.page-stats .weekly-stats-records table th.first {
    width: 50px;
}

.page-stats .weekly-stats-records table th.second {
    text-align: left;
    width: 177px;
    padding-left: 10px;
}

.page-stats .weekly-stats-records table th.third {
    width: 61px;
}

.page-stats .weekly-stats-records table th.fourth {
    width: 65px;
}

.page-stats .weekly-stats-records table th.fifth {
    width: 86px;
}

.page-stats .weekly-stats-records table th.sixth {
    text-align: left;
    width: auto;
    padding-left: 10px;
}

.page-stats .page-section .view-more {
    padding: 20px 0 0 0;
}

.page-stats .weekly-stats-records .nav-tabs ul li a {
    padding: 5px 15px;
}

.page-stats .page-section h3 {
    font-weight: bold;
}

.nav-stats {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(0,0,0,1);
    padding-bottom: 32px;
}

.nav-stats ul {
    list-style: none outside none;
    padding-left: 20px;
    margin: 0;
}

.nav-stats li {
    width: 180px;
    float: left;
    margin-left: 25px;
}

.nav-stats li:first-child {
    margin-left: 0;
}

.nav-stats li a {
    color: #fff;
    display: block;
    padding: 16px 0 9px;
    background: #7e7f7f;
    border-radius: 7px;
}

.nav-stats li a:hover,
.nav-stats li.current a {
    text-decoration: none;
    background: #222;
}

.nav-stats li a [class^="icon"] {
    display: block;
    margin: 0 auto 14px;
}


.loading-more {
    text-align: center;
    padding: 38px 0 6px;
}

.loading-more img {
    display: block;
    margin: 0 auto;
}

.page-stats .weekly-stats-picks {
    margin-bottom: 10px;
}

.page-stats .weekly-stats-picks table {
    border-radius: 4px;
}

.page-stats .weekly-stats-picks table th {
    line-height: 26px;
    padding: 11px 0;
    border-top: 1px solid #d4d1d7;
}

.page-stats .weekly-stats-picks table th:first-child {
    border-radius: 4px 0 0 0;
}

.page-stats .weekly-stats-picks table th:last-child {
    border-radius: 0 4px 0 0;
}

.page-stats .weekly-stats-picks table th.first {
    width: 70px;
}

.page-stats .weekly-stats-picks table th.second {
    width: 101px;
}

.page-stats .weekly-stats-picks table th.third {
    width: 112px;
}

.page-stats .weekly-stats-picks table th.fourth {
    width: 124px;
}

.page-stats .weekly-stats-picks table th.fifth {
    width: 140px;
}

.page-stats .weekly-stats-picks table th.sixth {
    width: auto;
}

.page-stats .weekly-stats-ats {
    padding-top: 10px;
}

.page-stats .weekly-stats-ats table {
    border-left: 0;
    border-radius: 4px;
}

.page-stats .weekly-stats-ats table th {
    line-height: 26px;
    padding: 11px 0;
    border-top: 1px solid #d4d1d7;
}

.page-stats .weekly-stats-ats table th:first-child {
    background-color: transparent;
    border-top: 0;
    border-left: 0;
}

.page-stats .weekly-stats-ats table th:first-child + th {
    border-radius: 4px 0 0 0;
}

.page-stats .weekly-stats-ats table th:last-child {
    border-radius: 0 4px 0 0;
}

.page-stats .weekly-stats-ats table th.first {
    width: 172px;
}

.page-stats .weekly-stats-ats table th.second {
    width: 112px;
}

.page-stats .weekly-stats-ats table th.third {
    width: 124px;
}

.page-stats .weekly-stats-ats table th.fourth {
    width: 140px;
}

.page-stats .weekly-stats-ats table th.fifth {
    width: 129px;
}

.page-stats .weekly-stats-ats table th.sixth {
    width: auto;
}

.page-stats .weekly-stats-ats table td:first-child {
    border-left: 1px solid #d4d1d7;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    background: #f2f0f2;
}

.page-stats .weekly-stats-ats table tr:first-child + tr td:first-child {
    border-radius: 4px 0 0 0;
}

.page-content .scoring-stats {
    font-family: 'Lato', sans-serif;
    margin: 0 0 15px 20px;
}

.page-content .scoring-stats .nav-tabs {
    padding-bottom: 20px;
}

.page-content .scoring-stats .nav-tabs,
.page-content .scoring-stats .nav-tabs ul {
    border: 0;
}

.page-content .scoring-stats .nav-tabs ul li {
    width: 180px;
    margin-left: 20px;
}

.page-content .scoring-stats .nav-tabs ul li:first-child {
    margin-left: 0;
}

.page-content .scoring-stats .nav-tabs ul li a {
    font-size: 20px;
    line-height: 26px;
    color: #191919;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    text-shadow: none;
    display: block;
    padding: 5px 0;
    border: 0;
    background: #e4e4e4;
    border-radius: 6px;
    box-shadow: none;
}

.page-content .scoring-stats .nav-tabs ul li.my-scores a,
.page-content .scoring-stats .nav-tabs ul li.league-scores a {
    color: #fff;
}

.page-content .scoring-stats .nav-tabs ul li.my-scores a {
    background: #fd9014;
}

.page-content .scoring-stats .nav-tabs ul li.league-scores a {
    background: #bc092e;
}

.page-content .scoring-stats .chart-holder img {
    width: 100%;
    height: auto;
    display: block;
}

.page-weekly-stats .page-section {
    padding-bottom: 20px;
}

.page-weekly-stats .weekly-stats {
    margin-bottom: 30px;
}

.page-weekly-stats .weekly-stats table {
    text-transform: uppercase;
}

.page-weekly-stats .weekly-stats table th {
    padding: 6px 0;
}

.page-weekly-stats .weekly-stats table th.first {
    width: 50px;
    text-align: center;
}

.page-weekly-stats .weekly-stats table th.second {
    width: 70px;
    text-align: center;
}

.page-weekly-stats .weekly-stats table th.third {
    width: 155px;
}

.page-weekly-stats .weekly-stats table th.fourth {
    width: 100px;
    text-align: right;
}

.page-weekly-stats .weekly-stats table th.fifth {
    width: 87px;
    text-align: center;
}

.page-weekly-stats .weekly-stats table th.sixth {
    width: 130px;
}

.page-weekly-stats .weekly-stats table th.seventh {
    width: 110px;
}

.page-weekly-stats .weekly-stats table th.eighth {
    text-align: center;
}

.page-weekly-stats .weekly-stats table td:first-child,
.page-weekly-stats .weekly-stats table td.ac {
    text-align: center;
}

.page-weekly-stats .weekly-stats table td.ar {
    text-align: right;
}

.page-weekly-stats .weekly-stats table td.ttn {
    text-transform: none;
}

.page-weekly-stats .weekly-stats table td .league-pick {
    font-size: 14px;
    line-height: 26px;
    width: 40px;
    height: 26px;
    padding: 0;
    margin: 0 auto;
}

.page-weekly-stats .view-more {
    padding: 0 0 30px 0;
}

.page-weekly-stats .weekly-stats-picks table th.first {
    width: 55px;
    text-align: center;
}

.page-weekly-stats .weekly-stats-picks table th.second {
    width: 80px;
    text-align: center;
}

.page-weekly-stats .weekly-stats-picks table th.third {
    width: 160px;
}

.page-weekly-stats .weekly-stats-picks table th.fourth {
    width: 130px;
    text-align: center;
}

.page-weekly-stats .weekly-stats-picks table th.fifth {
    width: 130px;
    text-align: left;
}

.page-weekly-stats .weekly-stats-picks table th.sixth {
    width: 120px;
    text-align: center;
}

.page-weekly-stats .weekly-stats-picks table th.seventh {
    width: auto;
    text-align: center;
}

/* ==========================================================================
    #Settings Commissioner
========================================================================== */
.add-prize,
.add-message {
    display: block;
    background: url('../../images/add.png') no-repeat 10px center #fff;
    border-bottom: 1px solid #d4d1d7;
    padding: 15px 10px 10px 55px;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #149940;
    height: 60px;
    line-height: 1.8;
}

.add-prize:hover,
.add-message:hover {
    text-decoration: none;
    color: #149940;
}

.add-message {
    float: right;
    border-bottom: 0;
}

.league-info {
    overflow: hidden;
    margin-left: 20px;
    margin-bottom: 15px;
}

.league-info .league-image {
    float: left;
    width: 52px;
    height: 52px;
    padding: 3px;
    background: #d9d9d9;
    border-radius: 3px;
}

.league-info .league-image img {
    border-radius: 3px;
    max-width: 100%;
}

.league-info .league-info-inner {
    float: left;
    margin-left: 10px;
}

.league-info .league-info-inner h3 {
    background: none;
    padding: 0;
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
    margin-top: 5px;
    line-height: 1;
}

.league-info .league-info-inner span {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    color: #000;
    margin-right: 5px;
}

.ico {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.ico-players {
    background: url('../../images/ico-players.png') no-repeat center;
}

.ico-location {
    background: url('../../images/ico-location.png') no-repeat center;
}

.ico-report,
.ico-lock,
.ico-remove {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.ico-report {
    background: url('../../images/ico-report.png') no-repeat center;
}

.ico-lock {
    background: url('../../images/ico-lock.png') no-repeat center;
}

.ico-remove {
    background: url('../../images/ico-lock.png') no-repeat center;
}

.member-actions a {
    font-size: 12px;
    margin-right: 10px;
}

.league-members {
    position: relative;
}

.league-member-search {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.league-member-search label {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    display: inline-block;
}

.league-member-search .search-field,
.popup-add-prize .search-field {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #131c20;
    width: 234px;
    height: 34px;
    display: block;
    padding: 9px 8px;
    border: 1px solid #cccbcb;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) inset;
    display: inline-block;
    margin-left: 10px;
    margin-right: 5px;
}

.league-member-search .search-btn,
.popup-add-prize .search-btn {
    text-indent: -9999px;
    width: 21px;
    height: 48px;
    background: url('../../images/search-btn.png') no-repeat center;
    border: 0;
    display: inline-block;
    margin-left: -35px;
}

.popup-add-prize .search-field {
    margin-left: 0;
}

.popup-add-prize .form-label-alt {
    position: relative;
    top: 6px;
}

.popup-add-message h2 {
    border-bottom: 1px solid #dcdcdc;
}

.popup-add-message.popup h3 {
    text-align: left;
    padding: 0 21px;
}

.popup-add-message.popup h3 + img {
    padding-left: 21px;
    margin-top: 10px;
}

.popup-add-message.popup-create .popup-body {
    padding-bottom: 10px;
    padding-top: 30px;
}

.popup-add-message .form-row {
    overflow: hidden;
}

.popup-add-prize .form-row {
    overflow: visible;
    float: left;
    width: 100%;
}

.popup-add-message .form-row .form-label {
    float: left;
    font-weight: bold !important;
    font-style: italic;
    font-size: 18px !important;
    color: #000;
    width: 200px;
    padding-right: 15px;
    text-align: right;
    line-height: 1.89;
}

.popup-add-message .form-controls {
    float: left;
    width: 470px;
}

.popup-add-message .form-controls .field,
.popup-add-message .form-controls .textarea {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #131c20;
    width: 423px;
    height: 34px;
    display: block;
    padding: 9px 8px;
    border: 1px solid #cccbcb;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) inset;
}

.popup-add-message .form-controls .textarea {
    height: 82px;
    font-size: 13px;
    line-height: 1.38;
}

.popup-add-message .form-row .form-hint {
    font-style: italic;
    font-size: 11px;
    color: #666;
}

.popup-add-message .form-row .alert-expire {
    margin-top: 5px;
}

.popup-add-message .btn-cancel {
    color: #959595;
    margin-top: 20px;
    padding: 0;
}

.popup-add-prize.popup-create .popup-body {
    padding-top: 5px;
    padding-bottom: 5px;
}

.popup-add-message .form-row-alt {
    border-top: 1px solid #dcdcdc;
}

.winner-list {
    overflow: hidden;
    padding-left: 201px;
}

.winner-list p {
    font-size: 14px;
    font-weight: bold;
    color: #959595;
    float: left;
    margin-right: 10px;
}

.winner-list ul {
    list-style: none outside none;
    float: left;
}

.winner-list li {
    float: left;
    margin-right: 5px;
}

.popup-add-prize .filter-option {
    font-size: 12px;
    font-weight: bold;
}

.popup-add-prize .selectpicker {
    padding: 7px 12px 5px;
    background: #f3f1f4;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.5),inset 0 3px 13px rgba(255,255,255, 0.8);
}

.popup-add-prize .bootstrap-select.btn-group .btn .caret {
    width: 32px;
    height: 32px;
    border-left: 1px solid #dcdadf;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    top: 1px;
    right: 0;
    background: url('../../images/dropdown-arrow.png') no-repeat center 15px;
}

.popup-add-prize .bootstrap-select {
    width: 110px !important;
}

.popup-add-prize .bootstrap-select .dropdown-menu {
    padding: 0;
    background: #fff;
}

/* ==========================================================================
    #New
========================================================================== */
.section-nfl-leaderboard h2 {
    font-family: 'Lato', sans-serif;
    font-size: 32px;
    font-style: italic;
    color: #000;
    font-weight: bold;
    margin: 0 0 30px 0;
    position: relative;
}

.section-nfl-leaderboard .section-head-actions {
    position: absolute;
    right: 40px;
    top: 60px;
}

.section-nfl-leaderboard .section-head-actions .link-more {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #1a1b1c;
}

.section-nfl-leaderboard .landing-leaderboard .leaderboard-title {
    background: #000;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 3px 0;
}

.section-nfl-leaderboard .landing-leaderboard .leaderboard-title span {
    float: left;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}

.section-nfl-leaderboard .landing-leaderboard .leaderboard-title .lead-rank {
    width: 70px;
    padding-left: 20px;
}

.section-nfl-leaderboard .landing-leaderboard .leaderboard-title .lead-player {
    width: 325px;
}

.section-nfl-leaderboard .landing-leaderboard .leaderboard-title .lead-league {
    width: 470px;
}

.section-nfl-leaderboard .landing-leaderboard .leaderboard-title .lead-week-12 {
    width: 125px;
}

.section-nfl-leaderboard .landing-leaderboard .leaderboard-title .lead-season {
}

.section-previous-challenges .landing-leaderboard .leaderboard-title .challenge-week {
    width: 90px;
    padding-left: 20px;
}

.section-previous-challenges .landing-leaderboard .leaderboard-title .challenge-celebrity {
    width: 320px;
}

.section-previous-challenges .landing-leaderboard .leaderboard-title .challenge-charity {
    width: 384px;
}

.section-previous-challenges .landing-leaderboard .leaderboard-title .challenge-players {
    width: 100px;
    text-align: center;
    margin-right: 5px;
}

.section-previous-challenges .landing-leaderboard .leaderboard-title .challenge-points {
    width: 100px;
    text-align: center;
    margin-right: 5px;
}

.section-previous-challenges .landing-leaderboard .leaderboard-title .challenge-donated {
    width: 100px;
    text-align: center;
}

.section-nfl-leaderboard .landing-leaderboard ol li > div {
    width: 858px;
    padding: 8px 0;
}

.section-nfl-leaderboard .landing-leaderboard ol li {
    margin-bottom: 13px;
}

.section-nfl-leaderboard .landing-leaderboard ol li .avatar {
    width: 315px;
    line-height: 50px;
}

.section-nfl-leaderboard .landing-leaderboard ol li .avatar img {
    width: 50px;
    height: 50px;
}

.section-nfl-leaderboard .landing-leaderboard ol li > div:before {
    width: 70px;
    height: 50px;
    line-height: 50px;
}

.section-nfl-leaderboard .landing-leaderboard ol li p {
    width: 340px;
    line-height: 50px;
}

.section-nfl-leaderboard .landing-leaderboard ol li .score {
    height: 66px;
    line-height: 66px;
    width: 120px;
    background: #ec8f34;
    margin-left: 6px;
}

.section-nfl-leaderboard .landing-leaderboard ol li .weekly-score {
    background: #333;
}

.celebrity-video-wrapper {
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.celebrity-aside {
    margin-top: 35px;
}

.celebrity-aside h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
}

.celebrity-aside p {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}

.weekly-challenge {
    background: rgba(0,0,0,0.5);
    padding: 10px 20px;
}

.weekly-challenge-head {
    position: relative;
    margin-bottom: 20px;
}

.weekly-challenge-head h3 {
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 20px;
    font-style: italic;
    color: #fff;
}

.weekly-challenge-social {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.weekly-challenge-social span {
    float: left;
    font-size: 12px;
    font-style: italic;
    color: #fff;
}

.weekly-challenge-social ul {
    list-style: none outside none;
    overflow: hidden;
    margin: 6px 0 0;
}

.weekly-challenge-social ul li {
    float: left;
}

.weekly-challenge-social ul li a {
    display: block;
}

.weekly-challenge-social .link-facebook {
    width: 6px;
    height: 12px;
    background: url('../../images/icon-fb-small.png') no-repeat center;
    margin: 0 15px 0 10px;
}

.weekly-challenge-social .link-twitter {
    width: 15px;
    height: 11px;
    background: url('../../images/icon-tw-small.png') no-repeat center;
}

.weekly-challenge-body {
    overflow: hidden;
}

.weekly-challenge-body .challenge-avatar {
    float: left;
    margin-right: 20px;
}

.weekly-challenge-body .challenge-avatar img {
    max-width: 100%;
}

.weekly-challenge-body .challenge-content {
    float: left;
}

.weekly-challenge-body .challenge-content h2 {
    margin: 0;
    font-size: 20px;
    font-style: normal;
    text-transform: uppercase;
}

.weekly-challenge-body .challenge-content h2 span {
    font-size: 12px;
    margin-left: 15px;
    color: #ddd;
    text-transform: none;
}

.weekly-challenge-body .challenge-content p {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    margin: 5px 0 15px;
}

.weekly-challenge-body .challenge-content .challenge-actions a {
    display: block;
    width: 333px;
    height: 31px;
    background: url('../../images/celebrity-challenge-btn.png') no-repeat center;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    text-align: center;
    line-height: 31px;
}

.weekly-challenge-body .challenge-content .challenge-actions a:hover {
    text-decoration: none;
    opacity: 0.75;
}

.challenge.leagues-landing-title .celebrity-donation {
    padding: 20px 0;
    text-align: center;
    background: url('../../images/temp/celebrity-donation-bg.jpg') repeat center;
}

.challenge.leagues-landing-title h1 {
    font-family: 'Lato',sans-serif;
    font-weight: bold;
    font-size: 72px;
    color: #e46d15;
    margin: 0 0 10px 0;
}

.challenge.leagues-landing-title strong {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    font-style: italic;
}

.challenge.leagues-landing-title p {
    font-style: italic;
    font-weight: bold;
    background: none;
}

.section-challenge-large h2 {
    font-family: 'Lato', sans-serif;
    font-size: 48px;
    font-weight: bold;
    font-style: italic;
    color: #000;
    margin: 0 0 20px 0;
}

.section-challenge-large .section-body {
    overflow: hidden;
}

.section-challenge-large .section-video {
    float: left;
    margin-right: 30px;
}

.section-challenge-large .section-content {
    float: left;
}

.section-challenge-large .section-content h3 {
    font-size: 32px;
    text-transform: uppercase;
    padding: 0;
    text-align: left;
}

.section-challenge-large .section-content h3.celebrity-title {
    margin-top: 10px;
}

.section-challenge-large .section-content h3 span {
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin-left: 20px;
}

.section-challenge-large .section-meta {
    margin: 20px 0 25px;
    overflow: hidden;
}

.section-challenge-large .section-meta ul li {
    float: left;
    padding: 0;
    margin: 0;
    border: 0;
}

.section-challenge-large .section-meta ul li span {
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #212225;
    margin-right: 20px;
}

.section-challenge-large .section-content p {
    font-size: 18px;
    font-weight: bold;
    color: #1a1b1c;
}

.section-challenge-large .section-content .league-picks {
    overflow: hidden;
    margin-bottom: 20px;
}

.section-challenge-large .section-content .league-picks a:first-child {
    margin-left: 0;
}

.section-challenge-videos {
    padding: 10px 0 30px;
    position: relative;
    margin-top: 30px;
    z-index: 1;
}

.section-challenge-videos:before {
    content: '';
    width: 5000px;
    height: 100%;
    position: absolute;
    left: -2000px;
    top: 0;
    background: url('../../images/bg-bubble.png') repeat left top;
    z-index: -1;
}

.section-challenge-videos h2 {
    font-family: 'Lato', sans-serif;
    font-size: 32px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-align: center;
}

.section-challenge-videos .section-body {
    position: relative;
}

.section-challenge-videos #video-slider {
    margin-top: 20px;
    height: 208px;
    overflow: hidden;
}

.section-challenge-videos #video-slider iframe {
    width: 360px;
    height: 208px;
    float: left;
}

.section-challenge-videos #video-slider iframe ~ iframe {
    margin-left: 10px;
}

.section-challenge-videos .video-slide-prev,
.section-challenge-videos .video-slide-next {
    position: absolute;
    width: 37px;
    height: 61px;
    top: 100px;
    margin-top: -18px;
    cursor: pointer;
}

.section-challenge-videos .video-slide-prev {
    background: url('../../images/video-slider-prev.png') no-repeat center;
    left: -60px;
}

.section-challenge-videos .video-slide-next {
    background: url('../../images/video-slider-next.png') no-repeat center;
    right: -60px;
}

.section-challenge-videos .section-head,
.section-challenge-videos .section-body {
    position: relative;
    z-index: 1;
}

.section-previous-challenges {
    margin-top: 30px;
}

.section-previous-challenges .section-head {
    position: relative;
    overflow: hidden;
}

.section-previous-challenges .section-head h2 {
    float: left;
}

.section-previous-challenges .section-head-actions {
}

.section-previous-challenges .landing-leaderboard ol li > div {
    width: 790px;
}

.section-previous-challenges .landing-leaderboard ol li .avatar,
.section-previous-challenges .landing-leaderboard ol li p {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 24px;
    font-weight: bold;
    line-height: 80px;
    color: #fff;
}

.section-previous-challenges .landing-leaderboard ol li .avatar img {
    width: 80px;
    height: 80px;
}

.section-previous-challenges .landing-leaderboard ol li .score {
    width: 100px;
    height: 96px;
    line-height: 96px;
}

.section-previous-challenges .landing-leaderboard ol li > div:before {
    width: 90px;
    height: 80px;
    line-height: 80px;
    font-size: 32px;
}

.section-previous-challenges .landing-leaderboard ol {
    counter-reset: item 3;
}

.section-previous-challenges .landing-leaderboard ol li > div:before {
    counter-increment: item -1;
}

.quick-picks .create-steps {
    overflow: hidden;
    padding: 5px 22px;
}

.quick-picks.popup-create .popup-body,
.quick-picks.popup-create .popup-container {
    padding: 0;
}

.quick-picks .league-info {
    margin: 0;
    float: left;
}

.quick-picks .league-info h3 {
    text-align: left;
    font-weight: bold;
}

.quick-picks .league-week-picks {
    margin: 0 0 20px 0;
}

.quick-picks .league-week-picks table {
    width: 100%;
    border: 0;
}

.quick-picks .league-week-picks table th {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #373737;
}

.quick-picks .league-week-picks table td:first-child {
    padding: 5px 0 5px 20px;
}

.quick-picks .league-week-picks table td.ac {
    text-align: center;
}

.quick-picks ul.list-stats {
    list-style: none outside none;
    float: right;
    margin: 0;
}

.quick-picks ul.list-stats li {
    float: left;
    text-align: center;
}

.quick-picks ul.list-stats li ~ li {
    margin-left: 20px;
}

.quick-picks ul.list-stats li p {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    color: #212121;
    text-shadow: 0 1px 0 #fff;
    line-height: 1.5;
    margin-top: 5px;
}

.quick-picks ul.list-stats li p span {
    display: block;
    color: #666;
    font-style: normal;
}

.quick-picks ul.list-stats li p span em {
    font-size: 7px;
    position: relative;
    top: -3px;
}

.quick-picks .league-picks {
    float: left;
    margin-top: 14px;
}

.quick-picks .league-picks p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    margin: 0;
    line-height: 34px;
}

.ico-heart,
.ico-followers {
    width: 32px;
    height: 32px;
    margin-right: 5px;
}

.ico-heart {
    background: url('../../images/ico-likes.png') no-repeat center;
}

.ico-followers {
    background: url('../../images/ico-users.png') no-repeat center;
}

/* ==========================================================================
    #Leaderboards
========================================================================== */

.leaderboard .cell-group {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 50%;
    height: 52px;
    float: left;
    display: table;
}

.leaderboard .carousel {
    width: 50%;
    float: left;
}

.leaderboard .carousel h5 {
    font-size: 14px;
    line-height: 20px;
    color: #2a2a2a;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0 4px;
    margin: 0;
}

.leaderboard .carousel h5 .carousel-control {
    width: auto;
    height: auto;
    font-size: 21px;
    color: #2a2a2a;
    font-weight: bold;
    font-style: normal;
    text-indent: 0;
    text-shadow: none;
    padding: 0 15px;
    background: transparent;
    vertical-align: top;
    position: relative;
    top: -1px;
}

.leaderboard .carousel .cell-group {
    width: 100%;
}

.leaderboard .carousel .cell {
    width: 20%;
    box-shadow: none;
}

.leaderboard .carousel .item {
    float: none;
}

.leaderboard .cell {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #c1c1c1;
}

.leaderboard .cell:first-child {
    border-left: 1px solid #c1c1c1;
}

.leaderboard .cell-first {
    width: 20px;
}

.leaderboard .cell-second {
    width: 42px;
}

.leaderboard .cell-third {
    width: 183px;
}

.leaderboard .cell-fourth {
    width: 81px;
}

.leaderboard .cell-fifth {
    width: 81px;
}

.leaderboard .cell-blank {
    width: 82px;
}

.leaderboard .cell p {
    margin: 0;
}

.leaderboard .cell span {
    font-size: 12px;
    line-height: 20px;
    color: #2a2a2a;
    font-weight: bold;
}

.leaderboard .cell strong {
    font-size: 16px;
    color: #2a2a2a;
    font-weight: bold;
}

.leaderboard .cell strong [class^="icon-"] {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.leaderboard .cell strong.positive {
    color: #7abf28;
}

.leaderboard .cell strong.negative,
.leaderboard .cell .negative {
    color: #f00;
}

.leaderboard .cell .expander {
    font-size: 18px;
    line-height: 20px;
    color: #666;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 15px 0;
    background: #f5f5f5;
}

.leaderboard .cell .expander:hover {
    text-decoration: none;
}

.leaderboard .cell .avatar {
    font-size: 11px;
    line-height: 36px;
    color: #2a2a2a;
    font-weight: bold;
    text-align: left;
    display: block;
    padding-left: 8px;
}

.leaderboard .cell .avatar img {
    width: 36px;
    height: 36px;
    float: left;
    border: 2px solid #dbdbdb;
    margin-right: 8px;
    border-radius: 10px;
}

.leaderboard .cell .league-pick {
    font-size: 12px;
    line-height: 20px;
    width: 32px;
    height: 20px;
    float: none;
    display: inline-block;
    margin: 0 3px 0 0;
}

.leaderboard .in_session {
    background: #eeebf0;
}

.leaderboard thead .cell-third {
    text-align: left;
    padding-left: 10px;
}

.leaderboard thead .carousel .cell-group {
    height: 22px;
}

.leaderboard thead .carousel .cell-group .cell {
    font-size: 10px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    box-shadow: none;
}

.leaderboard thead .cell-first {
    color: #fff;
    border-left-color: #fff;
    border-top-color: #fff;
    background-color: #fff;
}

.leaderboard .expanded .cell-first {
    background: #666;
}

.leaderboard .expanded .cell .expander {
    color: #fff;
    background: transparent;
}

.leaderboard + .loading-more {
    padding-bottom: 24px;
}

.leaderboard .personal-snapshot {
    border-top: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.weekly-leaderboard {
    padding-bottom: 20px;
}

.weekly-leaderboard .cell-group {
    width: 100%;
}

.weekly-leaderboard .cell-group .cell {
    width: 85px;
    box-shadow: none;
}

.weekly-leaderboard .cell-group .cell-first {
    width: 20px;
}

.weekly-leaderboard .cell-group .cell-second {
    width: 42px;
}

.weekly-leaderboard .cell-group .cell-third {
    width: 180px;
}

.weekly-leaderboard .cell-group .cell-fourth {
    text-align: left;
    width: 425px;
    padding-left: 10px;
}

.weekly-leaderboard .cell-group .cell-fifth {
    width: 78px;
}

.weekly-leaderboard .cell-group .cell-sixth {
    width: auto;
}

.player-scoring {
    font-family: 'Lato', sans-serif;
    padding: 15px 20px;
    border: 1px solid #c1c1c1;
    border-top: 0;
}

.player-scoring,
.player-scoring .score-inner {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(236,236,236,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(236,236,236,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(236,236,236,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(236,236,236,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(236,236,236,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(236,236,236,1) 100%);
}

.player-scoring h4 {
    font-size: 18px;
    line-height: 24px;
    color: #1b1e1f;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    position: relative;
    padding-bottom: 24px;
    margin: 0;
}

.player-scoring h4 [class^="icon-"] {
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.player-scoring h5 {
    font-size: 16px;
    line-height: 25px;
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.player-scoring h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    font-weight: bold;
    padding: 4px 8px;
    margin: 0;
    background: #222;
}

.player-scoring .scores-data {
    padding-bottom: 15px;
}

.player-scoring .scores-data ul {
    list-style: none outside none;
}

.player-scoring .scores-data > ul {
    margin: 0 0 0 -15px;
}

.player-scoring .scores-data > ul > li {
    width: 20%;
    float: left;
    padding-left: 15px;
}

.player-scoring .scores-data > ul > li.empty {
    padding-top: 39px;
}

.player-scoring .score-head {
    padding-bottom: 13px;
}

.player-scoring .score-head strong {
    font-size: 16px;
    line-height: 26px;
    color: #1b1e1f;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.player-scoring .score-head span {
    font-size: 12px;
    line-height: 26px;
    color: #666;
    font-weight: bold;
    float: left;
}

.player-scoring .score-head .league-pick {
    font-size: 15px;
    line-height: 26px;
    width: 40px;
    height: 26px;
    float: left;
    margin: 0 6px 0 0;
}

.player-scoring .score-inner {
    border: 1px solid #727272;
}

.player-scoring .score-inner ul {
    margin: 0;
}

.player-scoring .score-inner ul li {
    font-size: 11px;
    line-height: 31px;
    color: #1b1e1f;
    text-transform: uppercase;
    padding-left: 8px;
    border-top: 1px solid #727272;
}

.player-scoring .score-inner ul li:first-child {
    border-top: 0;
}

.player-scoring .score-inner ul li .score {
    text-align: center;
    width: 31px;
    float: right;
    border-left: 1px solid #727272;
}

.player-scoring .empty .score-inner {
    text-align: center;
    padding: 30px 0;
}

.player-scoring .empty .score-inner h5 {
    font-size: 16px;
    line-height: 25px;
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.player-scoring .scores-bottom h5 {
    line-height: 28px;
    float: left;
}

.player-scoring .scores-bottom h5 strong {
    font-size: 18px;
    color: #191919;
    font-weight: bold;
}

.player-scoring .score-sharing {
    float: right;
}

.player-scoring .score-sharing p {
    font-size: 14px;
    line-height: 18px;
    color: #565353;
    font-weight: bold;
    font-style: italic;
    padding: 5px 0;
    margin: 0;
}

.player-scoring .score-sharing a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 12px;
}

.player-scoring .score-sharing a [class^="icon-"] {
    display: block;
    margin: 0 auto;
}

/* ==========================================================================
    #Sidebar Widgets
========================================================================== */

.widgets {
    list-style: none outside none;
    color: white;
}

.widget {
    padding: 1px 1px 10px 1px;
    box-shadow: 0px 1px 0 #555 inset;
    margin-bottom: 15px;
    background-color: @widget-background-color;
    border-radius: 5px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

.widget h3 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0;
    margin: 0;
}

.widget h3 .icon-star {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.widget h4 {
    font-size: 14px;
    line-height: 20px;
    color: @text-color;
    text-transform: uppercase;
    font-weight: bold;
    margin: 8px 12px 0 12px;
    padding: 5px;
    border-bottom: 1px solid #bbb;
}

.widget h4 span {
    color: @widget-h4-span;
}

.widget h4 .icon-chart {
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.widget .widget-inner {
    margin: 2px 12px;
    color: @text-color;
}

.widget-inner p  {
    word-break: break-word;
}

.widget .button-green,
.widget .button-orange {
    display: block;
    margin: 8px 12px;
    width: inherit;
}

.widget [uib-tooltip] {
    color: @primary1;
}

/* ==========================================================================
    #Popups
========================================================================== */

.popup {
    width: 760px;
    background: #fff;
    border-radius: 5px;
}

.popup h2 {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #ff8d37;
    font-weight: bold;
    font-style: italic;
    padding: 18px 22px;
    margin: 0;
}

.popup h3 {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 34px;
    color: #222;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    padding-bottom: 17px;
    margin: 0;
}

.popup h4,
.league-branding-inner h4,
.league-branding-inner .form-label,
.league-settings-inner h4 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

.league-branding-inner h4,
.league-settings-inner .entry-settings h4 {
    text-transform: none;
    text-shadow: none;
    border: 0;
}

.league-branding-inner,
.league-settings-inner {
    background: #fff;
    padding: 20px 0;
}

.league-branding-inner .form-controls {
    display: inline-block;
    margin-left: 16px;
    margin-bottom: 25px;
    max-width: 500px;
}

.league-branding-inner .field {
    font-size: 14px;
    line-height: 1;
    color: #131c20;
    width: 234px;
    height: 34px;
    display: block;
    padding: 9px 8px;
    border: 1px solid #cccbcb;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) inset;
}

.league-branding-inner .form-hint {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #878a8b;
}

.popup h4 em,
.league-branding-inner h4 em,
.league-settings-inner h4 em {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    display: block;
}

.popup-create .popup-container {
    padding-top: 17px;
}

.popup-create .popup-body {
    padding: 0 21px 34px;
}

.popup-create-upload .popup-body {
    padding-bottom: 10px;
}

.popup-create .leagues-select {
    margin: 0 auto;
}

.popup-create .leagues-select ul {
    padding-bottom: 20px;
}

.popup-create .popup-footer {
    padding: 11px 21px;
    border-radius: 0 0 5px 5px;
}

.popup-create .popup-footer {
    background: rgb(240,240,240);
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);
}

.popup-create .popup-footer .button {
    width: auto;
    float: right;
}

.popup-create .popup-footer .button span {
    padding: 5px 50px;
}

.popup-create .popup-footer .back {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 25px;
    color: #959595;
    float: left;
    margin: 15px 0;
}

.popup-create .popup-footer .back:hover {
    text-decoration: none;
    color: #959595;
}

.popup-create .popup-footer .back [class^="icon-"] {
    position: relative;
    top: -1px;
}

.popup-create .popup-footer .back .icon-lq1 {
    margin-right: 5px;
}

.popup-create .popup-footer .back .icon-rq2 {
    margin-left: 5px;
}

.popup-create .form-row {
    padding-bottom: 15px;
}

.popup-create .form-row label,
.league-settings-inner .form-row label {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #131c20;
    font-weight: 400;
    float: left;
    margin: 0 0 0 37px;
}

.popup-create .form-row label:first-child,
.league-settings-inner .form-row label:first-child {
    margin: 0;
}

.popup-create .form-row label input,
.league-settings-inner .form-row label input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}

.create-steps {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #666;
    text-transform: uppercase;
    font-weight: 400;
    padding: 15px 22px;
    background: #e1e1e1;
}

.create-steps ol {
    counter-reset: item;
    margin: 0;
}

.create-steps ol li {
    float: left;
    padding-left: 40px;
}

.create-steps ol li:before {
    content: counters(item, ".");
    counter-increment: item;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: -2px;
    padding-right: 14px;
    vertical-align: middle;
}

.create-steps ol li:first-child {
    padding-left: 0;
}

.create-steps ol li.current,
.create-steps ol li.current:before {
    font-weight: bold;
}

.league-titles {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: @primary1;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}

.league-titles p {
    display: none;
}

.league-titles p.visible {
    display: block;
}

.league-structure {
    padding-top: 24px;
    border-top: 1px solid #dcdcdc;
}

.league-structure h4 {
    text-align: center;
    width: 230px;
    float: left;
}

.league-structure p {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    padding-bottom: 15px;
    margin: 0;
}

.league-structure .structure-details,
.popup-create .upload-inner {
    width: 475px;
    float: left;
}

.league-branding-inner .upload-inner {
    width: 90%;
    float: left;
}

.popup-create .upload-section h4,
.league-branding-inner .upload-section h4,
.league-branding-inner .form-label {
    line-height: 28px;
    text-align: right;
    min-width: 20%;
    float: left;
}

.league-branding-inner .form-label {
    text-align: left;
    margin: 0 0 4px 15px;
}

.league-branding-inner .upload-section h4,
.league-branding-inner .form-label,
.league-settings-inner .entry-settings h4 {
    max-width: 256px;
    padding: 0;
}

.popup-create .upload-inner,
.league-branding-inner .upload-inner {
    margin-left: 16px;
    margin-bottom: 16px;
}

.popup-create .upload-button,
.league-branding-inner .upload-button {
    position: relative;
    margin-bottom: 10px;
}

.popup-create .upload-button input,
.league-branding-inner .upload-button input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-appearance: none;
}

.popup-create .upload-button p,
.league-branding-inner .upload-button p {
    font-size: 14px;
    line-height: 18px;
    color: #666;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,.8);
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
    border: 1px solid #d2d2d2;
    margin: 0;
    background: #f7f7f7;
    border-radius: 2px;
}

.league-branding .button,
.league-settings .button {
    width: 320px;
    display: inline-block;
    margin-left: 270px;
    margin-bottom: 20px;
}

.league-branding footer,
.league-settings footer {
    background: #fff;
}

.popup-create .upload-preview,
.league-branding-inner .upload-preview {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    padding-right: 6px;
}

.popup-create .upload-preview p,
.league-branding-inner .upload-preview p {
    margin: 0;
}

.popup-create .upload-preview p + p,
.league-branding-inner .upload-preview p + p {
    padding-top: 3px;
}

.popup-create .upload-preview p .replace,
.league-branding-inner .upload-preview p .replace {
    color: #ff8d37;
}

.popup-create .upload-preview p .delete,
.league-branding-inner .upload-preview p .delete {
    color: #f00;
}

.popup-create .upload-preview p .fb-photo,
.league-branding-inner .upload-preview p .fb-photo {
    color: #3b5998;
}

.popup-create .image-placeholder,
.league-branding-inner .image-placeholder {
    font-size: 96px;
    line-height: 88px;
    color: #e0e0e0;
    text-align: center;
    font-weight: bold;
    width: 106px;
    height: 106px;
    float: left;
    border: 5px solid #e0e0e0;
    margin-right: 14px;
    border-radius: 10px;
}

.popup-create .image-placeholder em,
.league-branding-inner .image-placeholder em {
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    position: relative;
    top: -20px;
}

.popup-create .image-placeholder img,
.league-branding-inner .image-placeholder img {
    display: block;
    border-radius: 5px;
}

.popup-create .upload-section-cover,
.league-branding-inner .upload-section-cover {
    padding-top: 20px;
}

.popup-create .upload-section-cover .upload-preview p,
.league-branding-inner .upload-section-cover .upload-preview p {
    padding-bottom: 5px;
}

.popup-create .upload-section-cover .image-placeholder,
.league-branding-inner .upload-section-cover .image-placeholder {
    font-size: 76px;
    line-height: 62px;
    width: 410px;
    height: 78px;
    float: none;
    margin: 0 0 8px;
}

.popup-create-not-sponsored .upload-section-cover .upload-inner {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.popup-create .section-settings h2,
.league-settings-inner h2 {
    font-size: 24px;
    line-height: 1;
    color: #222;
    font-weight: bold;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 16px 0;
}

.league-settings-inner h2,
.entry-settings-alt h4 {
    border: 0;
    width: 256px;
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
}

.popup-create .section-settings + .section-settings {
    padding-bottom: 25px;
}

.league-settings-inner .entry-settings.entry-settings-alt p {
    font-size: 13px;
    margin-top: 10px;
}

.popup-create .entry-settings,
.league-settings-inner .entry-settings {
    padding-bottom: 12px;
}

.popup-create .entry-settings h4,
.league-settings-inner .entry-settings h4 {
    text-align: right;
    width: 210px;
    float: left;
}

.popup-create .entry-settings .settings-inner,
.league-settings-inner .entry-settings .settings-inner {
    width: 465px;
    float: left;
    margin-left: 20px;
}

.popup-create .entry-settings .form-row,
.league-settings-inner .entry-settings .form-row {
    padding-bottom: 3px;
}

.popup-create .entry-settings p,
.league-settings-inner .entry-settings p {
    font-size: 11px;
    line-height: 14px;
    color: #666;
    margin: 0;
}

.popup-create .created-league {
    padding-bottom: 13px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 18px;
}

.popup-create .created-league h3,
.popup-create .league-social h3 {
    text-align: left;
    padding-bottom: 5px;
}

.popup-create .created-league p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 10px;
}

.popup-create .created-league a {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 58px;
    color: #222;
    font-weight: bold;
    font-style: italic;
    display: block;
}

.popup-create .created-league a img {
    width: 56px;
    height: 56px;
    float: left;
    border: 5px solid #e0e0e0;
    margin-right: 15px;
    border-radius: 8px;
}

.popup-create .league-social {
    padding-bottom: 3px;
}

.popup-create .league-social p {
    font-size: 16px;
    line-height: 22px;
    color: #666;
    font-style: italic;
    padding-bottom: 27px;
    margin: 0;
}

.popup-create .league-social .sharing-options {
    padding-bottom: 26px;
}

.popup-create .league-social .sharing-options.form-row {
    padding: 0;
}

.popup-create .league-social .sharing-options span,
.popup-create .league-social .sharing-options label {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #222;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    width: 180px;
    float: left;
    margin-right: 18px;
}

.popup-create .league-social .sharing-options a {
    float: left;
    margin-right: 4px;
}

.popup-create .league-social .sharing-options a img {
    width: auto;
    height: 33px;
    display: block;
}

.popup-create .league-social .sharing-options .field {
    font-size: 12px;
    line-height: 22px;
    color: #666;
    text-shadow: 0px 1px 1px rgba(255,255,255,.8);
    width: 380px;
    height: 32px;
    float: left;
    padding: 5px;
    border: 1px solid #e4e4e4;
    background: #ededed;
    border-radius: 3px 0 0 3px;
}

.popup-create .league-social .sharing-options .copy-link {
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    text-shadow: 0px -1px 1px rgba(0,0,0,.4);
    font-weight: bold;
    width: 90px;
    height: 32px;
    float: left;
    border: 0;
    background: #41a8ee;
    border-radius: 0 3px 3px 0;
    box-shadow: -1px -1px 1px rgba(0,0,0,0.3) inset;
}

.popup-invite {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 10%, rgba(240,240,240,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(10%,rgba(240,240,240,1)), color-stop(80%,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 10%,rgba(240,240,240,1) 80%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 10%,rgba(240,240,240,1) 80%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 10%,rgba(240,240,240,1) 80%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 10%,rgba(240,240,240,1) 80%,rgba(255,255,255,1) 100%);
}

.popup-invite .social-links {
    padding: 0 22px;
    border-bottom: 1px solid #dcdcdc;
}

.popup-invite .social-links ul {
    margin: 0;
}

.popup-invite .social-links li {
    float: left;
}

.popup-invite .social-links li a {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 29px;
    font-weight: 400;
    display: block;
    padding: 6px 10px;
    border: 1px solid transparent;
    margin-bottom: -1px;
    border-radius: 5px 5px 0 0;
}

.popup-invite .social-links li.link-facebook a {
    color: #3b5998;
}

.popup-invite .social-links li.link-twitter a {
    color: #5ea9dd;
}

.popup-invite .social-links li.link-gmail a {
    color: #ed321b;
}

.popup-invite .social-links li.link-email a {
    color: @primary1;
}

.popup-invite .social-links li.link-code a {
    color: cornflowerblue;
}

.popup-invite .social-links li.past-friends a {
    color: #333333;
}

.popup-invite .social-links li.link-sms a {
    color: #00a651;
}

.popup-invite .social-links li a [class^="icon-"], .popup-invite .social-links li a [class^="fa"] {
    float: left;
    margin-right: 7px;
}

.popup-invite .social-links li a [class^="fa"] {
    color: white;
    padding: 8px;
    border-radius: 5px;
}

.popup-invite .social-links li a i.fa-link {
    background-color: cornflowerblue;
}

.popup-invite .social-links li a i.fa-users {
    background-color: #333333;
}

.popup-invite .social-links li.current a {
    border-color: #dcdcdc;
    border-bottom-color: #fff;
    background: #fff;
}

.popup-invite .popup-container {
    padding: 18px 21px 17px;
    background: #fff;
    border-radius: 0 0 5px 5px;
}

.popup-invite .friends-list {
    border: 1px solid #cccbcb;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f8f8f8;
    border-radius: 5px;
}

.popup-invite .friends-list ul {
    margin: 0;
}

.popup-invite .friends-list li {
    width: 33.33%;
    float: left;
}

.popup-invite .facebook-invite {
    height: 305px;
    overflow-y: auto;
}

.popup-invite .facebook-invite img {
    display: block;
}

.popup-invite .twitter-invite h3,
.popup-invite .gmail-invite h3,
.popup-invite .email-invite h3,
.popup-invite .sms-invite h3,
.popup-invite .facebook-invite h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    text-align: left;
    font-weight: bold;
    font-style: normal;
    padding: 0 0 15px 0;
    margin: 0;
}

.popup-invite .twitter-invite .friends-list {
    height: 322px;
    margin-bottom: 16px;
}

.popup-invite .twitter-invite .friends-list ul {
    padding: 6px 0;
}

.popup-invite .twitter-invite .friends-list li {
    padding: 7px 15px;
}

.popup-invite .twitter-invite .friends-list img {
    width: 63px;
    height: 63px;
    float: left;
    border-radius: 9px;
}

.popup-invite .twitter-invite .friends-list h4 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: bold;
    font-style: normal;
    padding-top: 6px;
}

.popup-invite .twitter-invite .friends-list h4 a {
    color: #000;
}

.popup-invite .twitter-invite .friends-list p {
    font-size: 11px;
    line-height: 14px;
    color: @dark-gray;
    padding-bottom: 4px;
    margin: 0;
}

.popup-invite .twitter-invite .friends-list p a {
    color: @dark-gray;
}

.popup-invite .twitter-invite .friends-list iframe {
    display: block;
    margin: 0;
}

.popup-invite .twitter-invite .friends-list .friend-info {
    width: 130px;
    float: right;
}

.popup-invite .twitter-invite .invite-bottom p {
    font-size: 14px;
    line-height: 42px;
    color: #959595;
    font-weight: bold;
    float: left;
    margin: 0;
}

.popup-invite .twitter-invite .invite-bottom .button {
    width: auto;
    height: auto;
    float: right;
}

.popup-invite .twitter-invite .invite-bottom .button span {
    font-size: 16px;
    line-height: 22px;
    padding: 5px 25px;
}

.popup-invite .gmail-invite .friends-list {
    height: 232px;
    margin-bottom: 17px;
}

.popup-invite .gmail-invite .friends-list .form-row {
    width: 472px;
    padding: 19px 17px 22px;
    position: relative;
}

.popup-invite .gmail-invite .friends-list .form-row label {
    font-size: 14px;
    line-height: 34px;
    color: #131c20;
    font-weight: bold;
    float: left;
    padding-right: 12px;
    margin: 0;
}

.popup-invite .gmail-invite .friends-list .form-row button {
    top: 22px;
    right: 22px;
}

.popup-invite .gmail-invite .friends-list li {
    padding: 5px 10px;
}

.popup-invite .gmail-invite .friends-list li a {
    font-size: 11px;
    line-height: 14px;
    color: @dark-gray;
    display: block;
    padding: 4px;
}

.popup-invite .gmail-invite .friends-list li a:hover {
    color: #000;
    text-decoration: none;
}

.popup-invite .gmail-invite .friends-list li a img {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 8px;
}

.popup-invite .gmail-invite .friends-list li a strong {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 18px;
    display: block;
}

.popup-invite .gmail-invite .friends-list li.selected a {
    color: #fff;
    background: #ff8d37;
}

.popup-invite .gmail-invite .invite-list p {
    font-size: 14px;
    line-height: 20px;
    color: #959595;
    float: left;
    padding-right: 10px;
    margin: 0;
}

.popup-invite .gmail-invite .invite-list a {
    width: 20px;
    float: left;
    margin-right: 5px;
}

.popup-invite .gmail-invite .invite-list a img {
    width: 100%;
    height: 20px;
    display: block;
}

.popup-invite .popup-bottom {
    padding: 32px 21px;
    border-top: 1px solid #dcdcdc;
}

.popup-invite .popup-bottom .button {
    width: auto;
    float: right;
}

.popup-invite .popup-bottom .button span {
    width: 305px;
}

.popup-invite .popup-bottom .skip {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 25px;
    color: #959595;
    float: left;
    padding-left: 18px;
    margin: 15px 0;
}

.popup-invite .popup-bottom .skip .glyphicon {
    position: relative;
    top: 2px;
}

.popup-invite .email-invite textarea {
    font-size: 14px;
    line-height: 1.25;
    color: #898d8f;
    width: 100%;
    height: 236px;
    border: 1px solid #cccbcb;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) inset;
}

.popup-invite .email-invite p.legend {
    font-size: 14px;
    line-height: 1.25;
    color: #898d8f;
    padding: 0 17px 5px;
    margin: 0;
}

.popup-invite .email-invite .friends-list {
    border: 0;
    background: transparent;
    border-radius: 0;
    overflow-x: auto;
    overflow-y: auto;
}

.popup-invite .sms-invite .friends-list {
    height: 203px;
    border: 0;
    margin: 5px 0 20px;
    background: transparent;
    border-radius: 0;
}

.popup-invite .sms-invite .form-row {
    padding-top: 10px;
}

.popup-invite .sms-invite .form-row:first-child {
    padding-top: 0;
}

.popup-invite .sms-invite .form-row h5 {
    font-size: 16px;
    line-height: 34px;
    color: #959595;
    font-weight: bold;
    text-align: right;
    width: 100px;
    float: left;
    padding: 0;
    margin: 0;
}

.popup-invite .sms-invite .form-col {
    width: 234px;
    float: left;
    margin-left: 25px;
}

.popup-invite .sms-invite .form-col p {
    font-size: 11px;
    line-height: 17px;
    color: #898d8f;
    padding: 5px 8px;
    margin: 0;
}

.popup-invite .sms-invite .field {
    font-size: 14px;
    line-height: 1;
    color: #131c20;
    width: 100%;
    height: 34px;
    display: block;
    padding: 9px 8px;
    border: 1px solid #cccbcb;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) inset;
}

.popup-invite .sms-invite .add-phone {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 33px;
    color: #00a651;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.popup-invite .sms-invite .add-phone .plus {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 33px;
    height: 33px;
    float: left;
    margin-right: 10px;
    background: #00a651;
    border-radius: 33px;
}

.popup-sms-examples {
    margin: 117px 409px 117px 0;
    position: relative;
}

.popup-sms-examples .examples {
    position: absolute;
    top: -107px;
    right: -389px;
}

.popup-sms-examples .examples img {
    display: block;
}

.popup-invite .authenticate {
    font-size: 18px;
    line-height: 30px;
    color: #2d2d2d;
}

.popup-invite .authenticate h3 {
    text-align: left;
    font-style: normal;
    padding: 7px 0 20px;
}

.popup-invite .authenticate ul {
    padding: 0 0 20px 20px;
    margin: 0;
}

.popup-invite .auth-actions {
    padding-bottom: 5px;
}

.popup-invite .auth-actions p {
    font-size: 14px;
    line-height: 20px;
    color: #959595;
    float: left;
    padding: 20px 0;
    margin: 0;
}

.popup-invite .auth-actions a {
    float: left;
    margin-right: 20px;
}

.popup-invite .auth-actions a img {
    width: auto;
    height: 60px;
    display: block;
}

/* ==========================================================================
    #Sports Landing Pages
========================================================================== */

.league-links {
    padding-bottom: 12px;
}

.league-links ul {
    list-style: none outside none;
}

.league-links ul li {
    padding-bottom: 14px;
}

.league-links ul li a {
    font-size: 22px;
    line-height: 33px;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,.9);
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    position: relative;
    padding: 5px 45px 5px 15px;
    margin-left: 44px;
    background: url('../../images/bg-arrow-alt.png') no-repeat 100% 50%;
}

.league-links ul li a:hover {
    text-decoration: none;
    text-shadow: none;
}

.league-links ul li a:before {
    content: "";
    width: 44px;
    height: 43px;
    display: block;
    position: absolute;
    top: 0.1em;
    left: -44px;
    background: url('../../images/bg-arrow-alt.png') no-repeat 0 50%;
}

.intro-ncaa .league-links ul li {
    margin-left: 38px;
}

.intro-ncaa .league-links ul li:first-child {
    margin: 0;
}

.leagues-listing .create-new-league {
    float: left;
    padding: 2px 16px;
}

.leagues-listing .create-new-league span {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #212225;
    font-weight: 400;
    text-transform: lowercase;
    text-shadow: 0px 1px 2px rgba(0,0,0,.6);
    float: left;
    margin-right: 16px;
}

.leagues-listing .create-new-league .button-dark {
    font-size: 13px;
    line-height: 25px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 18px;
    float: left;
    margin-top: 1px;
}

/* ==========================================================================
    #Hidden Elements
========================================================================== */

.nav li ul,
.user-box ul,
.my-leagues .dd,
.tabs .tab,
.popout {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    z-index: -10;
}

a img,
.nav li:hover ul,
.user-box:hover ul,
.my-leagues:hover .dd,
.tabs .tab.visible,
.popout-trigger:hover .popout {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    z-index: 10;
}

a:hover img {
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.nav li ul,
.user-box ul,
.my-leagues .dd,
.tabs .tab,
.popout,
.league-links ul li {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

/* ==========================================================================
    #Transitions, Transforms & Animations
========================================================================== */

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

a,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input,
textarea,
.leagues-select .league-icon,
.start-inner .user-account a img {
    transition: color .5s, border-color .5s, background-color .5s;
    -webkit-transition: color .5s, border-color .5s, background-color .5s;
}

a img,
.nav li ul,
.user-box ul,
.my-leagues .dd,
.tabs .tab,
.popout {
    transition: opacity .5s, visibility .5s;
    -webkit-transition: opacity .5s, visibility .5s;
}

.nav li ul li a,
.user-box ul li a,
.my-leagues .dd ul li a {
    transition: none;
    -webkit-transition: none;
}

.leaderboard .expanded .cell .expander {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.league-links ul li {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
}

.intro-ncaa .league-links ul li {
    transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -moz-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
}

.leaderboard .expanded .cell .expander, .league-links ul li {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

.loading-more img, .loading-spinner {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

/* ==========================================================================
    #Sample Modal listing page --- Delete this style when developing
========================================================================== */

.modals-list-sample {
    list-style: decimal outside none;
    color: #ddd;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 22px;
    min-height: 613px;
    padding: 20px 20px 10px;
    background: url('../../images/bg-black.png') repeat 0 0;
}

.modals-list-sample li {
    margin-left: 15px;
    padding-bottom: 10px;
}

a.pick-disabled {
    pointer-events: none;
    cursor: default;
}

.widget-leaderboard table {
    width: 100%;
}

.widget-leaderboard table td, .widget-leaderboard table tr {
    padding: 5px 10px;
}

.icon-All {
    background-image: url('../../images/all-grid-icon.png');
}

.icon-Invite {
    background-image: url('../../images/invite-grid-icon.png');
}

.icon-MLS {
    background-image: url('../../images/mls-grid-icon.png');
}

.icon-EPL {
    background-image: url('../../images/epl-grid-icon.png');
}

.icon-NFL {
    background-image: url('../../images/nfl-grid-icon.png');
}

.icon-NCAAF {
    background-image: url('../../images/ncaaf-grid-icon.png');
}

.icon-NBA {
    background-image: url('../../images/nba-grid-icon.png');
}

.icon-NCAAB {
    background-image: url('../../images/ncaab-grid-icon.png');
}

.icon-MLS, .icon-EPL, .icon-NFL, .icon-NCAAF, .icon-NBA, .icon-NCAAB, .icon-All {
    width: 44px;
    height: 44px;
    background-position: 0 0;
}

.leagues-select a.league-icon {
    padding: 2px;
}

.leagues-select a.league-icon [class^="icon-"] {
    margin: 0;
    background-size: 44px 44px;
}

.leagues-select a.league-icon:hover {
    background-color: @primary2;
}

.leagues-select a.league-icon.active {
    background-color: @primary1;
}

.user-settings i.fa-facebook-official {
    color: #ccc;
}

.user-settings a.active i.fa-facebook-official {
    color: #4e69a2;
}

.table-select td a {
    display: inline-block;
    width: 100%;
    color: #303030;
    text-decoration: none;
    margin: -8px;
    padding: 8px;
}

.table-select td a:hover {
    color: @primary1;
}

.table-select td a.active {
    color: @primary1;
}

.panel-body .table-select {
    margin-bottom: 0;
}

.panel-body .table-select tr:first-of-type td {
    border-top: none;
}

.animate-show {
    max-height: 500px;
}

form.animate-show {
    height: inherit;
}

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.animate-show.ng-hide {
    max-height: 0;
}

form.animate-show.ng-hide {
    height: 0;
}

.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
    /* this is required as of 1.3x to properly
     apply all styling in a show/hide animation */
    -moz-transition: 0s linear all;
    -o-transition: 0s linear all;
    -webkit-transition: 0s linear all;
    transition: 0s linear all;
}

div.panel-body.constests {
    max-height: 228px;
    overflow-y: auto;
    padding: 0;
}

.auto-width {
    width: auto;
}

.modal-body hr {
    width: 80%;
    border-top: 2px solid @primary1;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.leaderboard-tabs {
    font-size: 20px;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: lighter;
}

.leaderboard-tabs a.active {
    font-weight: bold;
    cursor: default;
}

/* ==========================================================================
   02. HEADER & NAVIGATION
   ========================================================================== */

#header {
    position: fixed;
    width: 100%;
    z-index: 100;
    margin-top: -60px;
}

/*------------------------------------------*/
/*	 Logo Image
/*------------------------------------------*/

.navbar-brand {
    padding: 15px 15px;
    margin-left: 10px;
}

.scroll-fixed-navbar .navbar-brand img {
    height: 30px;
    width: 116px;
}

/*------------------------------------------*/
/*	 Navigation Menu
/*------------------------------------------*/

.navbar {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 30px 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 15;
}

.navbar-fixed-top {
    border-bottom: none;
}

.navbar-nav > li > a {
    color: @navbar-link;
    line-height: 60px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding: 0 15px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

/*------------------------------------------*/
/*	 Navbar Scroll
/*------------------------------------------*/

.scroll-fixed-navbar {
    padding: 0;
    background-color: @navbar-background;
}

.scroll-fixed-navbar .navbar-nav > li > a,
.scroll-fixed-navbar .navbar-brand .black-color {
    color: @scroll-fixed-navbar-link;
}

/*------------------------------------------*/
/*	 Menu Hover
/*------------------------------------------*/

.navbar-nav > li > a:hover,
.navbar-nav > li > a.selected-nav {
    color: @primary1;
    background-color: transparent;
}

.navbar-nav > li > a:visited {
    background-color: #222;
}

/*------------------------------------------*/
/*	 Responsive Menu
/*------------------------------------------*/

.navbar-toggle {
    position: relative;
    float: right;
    background-color: none;
    padding: 10px;
    margin: 13px 30px 13px 0;
    border: none;
    color: #fff;
    border: @navbar-toggle-border;
}

.navbar-toggle .icon-bar {
    background-color: @navbar-toggle-icon-bar;
}

select.btn {
    padding: 6px 6px;
}

a.disabled {
    pointer-events: none;
}

a.disabled:hover {
    cursor: not-allowed;
}

.facebook-friends .friend, .past-players .player {
    display: inline-block;
    float: left;
    width: 200px;
    height: 70px;
    padding: 10px;
    margin: 0 6px 10px 0;
    white-space: normal;
}

.facebook-friends a.friend.selected {
    background-color: #3b5998;
}

.past-players a.player.selected {
    background-color: #333333;
}

.facebook-friends a img, .past-players a img, .past-players a div.player-pic {
    padding: 1px;
    border: 1px solid #021a40;
    float: left;
}

.past-players a div.player-pic {
    width: 50px;
    height: 50px;
}

.past-players a img.default {
    background-color: grey;
    border: none;
    border-radius: 25px;
}

.pic-container img.default {
    background-color: grey;
    border: none;
    border-radius: 25px;
}

.facebook-friends a.selected img, .past-players a.selected div.player-pic {
    background-color: black;
    border-color: white;
}

.facebook-friends a .friend-name, .past-players a .player-name {
    float: left;
    color: black;
    margin-left: 10px;
}

.facebook-friends a.selected .friend-name, .past-players a.selected .player-name {
    color: white;
}

.page-section .section-inner.padding-exception table td {
    padding-top: 20px;
}

.contest-icon {
    margin-right: 10px;
    margin-left: -5px;
    margin-bottom: 10px;
}

header .logo img {
    height: 30px;
    width: 116px;
    margin: 15px 0 0 15px;
}

.contest-icon i {
    margin: 0;
    background-size: 53px 53px;
    width: 53px;
    height: 53px;
    background-position: 0 0;
}

ol.instructions li > div {
    display: inline-block;
    margin-left: 10px;
}

ol.instructions li div.instructions-example {
    margin-left: 40px;
}

ol.instructions li div.instructions-example ul {
    margin-left: 20px;
}

.modal-body .contest-management {
    margin-top: 20px;
    width: 100%;
}

.contest-management .list-group-item {
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    border-radius: 0;
}

.contest-management .btn-group button.active {
    background-color: #ccc;
    color: white;
}

.contest-management .pic-container {
    width: 45px;
    height: 45px;
    display: inline-block;
    float: left;
}

.profile-pic {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 25px;
    height: 100%;
    width: 100%;
    display: inline-block;
}

.contest-management .profile-data {
    display: inline-block;
    margin-left: 15px;
    float: left;
}

.contest-management .actions {
    position: absolute;
    right: 5px;
    top: 30%;
    margin-top: -15px;
}
.contest-management .penalty-points {
    position: absolute;
    right: 5px;
    top: 30%;
    margin-top: -15px;
}

/* Contest Prize Section */

.contest-prize-info-icon {
    width: 5%;
    float: left;
    font-size: 20px;
    text-align: center;
}

.contest-prize-info-text {
    float: right;
    width: 95%;
    margin-bottom: 20px;
}

.contest-prize table {
    table-layout: fixed;
}

.contest-prize table th {
    width: 1px;
}

.contest-prize table tr td {
    width: 1px;
}

.contest-prize table tr td:last-child {
    border-left: none;
}

.contest-prize table tr td:nth-last-child(2) {
    border-right: none;
}

.contest-prize table tr td:nth-last-child(2) {
    border-right: none;
}

.contest-prize-details .contest-prize-details-header {
    width: 100%;
    margin-bottom: 15px;
}

.contest-prize-details .contest-prize-details-header .backToManage {
    width: 25%;
    display: inline;
}

.contest-prize-details .contest-prize-details-header .contest-prize-details-info {
    margin-bottom: 10px;
    width: 75%;
    display: inline-flex;
    margin-left: 50px;
}

.contest-prize-details .contest-prize-details-header .contest-prize-details-info-text {
    margin-left: 10px;
}

.contest-prize-details table thead {
    width: 100%;
    display: block;
}

.contest-prize-details table tbody {
    width: 100%;
    display: block;
    max-height: 320px;
    overflow-y: auto;
}

.contest-prize-details table th tr td {
    white-space: nowrap;
}

.contest-prize-details table .contest-prize-rank {
    width: 130px;
    border-right: none;
}

.contest-prize-details table .contest-prize-description {
    width: 607px;
    border-left: none;
    border-right: none;
}

.contest-prize-details table .contest-prize-actions {
    width: 129px;
    border-left: none;
}

.modal-body .contest-prize-details .button-green {
    display: inline-block;
    width: auto;
}

.modal-body .contest-prize-details .button-orange {
    display: inline-block;
    width: 115px;
    font-style: normal;
    font-weight: normal;
}

.modal-body .contest-prize-details .button-cancel {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    width: auto;
}

.contest-prize-details .prize-description {
    resize: none;
    width: 100%;
    height: 75px;
}

.tooltip-container .tooltip {
    min-width: 150px;
}

.start-inner {
    padding: 20px;
    min-height: 560px;
}

.dark-panel {
    margin: 12px 0;
    background: @sidebar-background;
    border-radius: 4px;
    color: @text-color;
}

.dark-panel h1, .dark-panel .h1, .dark-panel h2, .dark-panel .h2, .dark-panel h3, .dark-panel .h3 {
    margin: 12px;
}

.dark-panel > div:not(.leaderboard-panel) {
    padding: 8px 20px 12px 14px;
    border-radius: 4px;
    border-top: 1px solid @dark-table-top-border-color;
    background: url('../../images/bg-shine.png') repeat-x 0 0;
    color: @text-color;
}

.dark-panel table {
    width: 100%;
    color: @text-color;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: @table-background;
    border-collapse: inherit;
    border: 1px solid @table-border;
}

.dark-panel table tr th {
    padding: 12px 8px;
}

.dark-panel table tr td {
    padding: 8px 4px;
}

.dark-panel table tr td:first-child {
    padding-left: 8px;
}

.dark-panel table tr td:last-child {
    padding-right: 18px;
}

.dark-panel table tr td.picks {
    width: 72px;
    text-align: center;
}

.dark-panel table tr td.points {
    text-align: right;
    font-weight: bold;
    padding-right: 12px;
}

.dark-panel table tr td .pick {
    display: block;
}

.dark-panel table tr td .pick:hover {
    color: white;
    text-decoration: none;
}

.dark-panel table tr td .score {
    display: block;
    padding: 4px 9px;
    border: solid 1px @score-border;
    border-radius: 4px;
    text-align: center;
}

.dark-panel table tr td.major {
    font-size: 16px;
    line-height: 48px;
}

.dark-panel table tr:nth-child(odd) {
    background: none;
    background-color: @table-background;
}

.dark-panel table tr:nth-child(even) {
    background: @table-background-even;
    background-color: @table-background-color-even;
}

.dark-panel .inner .button-green {
    margin: 10px;
}

.dark-panel .total {
    text-align: center;
    float: right;
    background-color: #eee;
    color: #111;
    border-radius: 4px;
    padding: 4px 6px;
    font-weight: bold;
}

.dark-panel table .button-green {
    padding: 4px 12px;
    font-weight: bold;
    font-size: 13px;
}

.leaderboard-panel {
    max-height: 400px;
    overflow: auto;
}

.trans-panel {
    margin: 12px 0;
}

.leagues-list + .trans-panel {
    margin: 6px 0 12px 0;
}

.upload-preview img {
    width: 100%;
    height: 100%;
}

.modal-content {
    box-shadow: 0px 0px 20px #fff;
}

.modal-content .nav-tabs {
    margin-bottom: 10px;
}

.modal-body .leagues-select {
    width: 100%;
}

.modal-body .leagues-select ul {
    margin-right: auto;
    margin-left: auto;
    width: 333px;
}

.modal-body .button-green,
.modal-body .button-orange {
    display: block;
    width: 100%;
}

select.date-part {
    width: 25%;
    display: inline;
}

select.gender {
    width: 75%;
    display: inline;
}

.authenticate label, .authenticate input[type=radio],
.authenticate input[type=checkbox], select {
    font-size: 13px
}

.authenticate label, .authenticate input[type=radio],
.authenticate input[type=checkbox] {
    float: left;
    margin-right: 4px;
    font-weight: normal !important;
    line-height: 36px;
    height: 22px;
}

.form-selects label {
    line-height: 44px;
}

.modal-content .form-row {
    margin: 4px 0;
}

.profile {
    padding: 14px;
}

.profile .avatar {
    float: left;
    width: 60px;
    height: 60px;
    border: solid 4px @primary1;
    border-radius: 30px;
    margin-right: 8px;
    background-color: @profile-background-color;
    display: block;
}

ul > li.widget.profile a {
    color: @primary1;
}

ul > li.widget.profile a:hover {
    color: @primary2;
}

.profile a {
    text-decoration: none;
}

.profile a .username {
    font-size: 32px;
    font-weight: bold;
    line-height: 35px;
    word-wrap: break-word;
}

.profile a:focus {
    color: #ffffff;
    text-decoration: none;
}

.profile a .fullname {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    word-wrap: break-word;
    display: @fullname-display;
}

.ad-panel {
    height: 260px;
    max-width: 300px;
    max-height: 300px;
}

.profile:hover .fa {
    display: block;
}

.profile .fa {
    color: @text-color;
    display: block;
    margin-left: 4px;
    font-size: 18px;
}

.profile .fa:hover {
    color: @primary2;
    display: block;
}

.navbar-right {
    margin-right: 0px;
}

.ad-side {
    display: block;
    max-width: 300px;
    max-height: 225px;
    margin: 14px auto 4px auto;
}

.ad-side img {
    max-width: 300px;
    max-height: 225px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.rules {
    margin-bottom: 20px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%;
    overflow-y: auto;
}

.rules dl dt {
    font-size: larger;
}

.rules dl dt, .rules dl dd {
    margin-bottom: 18px;
    padding: 0 30px;
}


.rules dl dt, .rules dl dd {
    margin-bottom: 18px;
    padding: 0 30px;
}

.rules dd p {
    font-size: inherit;
}

.rules .rules-examples {
    border: 1px solid @rules-background;
    background: none;
    background-color: @rules-background;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.1em;
}

.rules h3 {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 25px;
}

.rules .rules-examples table {
    width: 100%;
    margin-top: 10px;
    background: @rules-table-background-webkit-radial;
    background: @rules-table-background-o;
    background: @rules-table-background-moz;
    background: @rules-table-background-radial;
}

.rules .rules-examples table td {
    padding: 15px;
    border: 1px solid #3A4C70;
}

.rules .rules-examples table tr:first-child td {
    border-top: none;
}

.rules .rules-examples table tr:last-child td {
    border-bottom: none;
}

.rules .rules-examples table tr td:first-child {
    border-left: none;
}

.rules .rules-examples table tr td:last-child {
    border-right: none;
}

.rules .rules-examples hr {
    border-color: #B0B7C6;
    margin-left: -30px;
    margin-right: -30px;
}

.rules .rules-examples .division {
    margin-top: 30px;
}

.rules .more-rules .rule-number {
    display: inline-block;
    float: left;
    margin-left: -40px;
    border: 3px solid @primary1;
    border-radius: 30px;
    padding: 0 7px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px;
}

.rules .more-rules .rule {
    padding-left: 40px;
    margin-bottom: 20px;
}

.rules .more-rules {
    padding: 0 30px;
}

.rules .more-rules .rule-content {
    display: inline-block;
    width: 100%;
}

option {
    color: black;
    background-color: white;
}

.modal-open {
    /*Required for modals in IE*/
    -ms-overflow-style: scrollbar;
}

.accordion-open .accordion-close {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 17px;
    color: #eee;
    font-style: italic;
    font-weight: bold;
    text-shadow: 0px 1px 2px rgba(0,0,0,1);
    padding: 5px;
    border: 1px solid #000;
    border-radius: 3px;
}

.accordion-open.panel {
    background: @dark-gray;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

.accordion-open.panel h2 {
    color: @text-color;
    text-shadow: 0px 1px 2px @background-color;
}

.accordion-close {
    background: @accordion-close-background;
    background: @accordion-close-background-moz;
    background: @accordion-close-background-webkit;
    background: @accordion-close-background-webkit-linear;
    background: @accordion-close-background-o;
    background: @accordion-close-background-ms;
    background: @accordion-close-background-linear;
}

.accordion-chevron {
    padding-right: 25px;
    padding-top: 5px;
}

.authenticate-modal .modal-dialog {
    width: 350px;
}

.loading-spinner {
    color: #FFF;
    font-size: 20px;
    margin-top: 5px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 17px;
    min-width: 10px;
    top: -19px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -19px;
    min-height: 10px;
    width: 17px;
}

.has-error.help-block {
    color: #a94442;
}

.contest-message {
    resize: none;
    width: 100%;
    height: 150px;
    background-color: #ffffff;
    border: 1px solid #ccc;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.time-picker-timezone {
    transform: translateY(43%);
}

/* COMMISSIONER TOOLS BUTTONS */

.btn-default :not(td.uib-day) { /* DOES NOT GET APPLIED TO THE DATEPICKER (on purpose) */
    color: #ffffff;
    text-decoration: none;
    font-style: normal;
    background: @primary1;
    background: @primary1-to-primary2-moz;
    background: @primary1-to-primary2-webkit;
    background: @primary1-to-primary2-webkit-linear;
    background: @primary1-to-primary2-o;
    background: @primary1-to-primary2-ms;
    background: @primary1-to-primary2-linear;
    border-color: @primary1;
    border: 1px solid @primary1;
}

.uib-day .btn-info.active,
.uib-day .btn-info:active,
.uib-day .open > .dropdown-toggle.btn-info,
.uib-day .btn-info,
.uib-day .btn-info:focus,
.uib-day .btn-info:hover {
    color: #ffffff;
    background-color: @primary1 !important;
    outline: none;
    box-shadow: none;
}

.btn-default:hover :not(td.uib-day),
.btn-default:focus :not(td.uib-day),
.btn-default:active :not(td.uib-day),
.btn-default.active :not(td.uib-day) {
    color: #ffffff;
    text-decoration: none;
    background-color: @primary2;
    background: @primary2-to-primary1-moz;
    background: @primary2-to-primary1-webkit;
    background: @primary2-to-primary1-webkit-linear;
    background: @primary2-to-primary1-o;
    background: @primary2-to-primary1-ms;
    background: @primary2-to-primary1-linear;
    border-color: @primary2;
    border: 1px solid @primary2;
}

button > span.text-muted { /*DAYS FROM OTHER MONTHS SHOWN ON THIS MONTH'S GRID */
    color: @primary2;
}

div.popover button.btn.btn-default {
    background: none;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

div.popover button.btn.btn-default:hover {
    background: none;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-primary,
div.popover button.btn.btn-primary {
    color: #ffffff;
    background: @primary1;
    background: @primary1-to-primary2-moz;
    background: @primary1-to-primary2-webkit;
    background: @primary1-to-primary2-webkit-linear;
    background: @primary1-to-primary2-o;
    background: @primary1-to-primary2-ms;
    background: @primary1-to-primary2-linear;
    border: 1px solid @primary2;
}

.btn-primary:hover,
div.popover button.btn.btn-primary:hover {
    color: #ffffff;
    text-decoration: none;
    font-style: normal;
    background: @primary2;
    background: @primary2-to-primary1-moz;
    background: @primary2-to-primary1-webkit;
    background: @primary2-to-primary1-webkit-linear;
    background: @primary2-to-primary1-o;
    background: @primary2-to-primary1-ms;
    background: @primary2-to-primary1-linear;
    border: 1px solid @primary2;
}

.btn-primary[disabled] {
    border-color: @primary2;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    filter: alpha(opacity=40);
    opacity: .4;
}

.btn-link {
    font-weight: normal;
    color: @primary1;
}

.btn-link:hover {
    color: @primary2;
}

table a.btn.btn-link:visited {
    color: @primary1;
}

table a.btn.btn-link:hover {
    color: @primary2;
}

table a.btn.btn-link:active,
table a.btn.btn-link:focus {
    color: @primary1;
}

.contest-management .btn-group button {
    color: #fff;
    border: 1px solid @dark-gray;
    background: none;
    background: @dark-gray;
    background: @dark-gray-to-near-black-moz;
    background: @dark-gray-to-near-black-webkit;
    background: @dark-gray-to-near-black-webkit-linear;
    background: @dark-gray-to-near-black-o;
    background: @dark-gray-to-near-black-ms;
    background: @dark-gray-to-near-black-linear;
}

.contest-management .btn-group button:hover {
    color: #fff;
    border: 1px solid @near-black;
    background: none;
    background: @near-black;
    background: @near-black-to-medium-gray-moz;
    background: @near-black-to-medium-gray-webkit;
    background: @near-black-to-medium-gray-webkit-linear;
    background: @near-black-to-medium-gray-o;
    background: @near-black-to-medium-gray-ms;
    background: @near-black-to-medium-gray-linear;
}

.contest-management .btn-group button.active {
    color: #fff;
    border-color: @primary1;
    background-color: @primary1;
    background: @primary1;
    background: @primary1-to-primary2-moz;
    background: @primary1-to-primary2-webkit;
    background: @primary1-to-primary2-webkit-linear;
    background: @primary1-to-primary2-o;
    background: @primary1-to-primary2-ms;
    background: @primary1-to-primary2-linear;
    border: 1px solid @primary1;
}

.contest-management .btn-group button :not(.uib-datepicker-current, .uib-clear) {
    color: #fff;
    border: 1px solid @primary2;
    background: none;
    background-color: @primary2;
    background: @button-dark-background-moz;
    background: @button-dark-background-webkit;
    background: @button-dark-background-webkit-linear;
    background: @button-dark-background-o;
    background: @button-dark-background-ms;
    background: @button-dark-background-linear;
}

.contest-management .btn-group button:not(.uib-datepicker-current, .uib-clear):hover {
    color: #fff;
    border: 1px solid @primary2;
    background: none;
    background-color: @primary2;
    background: @primary2;
    background: @button-dark-background-hover-moz;
    background: @button-dark-background-hover-webkit;
    background: @button-dark-background-hover-webkit-linear;
    background: @button-dark-background-hover-o;
    background: @button-dark-background-hover-ms;
    background: @button-dark-background-hover-linear;
}

.contest-management .btn-group button.active {
    color: #fff;
    background-color: @primary1;
    border-color: @primary2;
    background: @primary1-to-primary2-moz;
    background: @primary1-to-primary2-webkit;
    background: @primary1-to-primary2-webkit-linear;
    background: @primary1-to-primary2-o;
    background: @primary1-to-primary2-ms;
    background: @primary1-to-primary2-linear;
    border: 1px solid @primary2;
}

.contest-management .btn-group button.uib-datepicker-current {
    color: @primary1;
    border: 1px solid #606060;
    background: #ffffff;
    background-color: #ffffff;
}

.contest-management .btn-group button.uib-clear {
    color: #606060;
    border: 1px solid #606060;
    background: #ffffff;
    background-color: #ffffff;
}

.contest-management .btn-group button.uib-datepicker-current:hover,
.contest-management .btn-group button.uib-clear:hover {
    color: @primary1;
    border: 1px solid @primary1;
    background: #f3f3f3;
    background-color: #f3f3f3;
}

div .contest-management .text-info {
    color: @primary1;
}

ul.uib-datepicker-popup.dropdown-menu li div.uib-datepicker {
    text-align: center;
}

div .uib-daypicker table button.uib-title,
div .uib-daypicker table button.uib-left,
div .uib-daypicker table button.uib-right {
    color: @primary1;
}

div .uib-daypicker table button.uib-title:hover,
div .uib-daypicker table button.uib-left:hover,
div .uib-daypicker table button.uib-right:hover {
    color: @primary2;
    background: #f3f3f3;
}

div .uib-monthpicker table button.uib-title,
div .uib-monthpicker table button.uib-left,
div .uib-monthpicker table button.uib-right {
    color: @primary1;
}

div .uib-monthpicker table button.uib-title:hover,
div .uib-monthpicker table button.uib-left:hover,
div .uib-monthpicker table button.uib-right:hover {
    color: @primary2;
    background: #f3f3f3;
}

div .uib-monthpicker table button.btn.btn-info,
div .uib-monthpicker table button.btn.btn-info span {
    color: #606060;
    background: transparent;
    border-color: #cccccc;
}

div .uib-monthpicker table button.btn.btn-info:hover,
div .uib-monthpicker table button.btn.btn-default:hover {
    color: @primary1;
    background: #f3f3f3;
    border-color: @primary1;
}

div .uib-monthpicker table button.btn.btn-default.active {
    color: #fff;
    background-color: @primary1;
    border-color: @primary1;
}

div .uib-yearpicker table button.btn.btn-default.btn-info.active span.text-info,
div .uib-monthpicker table button.btn.btn-default.btn-info.active span.text-info,
div .uib-daypicker table button.btn.btn-default.btn-info.active span.text-info {
    color: #fff;
}

div .uib-yearpicker table button.uib-title,
div .uib-yearpicker table button.uib-left,
div .uib-yearpicker table button.uib-right {
    color: @primary1;
}

div .uib-yearpicker table button.uib-title:hover,
div .uib-yearpicker table button.uib-left:hover,
div .uib-yearpicker table button.uib-right:hover {
    color: @primary2;
    background: #f3f3f3;
}

div .uib-yearpicker table button.btn.btn-info,
div .uib-yearpicker table button.btn.btn-info span {
    color: #606060;
    background: transparent;
    border-color: #cccccc;
}

div .uib-yearpicker table button.btn.btn-info:hover,
div .uib-yearpicker table button.btn.btn-default:hover {
    color: @primary1;
    background: #f3f3f3;
    border-color: @primary1;
}

div .uib-yearpicker table button.btn.btn-info span:hover {
    color: @primary1;
}

div .uib-yearpicker table button.btn.btn-default.active {
    color: #fff;
    background-color: @primary1;
    border-color: @primary1;
}

div .uib-yearpicker table button.btn.btn-default.btn-info.active span.text-info {
    color: #fff;
}

#google_center_div {
    text-align: left;
    width: 770px;
    max-width: 770px;
}

.required-field {
    border: 1px solid red !important;
}

.my-data {
    background: linear-gradient(to bottom, @medium-gray-rgba 0%, @secondary1 20%, @secondary2 50%, @secondary1 80%, @dark-gray-rgba 100%) !important;
    color: @light-gray;
}

.custom-decision-modal-header {
    background-color: @primary2;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    margin: 1px;
    color: @text-color;
}