/*!
 * LAN-slide Bootstrap Customisation
 * Default Colour Chart:
 *
 * Black: #000000
 * White: #FFFFFF
 */

body {
    background:                 none;
    color:                      #FFFFFF;
    font-family:                'Open Sans', sans-serif;
    text-rendering:             optimizeLegibility;
    text-shadow:                1px 1px #000000;
    font-size:                  14px;
    font-weight:                400;
}

/**
 * Reset Style Sheets
 **/


/**
 * Default hyperlink font
 */

a {
    color:                      #FFAC44;
}

a:hover {
    color:                      #FFAC44;
}


/**
 * Helper Functions
 **/

.pull-down-xs { margin-top: 5px; }
.pull-down-s { margin-top: 10px; }
.pull-down-m { margin-top: 15px; }
.pull-down-l { margin-top: 20px; }
.pull-down-xl { margin-top: 25px; }
.pull-down-xxl { margin-top: 30px; }

.pull-up-xs { margin-top: -5px; }
.pull-up-s { margin-top: -10px; }
.pull-up-m { margin-top: -15px; }
.pull-up-l { margin-top: -20px; }
.pull-up-xl { margin-top: -25px; }
.pull-up-xxl { margin-top: -30px; }

.push-down-xs { margin-bottom: 5px; }
.push-down-s { margin-bottom: 10px; }
.push-down-m { margin-bottom: 15px; }
.push-down-l { margin-bottom: 20px; }
.push-down-xl { margin-bottom: 25px; }
.push-down-xxl { margin-bottom: 30px; }

.push-right-xs { margin-right: 5px; }
.push-right-s { margin-right: 10px; }
.push-right-m { margin-right: 15px; }
.push-right-l { margin-right: 20px; }

.push-left-xs { margin-left: 5px; }
.push-left-s { margin-left: 10px; }
.push-left-m { margin-left: 15px; }
.push-left-l { margin-left: 20px; }

.text-xs { font-size: 10px; }
.text-s { font-size: 12px; }
.text-m { font-size: 16px; }
.text-l { font-size: 20px; }
.text-xl { font-size: 28px; }
.text-xxl { font-size: 36px; }

.font-regular { font-weight: 300; }
.font-bold { font-weight: 600; }
.font-heavy { font-weight: 700; }

