.newrow:first-of-type .posremove {
	display: none;
}

.login-window {
	margin-top: 100px;
	width: 310px;
	margin: 0 auto;
}

.user-profile img {
	object-fit: cover;
}

.profile_details .profile_view .img-circle {
	max-width: 100px;
		height: 100px;
		max-height: 100%;
	object-fit: cover;
}

.navbar-brand:after {
	content: "beta";
	padding-left: 5px;
	color: red;
	font-size: 14px;
	font-style: italic;
}

.subnav {
	width: 100%;
	height: 36px;
	background-color: #EEE;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, whiteSmoke 0%, #EEE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,whiteSmoke), color-stop(100%,#EEE));
	background-image: -webkit-linear-gradient(top, whiteSmoke 0%,#EEE 100%);
	background-image: -ms-linear-gradient(top, whiteSmoke 0%,#EEE 100%);
	background-image: -o-linear-gradient(top, whiteSmoke 0%,#EEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='whiteSmoke', endColorstr='#EEE',GradientType=0 );
	background-image: linear-gradient(top, whiteSmoke 0%,#EEE 100%);
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.subnav-fixed {
	position: fixed;
	top: 40px;
	left: 0;
	right: 0;
	z-index: 1030;
	border-color: #D5D5D5;
	border-width: 0 0 1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, .1);
}

.subnav .nav {
	margin-bottom: 0;
}

.subnav-fixed .nav {
	width: 938px;
	margin: 0 auto;
	padding: 0 1px;
}

.subnav .nav > li > a {
	margin: 0;
	padding-top: 11px;
	padding-bottom: 11px;
	border-left: 1px solid whiteSmoke;
	border-right: 1px solid #E5E5E5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.admin-tn a.adm-tn,
.admin-berichte a.adm-ber,
.admin-amm a.adm-amm,
.admin-betreuer a.adm-bet,
.admin-alk a.adm-alk,
.admin-stats a.adm-stats,
.admin-reportsemo a.adm-reportsemo,
.admin-kunden a.adm-kun,
.admin-projekte a.adm-pro,
.admin-projektstatus a.adm-prostat,
.admin-benutzer a.adm-use,
.admin-gruppen a.adm-gru,
.admin-stoerungen a.adm-sto,
.admin-faq a.adm-faq,
.admin-doks a.adm-dok,
.admin-vorlagen a.adm-vorlagen,
.admin-einstellungen a.adm-set,
.admin-useraccess a.adm-useraccess,
.admin-rechnungselemente a.adm-rgel {
	z-index: 2;
		color: #fff;
		background-color: #337ab7;
		border-color: #337ab7;
}

.alert-box {
	position: fixed;
	right: 20px;
	top: 70px;
	z-index: 999;
}

.alert-box .alert {
	padding: 20px;
	border-radius: 0;
	box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.2);
	min-width: 300px;
}

.alert-box .close {
	margin-right: 20px !important;
}

.label_div {
	float: left;
	height: 20px;
	padding-right: 10px;
}

.tnbild {
	object-fit: cover;
	width: 75px;
	height: 75px;
	padding: 5px;
}

.eintrag {

}

.select2-container {
	min-width: 250px;
}

.select2-container .select2-choice {
	border: 1px solid #ccc;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
	border: 1px solid #ccc;
	box-shadow: none;
}

.select2-drop-active {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

canvas{
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

#historie canvas {
	min-height: 350px;
}

.tab-content>.tab-pane {
		display: block;
		height: 0;
		overflow: hidden;
}
.tab-content>.tab-pane.active {
		height: auto;
}

.gridly {
		position: relative;
		width: 1170px;
}

.sumlabel {
	position: absolute;
	display: block;
	left: 150px;
	top: 135px;
	font-size: 32px;
	color: #0087c3;
	font-weight: bold;
}

.glyph-ex {
	margin: 5px 3px 0;
}

.download_list {
	list-style: none;
}

.download_list li {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.download_list li a {
	display: block;
	margin:8px 0;
	padding: 5px;
}

.rating-input,
.sozial .glyphicon-star,
.methoden .glyphicon-star,
.fach .glyphicon-star,
.sozial .glyphicon-star-empty,
.methoden .glyphicon-star-empty,
.fach .glyphicon-star-empty,
.lern .glyphicon-star,
.lern .glyphicon-star-empty {
	font-size: 16px;
}

.rating-input .rating-clear {
	color: red;
	opacity: 0.2;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.rating-input .rating-clear:hover {
	opacity: 1;
}

.sozial .rating-input,
.sozial .glyphicon-star,
.sozial .glyphicon-star-empty {
	color: #468847;
}

.methoden .rating-input,
.methoden .glyphicon-star,
.methoden .glyphicon-star-empty {
	color: #3a87ad;
}

.fach .rating-input,
.fach .glyphicon-star,
.fach .glyphicon-star-empty {
	color: #c09853;
}

.lern .rating-input,
.lern .glyphicon-star,
.lern .glyphicon-star-empty {
	color: #ED432F;
}

.table-extra,
.table-extra th {
	text-align: center;
	font-size: 12px;
}

.table-yeah td {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.table-yeah td.success:hover {
	background-color: #98ec76;
}

.table-yeah td.danger:hover {
	background-color: #eb7676;
}

.table-yeah th {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0;
	z-index: 99;
	border-bottom: 1px solid rgb(221,221,221);
	background-color: white !important;
}

.table-yeah th .leg {
	text-align: center;
	width: 50%;
	display: inline-block;
	float: left;
	background-color: rgba(255,255,255,0.4);
	border-bottom: 1px solid rgb(221,221,221);
}

.green {
	color: #468847;
}

.blue {
	color: #3a87ad;
}

#sozial_bemerk, #methoden_bemerk, #sozial_la, #methoden_la {
	height: 100px;
}

.brick .panel {
	height: 278px;
}

.vergleiche img {
	margin: 2px;
	height: 40px;
}

.vergleiche tr td:nth-child(3) {
	background-color: #E5F6F9;
	border-right: 2px solid #fff;
}

.vergleiche tr td:nth-child(4) {
	background-color: #F6E4E5;
	border-right: 2px solid #fff;
}

/*.vergleiche tr td:last-child {
	border-left: 1px solid #ddd;
}*/

.checky {
	display: none;
}

.box {
	width: 50px;
		height: 50px !important;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 0;
		display: inline-block;
		overflow: hidden;
		border: none !important;
		background-position: center top;
}

.box.shaky {
	animation: horizontal-shaking 0.5s infinite;
}

@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(2px) }
 50% { transform: translateX(-2px) }
 75% { transform: translateX(2px) }
 100% { transform: translateX(0) }
}

.box.shaky.box-selected {
	border: 4px solid red !important;
}

.avatar {
	margin-top: 12px;
	width: 230px;
	height: 230px;
	border-radius: 0%;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 0;
		overflow: hidden;
		border: none !important;
		background-position: center top;
}

.popover {
	background-color: #fff;
		color: #000;
}

.popover-title {
	background-color: #e4e4e4;
	color: #000;
	border: none;
}

.popover.right>.arrow {
	border-right-color: #fff;
}

.popover.right>.arrow:after {
	border-right-color: #fff;
}

.popover.top>.arrow {
	border-top-color: #fff;
}

.popover.top>.arrow:after {
	border-top-color: #fff;
}

.popover.bottom>.arrow {
	border-bottom-color: #e4e4e4;
}

.popover.bottom>.arrow:after {
	border-bottom-color: #e4e4e4;
}

.edit-time {
	display: none;
}

.uebersicht-zielerreichung .panel .table td:first-child {
	width: 90%;
}

.uebersicht-zielerreichung .panel .table td:last-child {
	width: 10%;
}

.checkliste-fachbildung .panel .table td:first-child {
	width: 80%;
}

.checkliste-fachbildung .panel .table td:last-child {
	width: 20%;
}

.circleofdead {
	position: absolute;
	top: -10px;
	right: -6px;
	width: 200px;
	height: 200px;
}

.good {
	background-color: #DFF0D9;
	color: #798b71;
}

.nogood {
	background-color: #FDA486;
	font-size: 80px;
}

.panel-lvls {
	background-color: #F5F5F5;
}

.panel-lvls>.panel-heading {
	border: none;
}

.panel-lvl1 {
	border-color: #F7C12C;
}

.panel-lvl1>.panel-heading {
	color: #333333;
	background-color: #F7C12C;
	border-color: #F7C12C
}

.panel-lvl2 {
	border-color: #f99a26;
}

.panel-lvl2>.panel-heading {
	color: #333333;
	background-color: #f99a26;
	border-color: #f99a26
}

.panel-lvl3 {
	border-color: #ED432F;
}

.panel-lvl3>.panel-heading {
	color: #333333;
	background-color: #ED432F;
	border-color: #ED432F
}

.box:not(.checked) {
	opacity: 0.6;
}

.box.checked {
	border: 3px solid #3CBC9B !important;
	box-shadow: 0px 0px 5px #3CBC9B;
}

.zeitbedarf_total {
	border-left: 0px;
	border-right: 0px;
}

.breadcrumb {
	border-radius: 0;
}

footer {
	background: #F7F7F7 !important;
}

.img-circle.profile_img {
	padding: 2px !important;
}

@page {
	margin: 0;
	size: landscape
}

@media print {
	header, .breadcrumb, .btn, footer {
		display: none;
	}
	img {
		max-width: 500px;
	}
	body {
		font-size: 12px;
		line-height: 1.3;
		color: #000;
	}
	.container {
		width: 100%; margin: 0; float: none;
	}
	.container:before {
		content: "Kompetenzenübersicht";
		margin-bottom: 50px;
		font-size: 20px;
	}
	h2 {
		font-size: 16px;
		margin-top: 0 !important;
	}
	.glyphicon {
		font-size: 12px !important;
	}
	.page-break {
		page-break-before: always;
	}
	.table {
		border-collapse: separate;
	}
	.table tr td {
		padding: 0 !important;
	}
	.vergleiche tr td:nth-child(4), .vergleiche tr td:nth-child(3) {
		background-color: #E5F6F9 !important;
		border-right: 2px solid #fff !important;
	}
	.vergleiche tr td:nth-child(5), .vergleiche tr td:nth-child(6) {
		background-color: #F6E4E5 !important;
		border-right: 2px solid #fff !important;
	}
}

table.vergleiche tr.as_erledigt {
	opacity: 0.8;
}

table.vergleiche tr.as_erledigt.last {
	opacity: 1;
	border: 4px solid yellow !important;
}

.as_erledigt .modal {
	opacity: 1 !important;
}

.panel_toolbox {
	min-width: auto !important;
}

.x_panel.over {
	border: 2px dashed #000;
}

.top_search .input-group {
	margin-top: 3px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.dropdown-menu input {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
		height: 26px;
}

.dropdown-menu .btn-link:hover {
		text-decoration: none;
		background-color: #e8e8e8;
}

.clickable {
	cursor: pointer;
}

.profile_details {
	width: 24%;
	display: inline-block;
}

#ausbildungsplanung table td:last-child {
	width: 100px;
}

.form-control:focus {
	border: 1px solid #66afe9 !important;
	border-left: 3px solid #66afe9 !important;
	box-shadow: 0px 0px 1px #66afe9;
}

.verlauf-toll {
	background-color: rgba(0,255,0,0.1);
}

.verlauf-nichttoll {
	background-color: rgba(255,0,0,0.1);
}

.table>tbody>tr.primary>td,
.table>tbody>tr.primary>th,
.table>tbody>tr>td.primary,
.table>tbody>tr>th.primary,
.table>tfoot>tr.primary>td,
.table>tfoot>tr.primary>th,
.table>tfoot>tr>td.primary,
.table>tfoot>tr>th.primary,
.table>thead>tr.primary>td,
.table>thead>tr.primary>th,
.table>thead>tr>td.primary,
.table>thead>tr>th.primary {
	background-color: rgba(51, 122, 183, .5);
	color: #000;
}

.table>tbody>tr.default>td,
.table>tbody>tr.default>th,
.table>tbody>tr>td.default,
.table>tbody>tr>th.default,
.table>tfoot>tr.default>td,
.table>tfoot>tr.default>th,
.table>tfoot>tr>td.default,
.table>tfoot>tr>th.default,
.table>thead>tr.default>td,
.table>thead>tr.default>th,
.table>thead>tr>td.default,
.table>thead>tr>th.default {
	background-color: rgba(119, 119, 119, .5);
	color: #000;
}

.flex {
	width: 100%;
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	gap: 20px;
}

.flex-item-100 {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	width: calc(100% - 20px);
}

.flex-item-50 {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	width: calc(50% - 20px);
}

.flex-item-33 {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	width: calc(33.33% - 20px);
}

.flex-item-25 {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	width: calc(25% - 20px);
}

.flex-item-20 {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	width: calc(20% - 20px);
}

.flex-item-12 {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	width: calc(12.4% - 20px);
}

.select2-container {
	max-width: 100%;
	min-width: 100% !important;
	overflow: hidden;
}

.isshown {
	display: none;
}

.artderlehrstelle,
.efzeba,
.ursache_andere {
	display: none;
}
.artderlehrstelle.show,
.efzeba.show,
.ursache_andere.show {
	display:block;
}

#password-strength-indicator {
	height: 20px;
	background-color: #f1f1f1;
	margin-bottom: 10px;
	position: relative;
}

#password-strength-indicator .progress-bar {
	height: 100%;
	transition: width 0.3s ease;
}

#password-strength-indicator .weak {
	background-color: #ff4d4d;
}

#password-strength-indicator .medium {
	background-color: #ffc107;
}

#password-strength-indicator .strong {
	background-color: #28a745;
}