@CHARSET "UTF-8";

@import
	"https://www.gmh-gruppe-ausbildung.de/typo3conf/ext/ui_sitepackage/Resources/Public/assets/fonts/MyFontsWebfontsKit/MyFontsWebfontsKit.css"
	;

html {
	height: 100%;
}

body {
	width: 100%;
	font-family: FFClanWebBook, Arial, sans-serif;
	height: 100%;
	background-color: #fff;
	margin: 0;
}

@media screen and (min-width: 768px) {
	.form-row.row .col-md-2.first {
		padding-left: 10px;
	}
}

#wizardheader {
	background-image: none;
	height: 91.25px;
}

#wizardheader .container {
	width: calc(100% - 40px);
	max-width: 1200px;
	margin: 0px auto;
	padding: 20px;
	height: 69.25px;
	display: flex;
	flex-direction: row-reverse;
	box-sizing: content-box;
}

#wizardheader .logo {
	position: relative;
	float: right;
	width: 215px;
	height: 100%;
	max-height: 52.25px;
	margin-top: auto;
	margin-bottom: 0;
}

#wizardheader .logo img {
	width: auto;
	height: 100%;
}

body .x-viewport {
	width: 100%;
	max-width: 1260px;
	margin: 0px auto;
}

.x-viewport, .x-viewport body {
	
}

#centerscreen, #centerpanel, #regscreen {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1260px;
}

#loginpanel .panelformbase, #regformpanel .panelformbase {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

/* Styling der Angebotestabelle */
div.bnavioffers {
	max-width: 1260px;
	padding-left: 20px;
	padding-right: 20px;
}

div.bnavioffers h1 {
	font-size: 21px;
	font-family: FFClanWebBold;
	font-weight: 400;
	margin-bottom: 0;
}

div.bnaviofferhead {
	font-weight: 400;
	font-family: FFClanWebBold;
	font-size: 13px;
	padding-top: 12px;
}

div.bnaviofferrow {
	border-bottom: 1px solid #9F9F9F;
	padding-bottom: 6px;
	padding-top: 6px;
}

div.bnavioffercell {
	float: left;
}

/* Styling der Bewerbungstabelle */
div.bnavi-applications {
	max-width: 1260px;
	padding-left: 20px;
	padding-right: 20px;
}

div.bnavi-applications h1 {
	font-size: 21px;
	font-family: FFClanWebBold;
	font-weight: 400;
	margin-bottom: 0;
}

div.bnavi-applications div.bnavi-overview-main h1 {
	font-family: FFClanWebBook, Arial, sans-serif;
}

div.bnavi-application-head {
	float: left;
	font-weight: 400;
	font-family: FFClanWebBold;
	font-size: 13px;
}

div.bnavi-application-row {
	border-bottom: 1px solid #9F9F9F;
	float: left;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 100%;
}

div.bnavi-application-cell {
	float: left;
}

div.bnavi-overview-name {
	font-weight: 400;
	font-family: FFClanWebBold;
}

div.bnavi-application-header, div.bnavi-application-row {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 576px) {
	div.col-sm-2.btn-logout, div.col-sm-12.btn-logout{
		text-align: right;
	}
}

div.bnavi-application-links {
    padding: 15px;
    margin-bottom: 10px;
}

div.bnavi-application-links p.description {
    margin-bottom: 0;
}

/* END Stylings Bewerbungsübersicht*/

.bnw-up-text {
	height: 3em;
	padding-top: 1.2em;
}

.bnw-up-icon {
	padding-right: 0;
}

#application {
	font-size: 13px;
	background-color: #fff;
}

.checkbox-lable-inline {
	display: inline;
	margin-left: 5px;
}

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

.popover {
	border-color: #dc3545;
}

.popover-body {
	color: #dc3545;
}

.form-group.required .control-label::after {
	content: " *";
	font-size: 15px;
}

/* Button Input Checkbox Farben */
.btn-outline-danger {
	color: #E10000;
	border-color: #E10000;
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #E10000;
	border-color: #E10000;
}

/* Button Input Checkbox Farben */
.btn-outline-primary {
	color: #E10000;
	border-color: #E10000;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #E10000;
	border-color: #E10000;
}

.custom-control-input:focus ~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .5);
}

.custom-control-input:checked ~.custom-control-label::before {
	color: #fff;
	border-color: #e10000;
	background-color: #e10000;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #e10000;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .5);
}

.custom-file-input:focus ~.custom-file-label {
	border-color: #e10000;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .5);
}

.custom-control-input:not (:disabled ):active ~.custom-control-label::before
	{
	color: #fff;
	background-color: rgba(220, 53, 69, .5);
	border-color: #e10000;
}

.was-validated a {
	color: #131413;
	text-decoration: none;
	cursor: pointer;
}

.was-validated a:hover {
	color: #E10000;
	text-decoration: none;
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #E10000;
}

a:hover {
	color: #131413;
	text-decoration: none;
}

.bnaviinitiative {
	float: left;
	padding: 6px 30px;
}

/* mobile device styling */
@media ( max-width : 1259px) {
	#wizardheader {
		height: 75px;
	}
	#wizardheader .container {
		height: 35px;
		display: flex;
		flex-direction: row;
	}
	.bnavi-overview-infotext {
		padding-top: 6px;
	}
}

@media ( min-width : 800px) {
	div.bnavioffers h1 {
		font-size: 28px;
	}
	div.bnaviofferhead {
		padding-top: 18px;
	}
	div.bnavioffers {
		padding-left: 30px;
		padding-right: 30px;
	}
	#wizardheader .container {
		padding-left: 30px;
		padding-right: 30px;
	}
	div.bnavi-overview h1 {
		font-size: 28px;
	}
	div.bnavi-application-head {
		padding-top: 18px;
	}
	div.bnavi-applications {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media ( min-width : 1024px) {
	div.bnavioffers h1 {
		font-size: 30px;
	}
	div.bnaviofferhead {
		padding-top: 20.1px;
	}
	div.bnavi-applications h1 {
		font-size: 30px;
	}
	div.bnavi-application-head {
		padding-top: 20.1px;
	}
}

@media ( min-width : 1260px) {
	#wizardheader .container {
		padding: 0 30px 22px 30px;
	}
}