.accent,
.accent a,
.accent a:hover { color: #FFAC44; }

.accent-2,
.accent-2 a,
.accent-2 a:hover { color: #A1A1A1; }

.lanslide-green { color: #33FF33; }
.lanslide-red { color: #F91600; }
.lanslide-dark { color: #001626; text-shadow: none; }

.no-margin { margin: 0px 0px 0px 0px; }
.no-padding { padding: 0px 0px 0px 0px; }

.no-margin-top { margin-top: 0px; }

.pad-up-xs { padding-top: 5px; }
.pad-up-s { padding-top: 10px; }
.pad-up-m { padding-top: 15px; }

.pad-down-xs { padding-bottom: 5px; }
.pad-down-s { padding-bottom: 10px; }
.pad-down-m { padding-bottom: 15px; }

.pad-box-s { padding: 10px 10px 10px 10px; }
.pad-box-m { padding: 15px 15px 15px 15px; }

.separator-right { border-right: 1px solid #FFFFFF; }
.separator-up { border-top: 1px solid #FFFFFF; }

.no-webkit-margin {
    -webkit-margin-before:      0px;
    -webkit-margin-after:       0px;
    -webkit-margin-start:       0px;
    -webkit-margin-end:         0px;
}

/**
 * Panels
 **/

.section-dark { background-color: rgba(0, 0, 0, .85); }

.panel {
    color:                      #000000;
    text-shadow:                none;
}

.lanslide-input-label {
    background-color:           #060616;
    border:                     1px solid #262636;
    padding:                    6px 6px 6px 6px;
}

/**
 * Navigation Bar
 **/

.navbar-lanslide {
    background-color:         #161626;
    border-color:             #363646;
    background-image:         -webkit-linear-gradient(top, #161616 0%, #161626 %);
    background-image:         -o-linear-gradient(top, #161616 0%, #161626 100%);
    background-image:         -webkit-gradient(linear, left top, left bottom, from(#161616), to(#161626));
    background-image:         linear-gradient(to bottom, #161616 0%, #161626 100%);
    filter:                   progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#161626', GradientType=0);
    filter:                   progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat:        repeat-x;
    border-radius:            4px;
    -webkit-box-shadow:       inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
            box-shadow:       inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}

.navbar-lanslide .navbar-nav > li > a {
  color:                    #FFFFFF;
}

.navbar-lanslide .navbar-nav > li > a:hover,
.navbar-lanslide .navbar-nav > li > a:focus {
  font-weight:              600;
  background-color:         #363646;
}

.navbar-lanslide .navbar-nav > .active > a,
.navbar-lanslide .navbar-nav > .active > a:hover,
.navbar-lanslide .navbar-nav > .active > a:focus {
  font-weight:              600;
  background-color:         #262636;
}

.navbar-lanslide .navbar-toggle {
  border-color:             #FFFFFF;
}

.navbar-lanslide .navbar-toggle:hover,
.navbar-lanslide .navbar-toggle:focus {
  background-color:         #FFAC44;
}

.navbar-lanslide .navbar-toggle .icon-bar {
  background-color:         #FFFFFF;
}

.navbar-lanslide .navbar-nav > .open > a,
.navbar-lanslide .navbar-nav > .open > a:hover,
.navbar-lanslide .navbar-nav > .open > a:focus {
  color:                    #CCCCCC;
  background-color:         #262636;
}

.navbar-lanslide .navbar-nav > li > a {
    text-shadow:            2px 2px #000000;
    border-radius:          8px;
}

.navbar-lanslide .dropdown-menu {
    background-color: #161626;
    background-image: -webkit-linear-gradient(top, #161616 0%, #161626 100%);
    background-image:      -o-linear-gradient(top, #161616 0%, #161626 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#161626));
    background-image:         linear-gradient(to bottom, #161616 0%, #161626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff161616', endColorstr='#ff161626', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #363646;
}

.navbar-lanslide .dropdown-menu > li > a {
    color:                  #FFFFFF;
}

.navbar-lanslide .dropdown-menu > li > a:hover,
.navbar-lanslide .dropdown-menu > li > a:focus {
    background-color: #363646;
    background-image: -webkit-linear-gradient(top, #262636 0%, #363646 100%);
    background-image:      -o-linear-gradient(top, #262636 0%, #363646 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#262636), to(#363646));
    background-image:         linear-gradient(to bottom, #262636 0%, #161626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff262636', endColorstr='#ff363646', GradientType=0);
    background-repeat: repeat-x;
}
.navbar-lanslide .dropdown-menu > .active > a,
.navbar-lanslide .dropdown-menu > .active > a:hover,
.navbar-lanslide .dropdown-menu > .active > a:focus {
    background-color: #363646;
    background-image: -webkit-linear-gradient(top, #161616 0%, #161626 100%);
    background-image:      -o-linear-gradient(top, #161616 0%, #161626 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#161626));
    background-image:         linear-gradient(to bottom, #161616 0%, #161626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff161616', endColorstr='#ff161626', GradientType=0);
    background-repeat: repeat-x;
}

/** Sidebar */
@media (min-width: 768px) {
    .sidebar-lanslide .navbar .navbar-collapse {
        padding:            0px;
        max-height:         none;
    }

    .sidebar-lanslide .navbar ul {
        float:              none;
    }

    .sidebar-lanslide .navbar ul:not {
        display:            block;
    }

    .sidebar-lanslide .navbar li {
        float:              none;
        display:            block;
    }

    .sidebar-lanslide .navbar li a {
        padding-top:        12px;
        padding-bottom:     12px;
    }
}

.sidebar-lanslide .navbar-header {
    float:                  none;
}

.sidebar-lanslide .navbar-nav > .active > a,
.sidebar-lanslide .navbar-nav > .active > a:hover,
.sidebar-lanslide .navbar-nav > .active > a:focus {
  font-weight:              600;
  background-color:         #262636;
}


.navbar-lanslide-bump {
    min-height:             50px;
    max-height:             50px;
    height:                 50px;
}

/**
 * Progress Bar
*/

.progress .progress-bar-unfilled {
    background-color:       #CCCCCC;
}

/**
 * Countdown Clock
 **/
.countdown-block .text-m {
    display:                block;
}

footer {
    min-height:             30px;
}

/*
 * Borders and Panels
*/

.soft-border {
    border:                 1px solid #363646;
}

.hr-subtle {
    margin-top:             20px;
    margin-bottom:          20px;
    border:                 none;
    border-top:             1px solid #363646;
}

/** Buttons
*/

.btn-lanslide {
  color: #fff;
  background-color: #161626;
  border-color: #060616;
}
.btn-lanslide:focus,
.btn-lanslide.focus {
  color: #fff;
  background-color: #262636;
  border-color: #060616;
}
.btn-lanslide:hover {
  color: #fff;
  background-color: #262636;
  border-color: #060616;
}
.btn-lanslide:active,
.btn-lanslide.active,
.open > .dropdown-toggle.btn-lanslide {
  color: #fff;
  background-color: #262636;
  border-color: #060616;
}
.btn-lanslide:active:hover,
.btn-lanslide.active:hover,
.open > .dropdown-toggle.btn-lanslide:hover,
.btn-lanslide:active:focus,
.btn-lanslide.active:focus,
.open > .dropdown-toggle.btn-lanslide:focus,
.btn-lanslide:active.focus,
.btn-lanslide.active.focus,
.open > .dropdown-toggle.btn-lanslide.focus {
  color: #fff;
  background-color: #262636;
  border-color: #060616;
}
.btn-lanslide:active,
.btn-lanslide.active,
.open > .dropdown-toggle.btn-lanslide {
  background-image: none;
}
.btn-lanslide.disabled,
.btn-lanslide[disabled],
fieldset[disabled] .btn-lanslide,
.btn-lanslide.disabled:hover,
.btn-lanslide[disabled]:hover,
fieldset[disabled] .btn-lanslide:hover,
.btn-lanslide.disabled:focus,
.btn-lanslide[disabled]:focus,
fieldset[disabled] .btn-lanslide:focus,
.btn-lanslide.disabled.focus,
.btn-lanslide[disabled].focus,
fieldset[disabled] .btn-lanslide.focus,
.btn-lanslide.disabled:active,
.btn-lanslide[disabled]:active,
fieldset[disabled] .btn-lanslide:active,
.btn-lanslide.disabled.active,
.btn-lanslide[disabled].active,
fieldset[disabled] .btn-lanslide.active {
  background-color: #262636;
  border-color: #060616;
}
.btn-lanslide .badge {
  color: #f0ad4e;
  background-color: #060616;
}

/*
 *   Tables
 */
.table-heading div {
    background-color:       #161626;
    padding:                5px 5px 5px 10px;
}

.table-row div {
    padding:                5px 5px 5px 10px;
    border-bottom:          1px solid #363646;
}

/*
 * Forms
*/

.form-transparent {
    background:             transparent;
}

.form-lanslide .form-control,
.form-lanslide .control-label {
    color:                  #FFFFFF;
}

.select-lanslide {
    background-color:   rgba(5, 5, 15, 0.80);
}


/**
 * Bootstrap Fixes
*/

a:hover {
    text-decoration:        none;
}

tr,
td,
th {
    color:                      #FFFFFF;
    font-family:                'Open Sans', sans-serif;
    text-rendering:             optimizeLegibility;
    text-shadow:                1px 1px #000000;
    font-size:                  14px;
    font-weight:                400;
}

.table-lanslide > thead > tr > th {
    background-color:       #161626;
    border-bottom:          1px solid #363646;
}

.table-lanslide > tbody > tr > td {
    border-bottom:          1px solid #363646;
    padding:                6px;
}

.table-lanslide .table-active > td {
    background-color:       #161626;
    font-weight:            700;
}

.table-lanslide .registeredfor__clash > td {
    background-color:       #F19600;
    font-weight:            700;
}

a.registeredfor__rowmask {
    position:               absolute;
    top:                    0;
    left:                   0;
    bottom:                 0;
    right:                  0;
}

.registeredfor__row td {
    position:               relative;
}


/**
 * Bootstrap Fixes for TypeAhead
*/
/*
 * typehead.js-bootstrap3.less
 * @version 0.2.3
 * https://github.com/hyspace/typeahead.js-bootstrap3.less
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.has-warning .twitter-typeahead .tt-input,
.has-warning .twitter-typeahead .tt-hint {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .twitter-typeahead .tt-input:focus,
.has-warning .twitter-typeahead .tt-hint:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-error .twitter-typeahead .tt-input,
.has-error .twitter-typeahead .tt-hint {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .twitter-typeahead .tt-input:focus,
.has-error .twitter-typeahead .tt-hint:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-success .twitter-typeahead .tt-input,
.has-success .twitter-typeahead .tt-hint {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .twitter-typeahead .tt-input:focus,
.has-success .twitter-typeahead .tt-hint:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.input-group.input-group-sm .twitter-typeahead .tt-input,
.input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group.input-group-sm .twitter-typeahead .tt-input,
select.input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: 30px;
  line-height: 30px;
}
textarea.input-group.input-group-sm .twitter-typeahead .tt-input,
textarea.input-group.input-group-sm .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: auto;
}
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
  border-radius: 0;
}
.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.input-group.input-group-lg .twitter-typeahead .tt-input,
.input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group.input-group-lg .twitter-typeahead .tt-input,
select.input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: 46px;
  line-height: 46px;
}
textarea.input-group.input-group-lg .twitter-typeahead .tt-input,
textarea.input-group.input-group-lg .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: auto;
}
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
  border-radius: 0;
}
.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.twitter-typeahead {
  width: 100%;
}
.input-group .twitter-typeahead {
  display: table-cell !important;
  float: left;
}
.twitter-typeahead .tt-hint {
  color: #999999;
}
.twitter-typeahead .tt-input {
  z-index: 2;
}
.twitter-typeahead .tt-input[disabled],
.twitter-typeahead .tt-input[readonly],
fieldset[disabled] .twitter-typeahead .tt-input {
  cursor: not-allowed;
  background-color: #eeeeee !important;
}
.tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  width: 100%;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.tt-dropdown-menu .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor {
  text-decoration: none;
  outline: 0;
  background-color: #f5f5f5;
  color: #262626;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor a {
  color: #262626;
}
.tt-dropdown-menu .tt-suggestion p {
  margin: 0;
}

.typeahead-lanslide .tt-menu {
    background-color:           #161626;
    padding:                    10px 10px 10px 10px;
    border:                     1px solid #363646;
}

.typeahead-lanslide .tt-suggestion {
    background-color:           #262636;
    padding:                    5px 5px 5px 5px;
    border:                     1px solid #363646;
    color:                      #FFFFFF;
}

/** Thumbnail override */
.img-thumbnail {
    background-color:           #161626;
    border:                     1px solid #262636;
    margin:                     0px 5px 5px 0px;
}

.lanslide-breadcrumbs {
    font-size:                  12px;
    margin-top:                 10px;
    margin-bottom:              10px;
}

/* Hover */
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}


/* Seat Bookings */
.bs-seat {
    cursor:                     pointer;
}

.clear-fix {
    clear:                      both;
}


/*
    Tabs
*/
.ls-tabs {
	border-bottom:		1px solid #161626;
}
.ls-tabs > li {
	float: 				left;
	margin-bottom: 		-1px;
}
.ls-tabs > li > a {
	margin-right:		2px;
	line-height:		1.42857143;
	border:				1px solid;
	border-radius:		4px 4px 0 0;
    border-color:		#161626;
}
.ls-tabs > li > a:hover {
    background-color:   #161626;
	border-color:		#363646 #363646 #363646;
}
.ls-tabs > li.active > a,
.ls-tabs > li.active > a:hover,
.ls-tabs > li.active > a:focus {
	color:				#FFAC44;
	cursor:				default;
	background-color:	#161626;
	border:				1px solid #161626;
	border-bottom-color:	transparent;
    font-weight:        700;
}
.ls-tabs .nav-justified {
	width:				100%;
	border-bottom:		0;
}
.ls-tabs .nav-justified > li {
	float:				none;
}
.ls-tabs .nav-justified > li > a {
	margin-bottom:		5px;
	text-align:			center;
}
.ls-tabs .nav-justified > .dropdown .dropdown-menu {
	top:				auto;
	left:				auto;
}

.ls-statinfo-box {
    background-color:   rgba(0, 0, 0, 0.85);
    margin:              4px 0px 4px 0px;
    border:             1px solid #262636;
}

.ls-statinfo-box[data-status="Not Started"],
.ls-statinfo-box[data-match-status="NotReady"],
.ls-statinfo-box[data-match-status="Pending"]
 {
    border-left:        10px solid #a94442;
}

.ls-statinfo-box[data-status="Taking Registrations"],
.ls-statinfo-box[data-match-status="ReadyToPlay"],
.ls-statinfo-box[data-match-status="CaptainsAdvised"] {
    border-left:        10px solid #3c763d;
}

.ls-statinfo-box[data-status="In Progress"],
.ls-statinfo-box[data-match-status="MatchInProgress"] {
    border-left:        10px solid #33FF33;
}

.ls-statinfo-box[data-status="Complete"],
.ls-statinfo-box[data-match-status="MatchComplete"] {
    border-left:        10px solid #FFAC44;
}

.ls-statinfo-box-text {
    padding:             5px 10px 5px 15px;
    
}

/* Game Feature Boxes */
.ls-feature-game-box {
    height:     290px;
    min-height: 290px;
    max-height: 240px;
    width:      100%;
    overflow:   hidden;
}

.ls-feature-game-box img {
    height:     120px;
    width:      100%;
    object-fit: cover;
}

.ls-feature-game-text {
    padding:            5px 5px 5px 5px;
    color:              #FFFFFF;
}

.ls-teamlist {
    padding:            0px 5px 0px 5px;
    margin:             0px 0px 0px 0px;
}

.ls-teamlist li {
    list-style:         none;
    border-bottom:      1px solid #363646;
    padding:            5px 0px 5px 0px;
}

.ls-teamlist li .ls-teamlist-playername {
    padding-left:       5px;
}

.ls-box-align-right {
    text-align:         right;
    float:              right;
}

.ls-team-actions {
    padding:            10px 0px 10px 0px;
}

@media (min-width: 768px) {
	.ls-tabs .nav-justified > li {
		display:		table-cell;
		width:			1%;
	}
	.ls-tabs .nav-justified > li > a {
		margin-bottom:	0;
	}
}
.ls-tabs .nav-justified > li > a {
	margin-right:		0;
	border-radius:		4px;
}
.nav-tabs.nav-justified.ls-tabs  > .active > a,
.nav-tabs.nav-justified.ls-tabs > .active > a:hover,
.nav-tabs.nav-justified.ls-tabs > .active > a:focus {
	border:				1px solid #363646;
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified.ls-tabs > li > a {
		border-bottom:	1px solid #363646;
		border-radius:	4px 4px 0 0;
	}
	.ls-tabs .nav-justified > .active > a,
	.ls-tabs .nav-justified > .active > a:hover,
	.ls-tabs .nav-justified > .active > a:focus {
		border-bottom-color:	#161626;
	}
}


/*********************************/
/* Adding Dark Bootstrap         */
/*********************************/

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
    .dropdown-select {
        padding-left:   6px;
    }
}

.dropdown-dark {
    background:         #161616;
    border-color:       #464656;
    background-image:   -webkit-linear-gradient(#161616, #161626);
    background-image:   -moz-linear-gradient(#161616, #161626);
    background-image:   -o-linear-gradient(#161616, #161626);
    background-image:   linear-gradient(#161616, #161626);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow:         inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.dropdown-dark:before {
    border-bottom-color:    #161626;
}

.dropdown-dark:after {
    border-top-color:   #161626;
}

.dropdown-dark .dropdown-select {
    color:          #aaa;
    text-shadow:    0 1px black;
    background:     #161626; /* Fallback for IE 8 */
}

.dropdown-dark .dropdown-select:focus {
    color:          #ccc;
 }

.dropdown-dark .dropdown-select > option {
    background:     #444;
    text-shadow:    0 1px rgba(0, 0, 0, 0.4);
}

/*******************************/
/* Game List using BEM
/*******************************/

.schedule-tile {
    height:         120px;
}

.schedule-tile__block {
    background-color:   #161626;
    border:             1px solid #262636;
    margin:             0px 5px 5px 0px;
    background-size:    auto, cover;
    overflow:           hidden;
}

.schedule-tile__text-block {
    position:       absolute;
    left:           20px;
    bottom:         10px;
    right:          20px;
    text-shadow:    2px 2px #000000;
}

.schedule-textblock__heading {
    font-size:      18px;
    font-weight:    700;
    color:          #F8BD58;
    text-align:     right;
    margin-bottom:  0px;
}

.schedule-textblock__time {
    font-size:      16px;
    font-weight:    300;
    color:          #FFFFFF;
    display:        block;
    text-align:     right;
}

/*********************************************
    Some Spinner Code from https://codepen.io/MattIn4D/pen/LiKFC
*/

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 9999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Team Validation */
.team-validation__block,
.player-validation {
    background-color: #080818;
    border: 1px solid #262636;
    padding: 0px 15px;
    margin-bottom: 10px;
}

.team-validation__title {
    color: #F19600;
}

.player-validation__title {
    font-size: 24px;
    font-weight: 300;
    color: #F19600;
}

.player-group__title {
    color: #CCCCCC;
    display: none;
}

.player-validation .registeredfor__row {
    background-color: #030313;
}