/*@import "style.css"; */

body {
	background-color: rgba(0,0,0,0.03);
	-webkit-font-smoothing: antialiased;
}


#main {
	
	width: 1000px;
	margin: 39px auto;
	padding-top: 10px;
	position: relative;
}

.page {
	background-color: white;
	
	margin: 30px 0;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	min-height: 300px;
	border-radius: 2px;
}

.page::after {
	content: "...";
	width: 1000px;

	position: absolute;
	text-align: center;
	font-size: 60px;
	font-family: serif;
	color: rgba(0, 0, 0, 0.5);
	line-height: 0px;
}

.brand {
	color: white!important;
}

.pagination {
    word-spacing: -1em; /* hide whitespace between elements if separated by whitespace in the source */
    text-align:center;
}
.pagination ul {
    display: -moz-inline-box; /* FF2 or lower */
    display: inline-block;
    word-spacing: normal;
    vertical-align: top;
    /* IE6/7 inline-block hack */
    *display: inline;
    *zoom: 1;
}

.thin {
	font-weight:200;
}

.superthin {
	font-weight:100;
}

.pull-down {
	margin-top: 13px;
}

.pull-down-large {
	margin-top: 39px;
}

.dl-horizontal.large dt {
	width: 150px;
}

.dl-horizontal.large dd {
	margin-left: 160px;
}

.thin h2,h1 {
	font-weight:200;
}

.border-top {
	border-top: solid rgba(0,0,0,0.5) 1px;
	width: 175px;
}

.fixed-height {
	min-height: 400px;
}

/*
.navbar-inner::before {
	content: "";
	position: absolute;
	top: 40px;
	border-top: solid #646464 12px;
	width: 0px;
	border-left: solid transparent 17px;
}


.navbar-inner::after {
	content: "";
	position: absolute;
	top: 40px;
	margin-left: 1057px;
	border-top: solid #646464 12px;
	width: 0px;
	border-right: solid transparent 17px;
}*/


.table {
	table-layout: fixed;
}

.teilnehmer_suche, .teilnehmer_sportler {
	height: 500px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
}

.teilnehmer_suche {

}

#teilnehmer_sportler {
	overflow-y: scroll; 	
}

.teilnehmer_suche_input_container {
	
}

.teilnehmer_suche_input_container input {
	width: 264px;
}

#teilnehmer_suche_ergebnisse {
	height: 467px;
	overflow-y:scroll;
}

.teilnehmer_suche_row {
	position: relative;
	padding: 10px;
	padding-right: 20px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.teilnehmer_suche_row:hover{
	background-color: whitesmoke;
}

.teilnehmer_suche_row span {
	padding-top: 5px;
}

.teilnehmer_suche_row:nth-child(odd) {
	background-color: rgba(0,0,0,0.01);
}

.teilnehmer_suche_ergebnisse_row_verein {
	position: absolute;
	right: 30px;
	top: 5px;
}

.teilnehmer_row div {
	margin-bottom: 0px;
}

.teilnehmer_name {
	margin-top: 5px;
	display: block;
}

.overview_table td, .teilnehmer_table td {
	text-align: right!important;
	font-size: 22px;
	font-weight: 200;
}

.table_legend {
	font-size: 12px!important;
	margin-top: 20px;
	font-weight: 500!important;
}

.overview_table th, .teilnehmer_table th {
	text-align: right!important;
}

.events_table_row {
	cursor: pointer;
}

.selected {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(175, 200, 225, 0.5) 80%) !important;
}

.tab-content {
	overflow: visible!important;
}

.vereine_teilnehmer_row {
	background-color: whitesmoke!important;
}

.vereine_gesamt_row {
	background-color: rgba(0,0,0,0.1)!important;
}

.col-right {
	text-align: right!important;
	padding-right: 30px!important;
}

.sportler_row_inactive, .sportler_row_inactive:hover {
	background-color: gray!important;
	color: white;
}

.nav_left_container {
	min-height: 400px;
	background: url('/assets/img/bg-side.png') right -5px no-repeat;
}

.nav_left_container h2 {
	margin-left: -15px;
	padding-top: 10px;
	font-weight: 300;
	color: #DD390D;
}

