/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */

/* Global Styles */
body {margin-top: 50px; background: #dde6ef; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #424042;}
#wrapper {padding-left: 0;}
#page-wrapper {width: 100%; padding: 5px 15px 15px 15px;}
#page-wrapper header h1 {text-transform: uppercase; margin-bottom:30px; font-weight: 200; color: #45575a;}
hr {border-top: 1px solid #ccc;}
.modal-backdrop {z-index:0;}
a {color: #851;}
a:hover {color: #b70;}
a:focus {color: #b70;}
a.fa:hover {text-decoration: none;}


/* Boostrap Overrides */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {color: #9b9896; text-transform: none; font-weight: 200;}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {color: #9b9896; border-color: #d7d7d7;}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {padding: 8px;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {background: #f9f9f9;}
.tablefilters .btn, button#toggle_timer, .btn.resume-timelog {color: #424042; background: #9b9896;}
.panel-default {border-color: #6c898b;}
.panel-default>.panel-heading {color: #bcb; border-color: #6c898b; background: #6c898b;}
/* Kill the bootstrap roundies */
.panel {border-radius: 0; min-height:360px; background-color: rgba(255, 255, 255, 0.6);}
.panel h4 {margin-top: 100px; line-height: 1.3em; font-weight: 300;}
.panel-default {border-color: none; border: 0;}
.panel-heading {border-top-right-radius: 0; border-top-left-radius: 0; border: none;}
.btn, .form-control, .input-group-addon {border-radius: 2px;}
.btn {padding: 4px 12px;}

/* responsive menu settings */
button.navbar-toggle {background-color:#6c898b; margin-top:20px; border: 0;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color:#bcb;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #bcb;}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:active .icon-bar {background-color: #6c898b;}
.navbar-inverse .navbar-collapse {background: #364548; border-color: #364548;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background-color: #6c898b;}


/* Sign in Page */
body#sign_in {background-color: #45575a;}
#sign_in #signin-container {margin: 0 auto; width: 325px;}
#sign_in header {margin: 0 auto 30px auto;}
#sign_in header b {display: block; float: left; margin: 0 10px 0 0; position: relative; font-size:50px; opacity: 0.4;}
#sign_in header span {opacity: 0.5;}
#sign_in header span strong {font-size: 22px;}
#sign_in .fields {border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.2) 0 1px 0; box-shadow: rgba(255,255,255,0.2) 0 1px  }
#signin-container .btn {background-color: #6c898b; border-color: transparent; color: #d7d7d7; font-weight: bold;}
#signin-container .btn:hover {background-color: #a84; color: #424042; font-weight: bold;}
#sign_in input {background: #fff; border: solid #dedede; border-width: 0 0 1px 0; height: 40px; margin: 0; padding: 0 15px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#sign_in .form-group {margin:0;}
#sign_in .login-top {-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
#sign_in .login-bottom {border: 0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
#sign_in .single-field {border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#sign_in a, #sign_in input, #sign_in button {outline:0!important}
#sign_in a {color: #a84;}
#sign_in a:hover {color: #851; text-decoration: none;}
#sign_in form .btn {line-height: 26px; margin-top: 15px;}
#sign_in a.forgot-password {background: rgba(0,0,0,0.05); color: #888; display: block; float: right; font-size: 11px; height: 22px; line-height: 22px; margin: -32px 10px 0 0; padding: 0 6px; position: relative; z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#sign_in a:hover.forgot-password {background: rgba(0,0,0,0.1); color: #888;}
#authMessage {padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px; color:#c09853; background-color:#fcf8e3; border-color:#faebcc;}

/* Admin bar */
.navbar {height: 69px; background: #364548; border: 0; -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0 1px 0 inset; -moz-box-shadow: rgba(255, 255, 255, 0.25) 0 1px 0 inset; box-shadow: rgba(255, 255, 255, 0.25) 0 1px 0 inset; background-color: #364548; background-image: -moz-linear-gradient(top, #364548, #45575a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#364548), to(#45575a)); background-image: -webkit-linear-gradient(top, #364548, #45575a); background-image: -o-linear-gradient(top, #364548, #45575a); background-image: linear-gradient(top, #364548, #45575a); background-repeat: repeat-x;}
.navbar .nav>li>a {color:#bcb; font-weight:600; display: block; text-decoration: none; text-shadow: rgba(0,0,0,0.2) 0 -1px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s;}
.navbar-brand {height: auto;}

/* Nav Messages */
.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {display: block;}

.messages-dropdown .dropdown-menu .message-preview .avatar {float: left; margin-right: 15px;}
.messages-dropdown .dropdown-menu .message-preview .name {font-weight: bold;}
.messages-dropdown .dropdown-menu .message-preview .message {font-size: 12px;}
.messages-dropdown .dropdown-menu .message-preview .time {font-size: 12px;}

ul.dropdown-menu {margin-right: -2px;}
.dropdown-menu>li>a {color: #424042;}

/* Buttons */
.thebuttons a.btn, .thebuttons input.btn, .thebuttons button.btn, input.btn, .fileinput .btn-file, .go-btn {margin-right:15px;}
.thebuttons input.btn, .thebuttons button.btn, .thebuttons a.btn {margin-bottom:15px; margin-top:0px;}
a.btn {background:#fff; border:1px solid #c0c0c0; margin-left:10px;}
a.btn-success {color:#000;}
a.badaction {margin:0 !important; padding:0; display:inline-block; line-height:0em; height:15px; background:none; border:none;}
.thebuttons {text-align: right;}


/* Manage Tables */
.tablewrap {border:1px solid #6c898b; margin-bottom:10px;}
.tablewrap .tablefilters {padding:15px 0 0 0; background:#6c898b;}
.tablewrap .tablefilters.tablefilterspad {padding-left:15px; padding-right:15px;}
.tablewrap .tablefilters .topbtn {width: auto; padding-bottom: 15px;}
.tablewrap .tablefilters a {color: #24381a; top: 4px; position: relative;}
.tablewrap .tablefilters a:hover {color:#bcb; text-decoration: none;}
.tablewrap .tablefilters .add-links {width: auto; float: right; margin-right: 0; margin-top: 0;}
.tablefilters ul {list-style:none; margin:0 0 0 0; padding:0; font-weight:300; line-height:1.8571em; color:#000;}
.tablefilters ul li {display:block; float:left; width:100%; margin-right:10px;}
.tablefilters ul li .form-group {margin-bottom:15px;}
.tablefilters ul li.topbtn div.submit {float: left;}
.add-links-double {width:100%; float:right; margin-top:16px;}
.add-links {width:100%; float:right; margin-top:0px;}
.admin-innercontainer span.active {padding:0 0 0 20px; background:url(../img/green.png) no-repeat 0 4px;}
.admin-innercontainer span.inactive {padding:0 0 0 20px; background:url(../img/layout/red.png) no-repeat 0 4px;}	
table {font-weight:300; line-height:1.8571em; color:#424042;}
table thead {padding:10px 0; background:#45575a;}
table thead a {color: #cdc;}
table thead a:hover {color: #fff; text-decoration: none;}
table th {font-weight: normal; color: #cdc;}
table .table-action {width: 50px; text-align:center;}
table .table-action-long {width: 100px; text-align:center;}
.table > thead > tr > th {border-bottom:0;}
.table > tbody th {color: #000; font-style: italic;}
.table > tbody > tr >td {border-top:0;}
.table > tbody > tr > td {padding:12px 8px;}
.table {margin-bottom:0;}
.table-responsive {margin-bottom:0;}
.project-detail-main-header {font-size: 1.75em;}
.project-detail-header {font-size: 1.5em;}

.totals {text-align:right; margin-right:10px;}
.report-totals {display:inline-block; width:100px;}

.graph-wrap {padding: 15px; overflow: auto; margin: 0;}

/* Forms */
ul.date-range {margin:0; padding:0; list-style:none;}
ul.date-range li {display:inline-block; margin-right:5px;}
ul.date-range li.dash {width:15px; margin-top:3px;}
.date-range input.form-date {display:inline-block; width: 100px; border-radius: 4px 0 0 4px;}

/* Date Picker */
.datepicker {z-index:9999 !important;}
.datepicker .table-condensed th {padding:0 !important; border-radius:0 !important; moz-border-radius:0 !important; webkit-border-radius:0 !important;}

/* Add Another */
.add-another {margin-bottom:15px;}
.remove-add-another {margin:-10px 0 10px 0;}

/* Auto Lookup */
.autocomplete-suggestions { border: 1px solid #9b9896; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Timer */
#timer_panel {min-height: inherit;}
#timer {font-size: 2em; position: relative; top: -3px; font-weight: 300;}
#timer #timer_sec {position: relative; top: -8px; font-size: 0.6em;}
#reset_time {float: right; margin-right: 0;}

/* Remove Timelog */
div.remove-timelog {margin-top: 25px;}
a.remove-timelog {font-size: 2em;}


a.panel-link {float:right;}

/* Edit Below to Customize Widths > 768px */

@media (min-width:768px) {
	/* Wrappers */
	#wrapper {padding-left: 50px;}
	#page-wrapper {padding: 15px 25px;}
	
	/* Top Bar */
	.navbar .nav>li>a {font-weight: 500;}
	.navbar .nav>li>a .badge {background: rgba(255,255,255,0.5);}
	.navbar-inverse .navbar-nav > .dropdown > a .caret {border-top-color:#fff;}
	
	.navbar .navbar-brand {width:auto;}

	.navbar-inverse .navbar-collapse {background: transparent; border-color: transparent;}
	
	.navbar-inverse .navbar-right {margin-top: 31px;}
	.navbar-inverse .navbar-right .dropdown {margin-left: 8px; border: 1px solid #6c898b; border-bottom:none; background: #6c898b; border-top-right-radius:8px; border-top-left-radius:8px;}

	.navbar-right>li>a {padding-top: 8px; padding-bottom: 8px;}

	.navbar-inverse .navbar-right>.active>a,
	.navbar-inverse .navbar-right>li>a:hover,
	.navbar-inverse .navbar-right>li>a:focus,
	.navbar-inverse .navbar-right>.open>a,
	.navbar-inverse .navbar-right>.open>a:hover,
	.navbar-inverse .navbar-right>.open>a:focus {background-color: #6c898b; border-top-right-radius:8px; border-top-left-radius:8px;}
	
	/* Side Nav */
	.side-nav {padding-top:10px; margin-left: -50px; left: 50px; width: 50px; position: fixed; top: 68px; height: 100%; border-radius: 0; border: none; background: #45575a; overflow-y: auto;}
	.side-nav>li>a {width: 50px;}
	.side-nav span {display:none;}
	.side-nav i {position:relative; top:2px; font-size:20px; margin-right:7px;}
	
	.navbar-inverse .side-nav>li>a {color:#bcb; border-bottom: 1px solid #666f66;}
	.navbar-inverse .side-nav>li>a:hover,
	.navbar-inverse .side-nav>li>a:active,
	.navbar-inverse .side-nav>li>a:focus {text-shadow: rgba(59,77,117,0.5) 0 0 5px; background-color: #6c898b;}

	/* Nav Messages */
	.messages-dropdown .dropdown-menu {min-width: 300px;}
	.messages-dropdown .dropdown-menu li a {white-space: normal;}

	.remove-add-another {margin:0px 0 10px 0;}
	
	.tablefilters ul li.add-links {float:right; width:auto;}	
	.tablefilters ul li {display:block; float:left; width:auto; margin-right:10px;}
}

@media (min-width:992px) {

	.couponhead:first-child + .race-coupons .limitcoupons {margin-top:30px;}
	.limitcoupons {margin-top:5px;}
	.race-coupons {margin-top:0px;}

	.selectpadding {margin-bottom:0px;}

}

@media (min-width:1200px) {
	/* Wrappers */
	#wrapper {padding-left: 225px;}
	
	/* Side Nav */
	.side-nav {margin-left: -225px; left: 225px; width: 225px; verflow-x: hidden;}
	.side-nav>li>a {font-weight:500; width: 250px;}
	.side-nav span {display:inline;}
	

}