.club-container div {
	display:inline-block;
}
.btn-remove {
	background-color: #C1392B;
	color: #fff;
}
.btn-edit {
	background-color: #3b556e;
	color: #fff;
}
.btn-remove:hover {
	border-color: #ea463a;
	background-color: #ea463a;
}
form.inline {
	display: inline-block;
}
.top-container {
	margin: 0.5em 0 1em;
}
.club-top-container {
	margin-bottom: 1em;
	width: 100%;
}
.club-name {
	font-size: 1.2em;
	color: #ea463a;
}
label.alert {
	margin:0;
	width: 15em;
}
tr.details {
	display: none;
}
span.listing {
	display: inline-block;
	margin-right: 2em;
	padding: 0.5em;
	margin-bottom:0.2rem;
}
.list-group {
	margin:0;
}
.label-default a {
	color: #fff;
}
td.gesuch-title {
	width: 15em;
}
td.small {
	width: 5em;
}
.matching-result p {
	margin:0; display: inline-block; margin-right:1em;
}
.matching-result p span.btn-default {
	cursor:auto;
}
td .alert {
    padding: 3px;
}
td .list-group-item {
    margin-bottom: 5px;
    padding: 0;
}

.bewerber-name {
	width: 15em;
	margin-right: 1em;
}
div.matching-result {
	padding-top: 1em;
}

#filterform , #exportform {
	display: none;
}
.btn-deactivate {
    background-color: green;/*#575757;*/
    color: green; /*#fff;*/
}
.btn-deactivate .glyphicon {
   /* color: green; */
}
a.deactivated, a.deactivated:hover {
	background-color: #ccc;
	cursor: auto;
	border: none;
}
table tbody > tr.deactivated /*> td */{
	background-color: #ccc;
}
table tbody > tr.not-interested /*> td */{
	border: 3px dashed #999;
}
.table-striped > tbody > tr.deactivated:nth-child(2n+1) > td {
    background-color: #ccc;
}
.btn-activate {
    background-color: red; /*#987654;*/
    color: red; /*#fff;*/
}

.btn-activate .glyphicon {
    color: white; 
}
.btn-plz {
    background-color: #94A8CD;
    color: #fff;
}
.breadcrumbs {
	font-style: italic;
	color: #2B3745;
	font-size: 1em;
	margin-bottom: 1em;
}
.club-container .panel, .club-container .panel-heading, .club-container .panel-body {
	display: block;
	
}
.club-container .panel {
	background-color: #fff;
}
.column {
	width:30%; vertical-align:top;
	float: left;
	margin-right: 1em;
}
.table-row tbody > tr > td {
	padding: 5px 10px;
}
table.table > tbody > tr.entry-tr:hover {
	cursor: pointer;
	background-color: #FFFFB3;
	color: #3276B1;
}
table.table > tbody > tr.deactivated:hover {
	cursor: pointer;
	background-color: #FFFFB3;
	color: #3276B1;	
}
table.partially-hidden td {
	display: none;
}
table.partially-hidden td:first-child, table.partially-hidden td.tools, table.partially-hidden td[data-field=plz] {
	display: table-cell;
}
table.partially-hidden td[data-field=plz] {
	width: 2rem;
}
div.panel-body table {
	background-color: #fff;
}
.table-bordered th {
	background-color: #ddd;
}
.column .panel {
	background-color: #fff;
}
td.tools {
	text-align: right;
}
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #ecf0f1; /*#777777;*/
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}

.scroll-top-wrapper .glyphicon {
  color: #428BCA;
     font-size: 2em;
     top: 0.2em;
}
.entry-tr span.glyphicon {
	font-size: 20px;
    line-height: 10px;
}
.bstatus-1 {
	color: #ED9C28;
}
.bstatus-2, #table-matching-result label.bewerber .bstatus-2 {
	color: #3EABF3;
}
.bstatus-3, #table-matching-result label.bewerber .bstatus-3 {
	color: #64B833;
}
.bstatus-4, #table-matching-result label.bewerber .bstatus-4 {
	color: #B83394;
}
.bstatus-5, #table-matching-result label.bewerber .bstatus-5 {
	color: orange;
}
.bstatus-6 {
	color: red;
}
.bstatus-7, #table-matching-result label.bewerber .bstatus-7 {
	color: navy;
}
button.open-match[disabled], button.sendmail[disabled] {
	background-color: #575757;
	border-color: #575757;
}
label.bewerber .glyphicon {
	color: #39B3D7;
}
.column .panel label {
	max-width: 84%;/*23.2em;*/
	overflow: hidden;
	text-overflow: ellipsis;
}
#filterform select.small {
	max-width:7rem;
}
label.bewerber span.glyphicon-calendar {
	color:#2B3745;
}
.panel-body hr {
	border-color:white;
}
.inplace_field {
	min-width:3rem;
}
div.conv-data {
	display: flex;
	flex-wrap: wrap;
	margin-top:15px;
	justify-content: space-between;
	border: 1px solid #39B3D7;
	padding: 8px;
	border-radius: 3px;
	background-color: #fff;
}

div.conv-data  .form-control.calendar {
	width:50%;
}
div.conv-data  input[type="checkbox"],
div.conv-data  input[type="radio"] {
    height: 20px;
    width: 20px; 
	outline: 3px solid #ccc;
}
span.conv-data {
	display: inline-block;
	padding: 3px 5px;
	width:80%;
}
button.save_conversation {
	float:right;
	width:initial;
}
.mitarbeiter {
	padding:6px;
}
.modal-dialog__separator {
	margin:0 -10px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 20px;
}
.modal-dialog__box {
	border: 1px dashed #333;
	padding: 10px;
	margin-bottom: 10px;
	padding-bottom: 0;
	background-color: #efefef;
}
#komm-aufgabe-div {
	display: none;
}
.komm-selector {
	display: flex;
	justify-content: right;
	color: #1BBC9B;
}
.komm-selector  label {
	font-weight: bold;
}
.club-container .header-club , .header-club {
	display:flex; justify-content: space-between; align-items:center; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #3a87ad;
	min-height:60px;
}
.enter__label {
	display:inline-block;
	width:15rem;
}
/* club untern - change passwort page */
.pointholding .form-enter-error {
	display:none;
}
.pointholding input {
	width:165px;
}
.actionbutton {
    color: white;
    border: 3px solid transparent;
    font-size: 1.3rem;
    padding: 15px 50px;
    text-align: center;
    background-color: #79B657;
    display: inline-block;
    margin-top:10px;
}
/* this is a part of bewerber profile for clubs intern and must be there */
div.header-toggle-nav {
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	border: 1px solid #ccc;
	z-index:100;
	padding:10px;
	background-color: white;
	min-width: 15rem;
}
label.bewerber .status_1_6 {
	color: #C1392B;
}
@media only screen and (max-width: 1020px) {
	.club-container .header-club, .header-club {
		flex-wrap: wrap;
	}
	.header-club img , .header-club > div {
		margin-bottom: 10px;
	}
}