.nav_left {
	list-style: none;
	margin-left: 0px;
	padding: 40px 30px 0 0;
}

.nav_left a {
	color: #656565;
	font-size: 18px;
	font-weight: 200;
	cursor: pointer;
}


.nav_left li {
	padding-top: 20px;
	padding-bottom: 20px;
}

.nav_left li::after {
	-webkit-box-shadow: inset 0 16px 8px -20px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0 15px 8px -20px rgba(0, 0, 0, 0.4);
	-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
	-moz-mask-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
	height: 5px;
	width: 120%;
	position: relative;
	content: '';
	top: 20px;
	left: -20px;
	display: block;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.nav_left .active::before {
	content: "";
	background-image: url('/assets/img/arrow_klein.png');
	width: 12px;
	height: 22px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	margin-top: 0px;
	margin-right: -10px;
	float: right;
}

.nav_left li:hover {
	padding-left: 2px;
}

.nav_left a:hover {
	text-decoration: none;
}

.tab_pane_container {
	box-shadow: -1px 0px 0px #EEE;
	margin-left: 0px;
	padding-left: 20px;
	min-height: 400px;

}

.tab_pane_container .table {
margin-top: 20px;
}

.page .form-actions {
	margin-left: -10px;
	margin-right: -30px;
	margin-bottom: 0px;
}

.page form  {
	margin-bottom: 0px!important;
}

.icon_circle {
	background-color: rgba(0, 0, 0, 0.025);
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 100%;
	text-align: center;
	box-shadow: inset 0 1px 0 #AAA;
	border: solid 1px rgba(0,0,0,0.05);
}

.icon_circle i {
	margin-top: 6px;
}

.icon_colored {
	display: inline-block;
	width:14px;
	height: 14px;
	background-color: #656565;
	margin-bottom: 2px;

	-webkit-mask-image: url('/assets/img/glyphicons-halflings-white.png');
    -webkit-mask-repeat:no-repeat;

    -moz-mask: url('/assets/img/glyphicons-halflings-white.png');
    -moz-mask-repeat:no-repeat;
}

.icon_user {
    -webkit-mask-position:-168px 0;
    -moz-mask-position:-168px 0;
}

.icon_inbox {
    -webkit-mask-position:-168px -24px;
    -moz-mask-position:-168px -24px;
}

.option-item:first-child {
	margin-top: 30px;
}

.option-item {
	margin-left: -20px;
	margin-right: 10px;
}

.option-item .description {
	float: left;
	margin-left: -15px;
}

.btn-back {
	display: inline-block;
	padding: 4px 10px;
	padding-left: 5px;
	/*background-image: linear-gradient(bottom, rgb(247,247,247) 47%, rgb(255,255,255) 58%);
	background-image: -o-linear-gradient(bottom, rgb(247,247,247) 47%, rgb(255,255,255) 58%);
	background-image: -moz-linear-gradient(bottom, rgb(247,247,247) 47%, rgb(255,255,255) 58%);
	background-image: -webkit-linear-gradient(bottom, rgb(247,247,247) 47%, rgb(255,255,255) 58%);
	background-image: -ms-linear-gradient(bottom, rgb(247,247,247) 47%, rgb(255,255,255) 58%);*/
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #DADADA),
		color-stop(0.75, #EAEAEA)
	);

	border: solid 1px #DDD;
	color: #656565;
	border-left: transparent;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0,0,0,0.075);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	position: relative;
	top: 12px;
	z-index: 0;

	margin-left: 20px;
}

.btn-back:hover {
	color: whitesmoke;
	text-decoration: none;
}

.btn-back::before {
	content: '';
	width: 19px;
	height: 19px;
	background-image: -webkit-gradient( linear, left top, right bottom, color-stop(0, #DADADA), color-stop(0.75, #EAEAEA) );
	position: absolute;
	left: -10px;
	top: 3px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-radius: 0 0 0 3px;
	z-index: -1;

	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1), inset 2px 0px 0 rgba(0, 0, 0, 0.045);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1), inset 2px 0px 0 rgba(0, 0, 0, 0.045);
}

.btn.pull-right {
	position: relative;
	top: 12px;
}

.btn-pull-right-container {
	display: inline-block;
	width: 100%;
}