/**
*	GENERAL STYLES
*/


/**
*	MOBILE
*/

.modWrap{
	width: 100%;
	box-sizing: border-box;
}
.modWrap h1{
	margin-bottom: 15px;
}
.noDisplayMobile{
	display: none;
}
/* clear */
.formBreak:after,
.submitWrap:after,
.palm:after,
.filterFormCol:after{
	display: block;
	content: '';
	clear: both;
}
.clear{
	clear: both;
}

/* Formfields */
.formBreak{
	margin: 0 0 8px 0;
	position: relative;
}

.formBreak label{
	width: 100%;
	display: block;
	line-height: 19px;
	padding: 8px 0;
}
.formBreak input[type="text"],
.formBreak input[type="password"],
.formBreak select,
.formBreak textarea{
	width: 100%;
	display: block;
	border: 1px solid #ccc;
	padding: 3px 6px;
	height: 35px;
	box-sizing: border-box;
	font-size: 14px;
	border-radius: 0;

}
.formBreak textarea{
	resize: vertical;
	min-height: 60px;
}
.relXuserEmail{
	line-height: 35px;
}

/* Buttons */

/*#wrapper .mp_btn{
    border-radius: 0;
    background: none;
    color: #333;
    font-weight: 600;
    border: none;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    cursor: pointer;
    box-sizing: border-box;
	-webkit-transition:all 350ms ease;
	-moz-transition:all 350ms ease;
	-ms-transition:all 350ms ease;
	-o-transition:all 350ms ease;
	transition:all 350ms ease;
	text-align: center;
	border-radius: 0;
}
#wrapper button.mp_btn{
	padding: 0 10px;
}
#wrapper .mp_btnSuccess{
    color: #000;
    background: #e42c2a;
    border: 1px solid #e42c2a;
    font-weight: 100;
    color: #fff;
}
#wrapper .mp_btnSuccess:hover{
	background-color: #ce1f1d;
	border-color: #ce1f1d;
	color: #fff;
}*/
#wrapper .mp_btnOutline{
	color: #333;
	border: 1px solid #333;
}
#wrapper .mp_btnOutline:hover{
	background-color: #ce1f1d;
	border-color: #ce1f1d;
	color: #fff;
}
#wrapper .mp_btnFull{
	width: 100%;
    text-align: center;
    display: block;
}
#wrapper .mp_btnSuccess.noPermission{
	background: #ccc;
	border-color: #aaa;
	color: #333;
}
#wrapper .productPrice {
	width: 100px;
	text-align: right;
	display: inline-block;
}

/**
*	Boatlist
*/
.productImage .image{
	height: 120px;
    background: #fff;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
 .turnInfoWrap{
	padding: 2px 0;
	border-bottom: 2px solid #f5f5f5;
	margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
}
.turnInfoWrap br{
	display: none;
}
.turnLink a{
	float: right;
}
.turnLink{
	margin-top: 0;
}
.turnInfoWrap .turnListSkipper .textField{
	padding-left: 12px;
	position: relative;
}
.turnInfoWrap .turnListSkipper .textField:before{
	content: '';
	height: 5px;
	width: 5px;
	background-color: #ababab;
	position: absolute;
	left: 0;
	border-radius: 50%;
	top: 10px;
}


/**
*	PROFIL
*/
.submitWrap{
	margin-top: 15px;
}
/* Nav */
#profileNav{
	border-top: 1px solid #ccc;
	padding: 30px 0 0 0;
	margin-top: 30px;
}
#profileNav a{
	color: #322f31;
	font-size: 12px;
}
#profileNav a:before,
#profileNav a:after{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#profileNav .prev{
	float: left;
	position: relative;
}
#profileNav .prev:before{
	content: "\f0d9";
	color: #01a1e0;
	margin-right: 4px;
}

#profileNav .next{
	float: right;
	position: relative;
}
#profileNav .next:after{
	content: "\f0da";
	color: #01a1e0;
	margin-left: 4px;
}

/* address */
.switchAddressType{
	margin-bottom: 15px;
}

/* userProfile */
#profileWrap .formBreak{
	margin-bottom: 20px;
}
#userProfileForm label{
	/* padding-left: 6px;*/
}
.profileImage{
	/*height: 35px;
	width: 35px;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	background-color: #fff;*/
	
}
#header #basketLinkWrap{
	display: none;
}
#imageContainer{
	float: left;
}
#f_personImage_img,
#user_document{
	position: absolute;
	left: -20000px;
}
#documentPreview{
	float: left;
}
#profileWrap .selectImage{
	box-sizing: border-box;
	float: right;
}
#profileWrap .selectImage .fa{
	margin-right: 10px;
}
.deleteProfileImage{
	float: left;
    line-height: 35px;
    padding-left: 15px;
    cursor: pointer;
    color: #818284;
}
#palmaresContainer{
}
#palmaresContainer .palm div{
	float: left;
	padding-right: 10px;
	box-sizing: border-box;
}
#addPalmares{
	float: left;
	margin-left: 15px;
	cursor: pointer;
	line-height: 35px;
}
#palmaresContainer .palm div.date{
	width: 15%;
}
#palmaresContainer .palm div.text{
	width: 80%;
}
#palmaresContainer .palm div.delete{
	width: 5%;
}
.delete{
	cursor: pointer;
	color: #818284;
}
#turnProducts .turnInfoWrap .column{
	width: 100%;
}
/*#turnProducts .turnInfoWrap .row{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr;
}*/
/* user interests */
.interestsSection{
	margin-top:10px;
	margin-bottom:45px;
}
.turnLinkWrap{
	padding-top: 8px;
	width: 100%;
}
/* documents */
#document_type{
	float: none;
	width: 100%;
}
.modWrap .selectFile{
	float: none;
	width: 100%;
}
.modWrap .selectFile .fa{
	margin-right: 10px;
}
.uploadTitle{
	line-height: 35px;
	margin-top: 15px;
}
.uploadTitle label{
	float: none;
	width: 100%;
}
.docTitle{
	margin-bottom: 6px;
}

/* self Assesment */
.skillTableTitleRow{
	margin-top:20px;
	margin-bottom:10px;
}
.skillTableRow{
	margin-bottom: 15px;
}

/* notifications */
.notificationSection{
	border: 1px solid #818284;
	margin-bottom: 35px;
}
#notificationsForm label{
	width: auto;
	line-height: 18px;
}
#notificationsForm .formBreak.notificationTitle{
	padding: 8px 10px;
	background: #818284;
	color: #fff;
}
#notificationsForm .formBreak.notificationSubtitle{
	padding: 8px 10px;
}
#notificationsForm .formBreak{
	padding: 0 10px;
	margin-bottom: 4px;
}

/**
*	FILTER
*/
#filterWrap{
	background: #eee;
	padding: 45px 0;
}
#filterFormWrap{
	/*margin-bottom: 20px;*/
}
#filterFormWrap{
	width: 100%;
}
.filterFormRow:after{
	display: block;
	content:'';
	clear:both;
}
.filterFormRow{
	margin: 0 -5px;
}
.filterFormCol{
	width: 100%;
	padding: 0 5px;
	float: left;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 5px;
}
.filterButtonRow{
	margin: 0 -5px;
}
.filterBtnCol{
	width: 50%;
	float: left;
	padding: 0 5px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
#filterForm_from .filterFormInputWrap,
#filterForm_to .filterFormInputWrap{
	width: 60%;
	float: left;
	position: relative;
}
#filterFormInput_timeFrom.filterFormInputWrap,
#filterFormInput_timeTo.filterFormInputWrap{
	width: 40%
}
#filterFormInput_dateFrom:after,
#filterFormInput_dateTo:after{
	content: '';
    height: 20px;
    width: 1px;
    display: block;
    background: #bbb;
    position: absolute;
    right: 0;
    top: 7px;
}
.filterFormCol .filterFormInputWrap input,
.filterFormCol .filterFormInputWrap select{
	width: 100%;
	border:none;
	padding: 5px 10px 5px 40px;
	border-radius: 0;
	height: 35px;
	box-sizing: border-box;
	outline: none;
}
/*Turnlistfilter*/
#ngFilter{
	margin: 25px 0;
	/*padding: 15px;*/
	/*background: #575756;*/
}
#ngFilter select, #ngFilter input{
	height: 35px;
	padding: 0 15px;
	border:none;
	background: #f5f5f5;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 5px;
	color: #000;font-family: 'Muli', sans-serif;
	font-size: 14px;
	line-height: 35px;
}
.turnListFilterTitle{
}
.showAllTurns{
	margin-bottom: 10px;
	display: inline-block;
	color: #e42c2a;
	cursor: pointer;
}
#ngFilter .filtered,
#ngFilter .filteredCol.filterSelect .select2-selection.select2-selection--single{
	background: #a5b3c4;
}
#ngFilter .filterSelect .select2-selection.select2-selection--single{
	height: 35px;
    padding: 0 15px;
    border: none;
    background: #f5f5f5;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px;
    color: #000;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    line-height: 35px;
}
#ngFilter .filterSelect .select2-container--default .select2-selection--single .select2-selection__rendered{
	height: 35px;
	line-height: 35px;
}
#ngFilter .filterSelect .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 35px;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}


/*TurnList*/
.listHeader{
	border-bottom: 2px solid #aaa;
	padding: 5px 0;
	font-weight: bold;
	margin-bottom: 10px;
	display: none;
}

/*Detail*/
#turnDetail{
	/*display: grid;
	grid-template-rows: auto auto auto;
	grid-gap: 15px;*/
}
.docDate{
	font-size: 13px;
	font-weight: bold;
}
.radarPraxisDetailText{
	font-size: 12px;
}
#radarPraxisDetail{
	position: absolute;
	right: 2px;
	top: 20px;
	line-height: 25px;
}
#radarPraxisDetail img{
	vertical-align: middle;
	margin-right: 5px;
}
#turnProducts, #turnDetail{
	padding-bottom: 25px;
}
.turnBasicInfo{
	position: relative;
}
.turnDescription{
	padding-bottom: 25px;
}
.cardTitle{
	position: relative;
}
.turnCardTitle{
	position: relative;
	font-weight: bold;
	margin-bottom: 10px;
}
.turnCardTitle span{
	font-weight: normal;
}
#turnDetail .turnCard{
	background: #f5f5f5;
	padding: 20px;
	/*width: 100%;*/
	height: auto;
	flex-grow: 1;
	box-sizing: border-box;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
}
#turnDetail .crewProfileImg{
	height: 30px;
    width: 30px;
    line-height: 30px;
    float: left;
    background: #fff;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
    background-size: cover;
}
#turnDetail .turnDetailAttrSpacer{
/*	padding-bottom:40px;*/
}
#wrapper .formButtons{
	display: flex;
	justify-content: space-between;
}
#detailWrap .formButtons .mp_btn{
}
.crewMember{
	margin-bottom: 6px;
	display: grid;
	grid-template-columns: 1fr 60px 65px;
}
.IE .crewMember{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.crewEditBtns{
	align-self: end;
	position: relative;
}
.editOpenTrigger:hover > .editOpenTarget{
	display: block;
}
.editOpenTarget {
	display: none;
    position: absolute;
    width: 300px;
    left: -210px;
    transform: translateY(50%);
    bottom: 80px;
    height: 80px;
    margin-top: -50px;
    box-sizing: border-box;
    padding-right: 15px;
    background: none;
}
.editOpenTarget .editWrap{
	background: #e42c2a;
	border-radius: 4px;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,.4);
    padding: 15px;
    position: relative;
}
.editOpenTarget .editWrap:after{
	content: '';
    position: absolute;
    bottom: -7px;
    height: 15px;
    width: 15px;
    right: 51px;
    background: #e42c2a;
    transform: rotate(45deg);
    box-shadow: 2px 0px 4px -2px rgba(0,0,0,.4);
}
@media (min-width:768px) {
.editOpenTarget {
	display: none;
    position: absolute;
    width: 300px;
	left: -300px;
    transform: translateY(50%); 
    top: -50%;
    height: 80px;
    margin-top: -50px;
    box-sizing: border-box;
    padding-right: 15px;
    background: none;
}
.editOpenTarget .editWrap:after{
	content:'';
	position: absolute;
	top: 30px;
	height: 15px;
	width: 15px;
	right: -7px;
	background: #e42c2a;
	transform: rotate(45deg);
	box-shadow:2px 0px 4px -2px rgba(0,0,0,.4);
}
}
#turnDetail .editOpenTarget a{
	color: #fff;
	text-align: left;
	display: block;
}
#turnDetail .crewEditBtns .mp_btn{
	padding: 0;
	width: 30px;
	text-align: center;
}
#turnDetail .turnCard .turnCardLabel{
	font-weight: 600;
}
#turnDetail .turnCard .turnCardValue{
	font-weight: 100;
}
.turnCardValue ul li{
	padding-left: 16px;
	position: relative;
}
.turnCardValue ul li:before{
	content: '';
    height: 4px;
    width: 4px;
    position: absolute;
    left: 2px;
    border-radius: 50%;
    top: 11px;
    background: #404040;
}
.skipperLink{
	display: block;
	height: 40px;
	padding-bottom: 6px;
}
.skipperLink img{
	border-radius: 50%;
    border: 1px solid #969696;
    height: 40px;
    width: 40px;
    float: right;
    margin: -10px 0 2px 0;
}
#turnProducts .listElement{
	display: none;
}
.turnGalWrap{
	
	
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
	justify-content: stretch; 
	grid-gap: 15px;
}
/*.turnGalImage{
	background: #aaa;
	height: 0;
	padding-top: 75%;
}*/
.profileGalImg{
	background: #aaa;
	height: 0;
	padding-top: 75%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.fancybox-image,
.fancybox-wrap,
.fancybox-inner{
/*	max-width: 75vw !important;*/
	height: auto !important;
}
.IE .turnGalWrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.IE .turnGalImage{
	margin-bottom: 8px;
	width: 18%;
	padding-top: 14%;
}
#detailWrap{
	margin-bottom: 35px;
}

#detailWrap #filterFormWrap{
	width: 100%;
}
#detailWrap .filterFormCol{
	width: 100%;
}
#detailWrap #filterWrap{
	background: none;
	padding: 0;
}
.filterTopSection{
	padding: 10px;
	background: #e6e6e6;
}
.filterInputRow{
	padding: 10px;
	background: #e6e6e6;
}
.filterFormCol input,
.filterFormCol select{
	height: 35px;
	padding-left: 40px;
	border:none;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 8px 5px;
	color: #999;
}
#detailWrap .filterFormCol input{
	background-size: 32px 32px;
	background-position: 5px 5px;

	height: 45px;
}
#filterFormInput_dateFrom input{
	border-radius: 0 0 0 0;
	background-image: url(images/icon_datepicker.png);
}
#filterFormInput_timeFrom input{
	background-image: url(images/icon_timepicker.png);
	border-radius: 0px 0 0 0;
}
#filterFormInput_dateTo input{
	background-image: url(images/icon_datepicker.png);
	border-radius: 0 0 0 0;
}
#filterFormInput_timeTo input{
	background-image: url(images/icon_timepicker.png);
	border-radius: 0 0 0 0;
}
#locations{
	background-image: url(images/icon_location.png);
}

#detailWrap .filterButtonCol{
	clear: both;
	padding: 15px 5px;
	width: 100%;
	box-sizing: border-box;
}
#wrapper #filterFormSubmit{
	width: 100%;
	box-sizing: border-box;
	/*display: inline-block;
	border:1px solid #01a1e0;
	padding: 0 10px;
	border-radius: 3px;
	box-sizing: border-box;
	background: #01a1e0;
	color:#fff;
	line-height: 33px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;*/
}
#checkBoxWrap{
	cursor: pointer;
}
#checkBoxWrap .checkBox{
	height: 15px;
	width: 15px;
	/*border: 1px solid #e42c2a;*/
	display: inline-block;
	cursor: pointer;
}
#checkBoxWrap .filterText{
	display: inline-block;
}
#checkBoxWrap.checked .checkBox{
	/*background: #e42c2a;*/
}
#checkBoxWrap .checkBox:after{
	content: "\f096";
	height: 15px;
	width: 15px;
	font-family: "Font Awesome 6 Pro";
}
#checkBoxWrap.checked .checkBox:after{
	content: "\f046";
}
#filterForm_submit{
	position: relative;
}
.submitBlocker{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 50;
}
#clearFilter{
	display: inline-block;
	box-sizing: border-box;
    padding: 0px;
    border-radius: 0;
    background: none;
    border: 1px solid transparent;
    line-height: 33px;
    color: #01a1e0;
    font-size: 14px;
    width: 100%;
}
#backToListLink{
	margin-bottom: 15px;
}
#clearFilter .fa{
	transform: translateY(-2px;);
}

.select2-container--default .select2-selection--single{
	border:none;
	border-radius: 0;
	height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 35px;
	padding-left: 48px;
	/*background-image: url(images/icon_location.png);*/
	background-size: 35px 35px;
	background-position: 5px 0px;
	background-repeat: no-repeat;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 35px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background:#01A1E0;
}
.select2-search__field{
	outline:none;
}
.select2-dropdown{
	border:none;
	box-shadow: 0px 2px 6px -3px rgba(0,0,0,.8);
	border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #999;
}
.gm-style-iw div{
	overflow-y: hidden !important;
}

/*reservationdetail popup*/
.message.reservationDetail{
	position: absolute;
	top: -220px;
    width: 100%;
    box-sizing: border-box;
    /*height: 190px;*/
    background: #fff;
    border: 1px solid #eee;
    color: #333;
    box-shadow: 0 4px 20px -4px rgba(0,0,0,.6);
    z-index: 999;
    font-size: 12px;
}
.message.reservationDetail .close{
	background: rgba(0,0,0,.1);
}
.orderPortrait{
	background-position: center;
	background-size: cover;
	height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #01a1e0;
}

/*Basket*/
.basketImage{
	height: 100px;
	background-color: #eee;
}
.productBasketForm .basketItem > .row{
	display: flex;
	flex-wrap: wrap;
}
.productBasketForm .basketItem .image{
	height: 100%;
	min-height: 120px;
	/*background-color: #fff;*/
}
.boatImage{
	margin-bottom: 10px;
}

.basketItem{
	/*border-top: 1px solid #dcddde;*/
	padding: 15px 0;
}
.basketItem:first-child{
	border:none;
}
.removeItemFromBasket{
	position: absolute;
	top: 30px;
	right: 20px;
	background-color: #dcddde;
	border-radius: 50%;
	box-sizing: border-box;
	line-height: 30px;
	text-align: center;
	height: 30px;
	width: 30px;
	cursor: pointer;
	-webkit-transition:all 350ms ease;
	-moz-transition:all 350ms ease;
	-ms-transition:all 350ms ease;
	-o-transition:all 350ms ease;
	transition:all 350ms ease;
}
.removeItemFromBasket:hover{
	box-shadow: 0px 0px 3px 0 rgba(0,0,0,.3);
	background-color: #e42c2a;
	color: #fff;
}
.orderProcessNav{
	border-top: 1px solid #dcddde;
    padding-top: 30px;
    margin-top: 30px;
}
.orderProcessNav a{
	margin-bottom: 10px;
}
.orderProcessNav:after{
	content:'';
	display: block;
	clear: both;
}
.orderTopNav{
	/*margin-top: 0;*/
	padding-top: 54px;
	/*border-top: none;
	border-bottom: 1px solid #dcddde;*/
	/*padding-bottom: 20px;
	margin-bottom: 20px;*/
}
#suggestWrap{
	margin-top: 25px;
}
.checkoutSummary{
	margin-top: 25px;
	border-top: 1px solid #dcddde;
	padding: 30px 0 0px 0;
}
.checkoutSummary:after{
	display: block;
	content:'';
	clear: both;
}
.checkoutSummary table{
	float: right;
}
.basketElementSave:after{
	margin-left: 10px;
}

/* Profil Viewer*/
.profileViewerCol{
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}
.profileViewerImage{
	width: 50px;
}
.img{
	margin-right: 10px;
	height: 50px;
	width: 50px;
	background-size:cover;
	background-position: center center;
	border-radius: 50%; 
}
.profileViewerListRow{
	/*margin-bottom: 5px;*/
}
#wrapper .profileViewerListRow a{
	color: #000;
	display: block;
}
.profileViewerFirstName{
	/*padding-right: 15px;*/
}
.profileDetailBody{
	padding-top: 15px;
}
.prfileDetailTitle{
	padding-top: 10px;
}
.backLink{
	position: absolute;
    right: 0;
    top: 0;
}
/*Profil: Nutzungen (uses)*/

#usesesWrap .dateTable{
	margin: 15px 0;
}
#usesesWrap .usesBtn a{
	display: block;
	border: 1px solid #e42c2a;
	border-radius: 0;
	color: #000;
	padding: 4px 0;
	text-align: center;
	margin-bottom: 5px;
	cursor: pointer;
}
.usesBtnWrap{
	padding-top: 10px;
	position: relative;
}
#wrapper #usesesWrap .usesBtn a:hover{
	background-color: #e42c2a;
	color: #fff;
}
#usesesWrap hr{
	margin:30px 0;
	border:none;
	border-top: 1px solid #dcddde;
	height: 1px;
}
.usesHead{
	min-height: 100px;
}
.uses > .row{
	display: flex;
	flex-wrap: wrap;
}
.uses .resElement{
	margin-bottom: 10px;
}
.uses .usesElement{
	padding: 10px;
	background: #ddd;
	height: 100%;
}
.uses ._dateTable td{
	vertical-align: top;
}

#calendarWrap{
	/*max-width: 320px;*/
}

/*memberListWrap*/
.memberListElement{
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.memberListElement .column{
	padding-bottom: 25px;
}
.memberTextWrap{
	padding-right: 0px;
}

/*Privacy Settings*/
.ps_name{
	position: relative;
}
.ps_name .checkSwitch{
	position: absolute;
	right: 0;
	/*opacity: 0;*/
	cursor:pointer;
	color: #3478d5;
	font-size: 23px;
}
.ps_name:hover .checkSwitch{
	opacity: 1;
}
.hideCol{
	display: none;
}
.featureSwitcher{
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}
.ps_titleRow{
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	font-weight: 600;
}
#allowAllPermissions{
	float: left;
	cursor: pointer;
}
#denyAllPermissions{
	float: right;
	cursor: pointer;
}
/*turnList*/
/*@media(max-width: 992px) {
	.turnAttributes .column{
	width: 50%;
	flex: 50%;
}
}*/
/*.turnAttributes > .row{
	display: block;
}
#turnWrap .column.turnListName{
	width: 100%;
}
#turnWrap .column.turnListCrew{
	width: 100%;
}
#turnWrap .column.turnListDate{
	width: 100%;
}
#turnWrap .column.turnListLocation{
	width: 100%;
}
#turnWrap .column.turnListType{
	width: 100%;
}
#turnWrap .column.turnListPrice{
	width: 100%;
}
#turnWrap .column.turnListSkipper{
	width: 100%;
}
#turnWrap .column.turnListRadar{
	width: 100%;
}
#turnWrap .column.turnListButton{
	width: 100%;
}
#turnWrap .column.turnListLang{
	width: 100%;
}*/
#turnWrap .onlyMobile{
	font-weight: bold;
}
#turnWrap .textField{
	/*min-height: 22px;*/
}
#turnWrap .textField a{
	display: block;
	min-height: 24px;
}
.memberSearchRow{
	border-bottom: 1px solid #fff;
	padding: 5px 0;
}
/** EXAM */
#ExamProducts{
	padding-top: 10px;
}

#examProducts #productsLoaded{
	width:100%;
}
.confirmOpenTarget{
	display: none;
	position: absolute;
    width: 100%;
    bottom: 45px;
    box-sizing: border-box;
    background: none;
}
.confirmOpenTarget .editWrap{
	background: #e42c2a;
    border-radius: 4px;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,.4);
    padding: 15px;
    position: relative;
    color: #fff;
}
.confirmOpenTarget .editWrap small{
	line-height: 18px;
	font-size: 14px;
	display: block;
}
.confirmOpenTarget .editWrap:after{
	content: '';
    position: absolute;
    bottom: -7px;
    height: 15px;
    width: 15px;
    left: 150px;
    background: #e42c2a;
    transform: rotate(45deg);
    box-shadow: 2px 0px 4px -2px rgba(0,0,0,.4);
}
.statusInfo{
	float: right;
    color: #e42c2a;
    cursor: pointer;
}
#wrapper .confirmOpenTarget .mp_btnSuccess{
	background: #fff;
	color: #e42c2a;
	font-weight: bold;
}
#wrapper .confirmOpenTarget .mp_btnOutline{
	border-color: #fff;
	color: #fff;
}
/* exam examinfoicon */
.examLink .fa{
	float: right;
    line-height: 30px;
}
/**
*	TABLET PORTRAIT
*/
@media (min-width: 768px) {
#calendarWrap{
	/*max-width: 740px;*/
}
#turnProducts .turnInfoWrap .column{
	width: 100%;
}
/*#turnProducts .turnInfoWrap .row{
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
}*/
.turnCardRow{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#turnDetail .turnCard .turnCardLabel{
/*	float: left;*/
	width: 30%;
}
#turnDetail .turnCard .turnCardValue{
/*	float: left;*/
	width: 70%;
}
#turnDetail input[type="text"]{
	width: 100%;
    box-sizing: border-box;
    padding: 0 5px;
    border: none;
    background: rgba(255,255,255,.8);
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}
/*memberListWrap*/
.memberListElement{
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.memberListElement .column{
	padding-bottom: 0;
}
.memberTextWrap{
	padding-right: 20px;
}
/*reservationdetail popup*/
.message.reservationDetail{
	top: -190px;
    height: 170px;
    font-size: 14px;
}
.orderPortrait{
	height: 80px;
    width: 80px;
}
.orderDate{
	margin-bottom: 6px;
}
.turnGalWrap{
	grid-template-columns: repeat(5, 1fr);
}
}
.documentWrap ul ul{
	padding-left: 15px;
}
.documentWrap li{
	position: relative;
	padding-bottom: 5px;
	line-height: 30px;
}
#wrapper .documentWrap a{
	color: #000;
}
#wrapper .turnDocumentsDownload a{
	font-weight: bold;
}
/**
*	TABLET LANDSCAPE
*/
@media (min-width: 992px) {
.noDisplayMobile{
	display: flex;
}
.onlyDisplayMobile{
	display: none;
}
.titleRow{
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #aaa;
}
#turnDetail{
	/*display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr;
	-ms-grid-columns: 1fr 15px 1fr;
	grid-template-rows: auto auto auto auto;
	-ms-grid-rows: auto 15px auto 15px auto;
	grid-gap: 15px;
	align-items: stretch;*/
}

.turnBasicInfo{
	-ms-grid-column:1;
	-ms-grid-row:1;
	grid-row-start: 1;
	grid-row-end: 2;
	grid-column-start: 1;
	grid-column-end: 2;
}
.turnMedia{
	grid-row-start: 2;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2;
	-ms-grid-row:3;
	-ms-grid-row-span:2;
}
.turnDocumentsDownload{
	grid-row-start: 3;
	grid-row-end: 4;
	grid-column-start: 1;
	grid-column-end: 2;
	-ms-grid-row:5;
	-ms-grid-row-span:2;
}
.turnDocuments{
	grid-row-start: 4;
	grid-row-end: 5;
	grid-column-start: 1;
	grid-column-end: 2;
	-ms-grid-row:7;
	-ms-grid-row-span:2;
}
.turnAdditionalInfo{
	grid-row-start: 1;
	grid-row-end: 5;
	grid-column-start: 2;
	grid-column-end: 3;
	-ms-grid-column:3;
	-ms-grid-row-span:8;
}
.boatImage .image{
	height: 120px;
    background-color: transparent;
    background-position: center;
    /*background-size: cover;*/
    background-repeat: no-repeat;
}
/* Formfields */
.formBreak{
	margin: 0 0 8px 0;
	position: relative;
}
.formBreak:after{
	display: block;
	content: '';
	clear: both;
}
.formBreak label{
	width: 25%;
	float: left;
}
.formBreak input[type="text"],
.formBreak input[type="password"],
.formBreak select,
.formBreak textarea{
	width: 75%;
	float: left;
	border: 1px solid #ccc;
	padding: 3px 6px;
	height: 35px;
	box-sizing: border-box;
}
.inputWrap{
	width: 75%;
	float: left;
	padding-top: 8px;
}
/*LIST*/
 .turnInfoWrap{
	margin-bottom: 4px;
    padding-bottom: 4px;
}

/*Detail*/
#turnDetail .row{
	display: flex;
}
#turnDetail .column{
	float: none;
	display: flex;
	flex-direction: column;
}
.turnRoutes #turnInfo .turnCardRow input{
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	border: 1px solid #ccc;
}
#turnInfo .turnCardRow{
	margin-bottom: 10px;
}




/*  Button */
#wrapper .mp_btn{
	width: auto;
}
#wrapper .mp_btnRight{
	float: right;

}
#wrapper .loginBtn{
	width: 180px;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

/**
*	FILTER
*/
.filterFormCol{
	width: 27%;
	margin-bottom: 0;
}
#filterForm_submit{
	width: 19%;
}
.filterBtnCol{
	width: 100%;
}

/*order process*/
.orderProcessNav a{
	margin-left: 10px;
	margin-bottom: 0;
}
.agb a{
	margin-left: 0;
}

/*memberListWrap*/
.memberListElement{
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.memberTextWrap{
	padding-right: 50px;
}

.turnAttributes .column{
	width: 50%;
}
.listHeader > .row, .turnAttributes > .row{
	display: flex;
	flex-wrap: wrap;
/*	margin: 0;*/
}
/*turnList*/
.turnAttributes .column{
	width: 50%;
}
/*.turnAttributes > .row{
	display: block;
}*/
/*#turnWrap .column.turnListName{
	width: 50%;
}
#turnWrap .column.turnListCrew{
	width: 50%;
}
#turnWrap .column.turnListDate{
	width: 50%;
}
#turnWrap .column.turnListLocation{
	width: 50%;
}
#turnWrap .column.turnListType{
	width: 50%;
}
#turnWrap .column.turnListPrice{
	width: 50%;
}
#turnWrap .column.turnListSkipper{
	width: 50%;
}
#turnWrap .column.turnListRadar{
	width: 50%;
}
#turnWrap .column.turnListButton{
	width: 100%;
}
#turnWrap .column.turnListLang{
	width: 50%;
}*/

	
}

/**
*	NOTEBOOK
*/
@media (min-width: 1200px) {
.listHeader{
	display: block;
}
#calendarWrap{
	max-width: 680px;
}
.changeReservation #calendarWrap{
	max-width: 745px;
}
/* filter*/
.filterFormCol{
	width: 25%;
	margin-bottom: 0;
}
#filterForm_submit{
	width: 25%;
}
.filterBtnCol{
	width: 50%;
}
.turnAttributes .column{
	/*width: 100%;*/
}
.onlyMobile{
	display: none;
}
.preisfeld{
	text-align: right;
}

/*turnList*/
.turnAttributes .column{
	width: 100%;
}
/*.turnAttributes > .row{
	display: block;
}*/


#turnWrap .column.turnListPrice{
    text-align: right;
}

#turnWrap .column.turnListName{
	width: 115px;
	max-width: 115px;
	flex:auto;
}
#turnWrap .column.turnListCrew{
	width: 115px;
	max-width: 115px;
	flex:auto;
}
#turnWrap .column.turnListDate{
	width: 100px;
	max-width: 100px;
	flex:auto;
}
#turnWrap .column.turnListLocation{
	width: 120px;
	max-width: 120px;
	flex:auto;
}
#turnWrap .column.turnListType{
	width: 120px;
	max-width: 120px;
	flex:auto;
}
#turnWrap .column.turnListPrice{
	width: 80px;
	max-width: 80px;
	flex:auto;
}
#turnWrap .column.turnListSkipper{
	width: 180px;
	max-width: 180px;
	flex:auto;
}
#turnWrap .column.turnListRadar{
	width: 25px;
	max-width: 25px;
	flex:auto;
}
#turnWrap .column.turnListButton{
	width: 80px;
	max-width: 100px;
	flex:auto;
}
#turnWrap .column.turnListLang{
	width: 75px;
	max-width: 75px;
	flex:auto;
}
.radarPraxisWrap{
	padding:0;
}


}

/**
*	DESKTOP
*/
@media (min-width: 1500px) {
	
}




.mp_msg{
	border: 1px solid #ddd;
    padding: 8px 14px;
}
.mp_msgFail{
	border-color: rgba(204,0,0,.4);
    background-color: rgba(204,0,0,.1);
    color: rgba(204,0,0,.8);
}
.mp_msgSuccess{
	border-color: rgba(85,178,87,.6);
    background-color: rgba(85,178,87,.3);
    color: rgb(58, 151, 60);
}
#loginBut, #registerBut{
	/*float: right;*/
	/*margin-top: 10px;*/
}



.alertMsgWrap{
	margin-left: 10px;
	top: auto;
	bottom: 50px
}
.alertMsgWrap:before {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    background: #ebebeb;
    position: absolute;
    top: auto;
    bottom: -7px;
    z-index: 40;
    border: 1px solid #ccc;
    left: 20px;
    border-right: none;
    border-bottom: none;
    transform: rotate(-135deg);
}
#messageWrap{
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 60;
}
#messageWrap .messageTemplate{
	display: none;
}
.message{
	padding: 20px 40px 20px 20px;
	width: 300px;
	background: #575756;
	color:#fff;
	border-radius: 0;
	box-shadow: 2px 2px 4px -2px rgba(0,0,0,.4);
	margin-bottom: 4px;
	position: relative;
	z-index: 1000;
}
.message .close{
	position: absolute;
    right: 10px;
    height: 25px;
    top: 20px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    cursor: pointer;
}
.message.info{
	background: #0b71c3;
}
.message.error{
	background: #e42c2a;
}
.message.custom{
	width: auto;
}
/*.message:before{

}
*/


.alertMsgWrap{
	margin-left: 10px;
	top: auto;
	bottom: 50px
}
.alertMsgWrap:before {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    background: #ebebeb;
    position: absolute;
    top: auto;
    bottom: -7px;
    z-index: 40;
    border: 1px solid #ccc;
    left: 20px;
    border-right: none;
    border-bottom: none;
    transform: rotate(-135deg);
}
.timeEntry-control{
	display: none !important;
}

/*DETAIL*/
#detailWrap{
	/*padding-top: 35px;*/
}
#detailWrap.changeReservation{
	padding-top: 0;
}
#topRow{
	margin-bottom:35px; 
}

#filterFormSubmit.blocked{
	background-color:#aaa;
	border-color: #aaa;
	color:#fff;
}
#galleryPages{
	overflow-y: hidden;
}

#legend{
	margin: 25px 0;
}
.legendItem{
	position: relative;
	line-height: 23px;
	padding-left: 30px;
	font-size: 12px;
}
.legendItem:before{
	content: '';
	display: block;
	height: 23px;
	width: 23px;
	position: absolute;
	left: 0;
	top: 0;
}
.requestLegend:before{
	background: #8faf6d;
}
.bookingElseLegend:before{
	background: #d36271;
}
.bookingSelfLegend:before{
	background: #668e9b;
}

.properties.row{
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
.prpertieName{
	float: right;
	text-align: right;
	line-height: 24px;
}
.prpertieValue{
	line-height: 24px;
	position: relative;
}
.prpertieValue sup{
	position: absolute;
	transform: translateY(-3px);
    font-size: 10px;
}
#propertieWrap .properties:first-child{
	border:none;
}
.sliderImage{
	height: 280px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.thumbImage{
	height: 50px;
	width: 50px;
}
#galleryCarousel .owl-nav{
	width: 100%;
}
#galleryCarousel .owl-nav > div{
	position: absolute;
	top: 40%;
	color: #fff;
}
#galleryCarousel .owl-nav > div.owl-prev{
	left: 20px;
}
#galleryCarousel .owl-nav > div.owl-next{
	right: 20px;
}
#galleryCarousel .owl-dot{
	height: 60px;
	width: 60px;
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin-top: 10px;
	margin-right: 10px;
	opacity: 0.6;
}
#galleryCarousel .owl-dot.active{
	opacity: 1;
}
#calendarWrap{
	width: 100%;
	min-height: 210px;
	position: relative;
}
#calendarWrap.loading:before{
	content:'';
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,.6);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}
.dayContainer{
	padding: 0;
	background: #e6e6e6;
	margin:0 0.5px;
	min-height: 212px;
}
#calendarWrap .owl-nav:after{
	display: block;
	content:'';
	clear: both;
}
#calendarWrap .owl-nav div{
	display: inline-block;
	padding-top: 15px;
	font-size: 16px;
}
#calendarWrap .owl-nav div.owl-prev{
	float: left;
}
#calendarWrap .owl-nav div.owl-next{
	float: right;
}
.dayTitle{
	padding: 4px;
	background: #e6e6e6;
	text-align: center;
}
#calendarWrap .reservationItem{
	padding: 2px 4px;
	background: #f2f2f2;
	border-top: 1px solid #fff;
	font-size: 12px;
	height: 18px;
	color: #000;
	box-sizing: content-box;
	text-align: center; /*bro 170413*/
}
#calendarWrap .reservationItem:not(.empty){
	cursor: pointer;
}
#calendarWrap .reservationItem:nth-child(even){
	background: #e6e6e6;
}
.dayContent{
	padding: 0;
}
#calendarWrap .reservationItem.booked-else{
	background: #d36271;
}
#calendarWrap .reservationItem.booked-self{
	background: #668e9b;
}
#calendarWrap .reservationItem.booking-current{
	background: #8faf6d;
}
#calendarWrap .reservationItem.open{
	background: #01a1e0;
}
.dayContainer.not-available .dayTitle{
	background:  repeating-linear-gradient(
	  45deg,
	  #f6e5e7,
	  #f6e5e7 5px,
	  #f0b0b8 5px,
	  #f0b0b8 10px
	);
}
.dayContainer.available .dayTitle{
	/*background: repeating-linear-gradient( 45deg, #b0cf8f, #b0cf8f 5px, #8faf6d 5px, #8faf6d 10px );*/
	background: #8faf6d;
}

/*NEWS*/
.newsElement{
	border-bottom: 1px solid #fff;
	padding: 5px 0;
}
.newsElement img{
	vertical-align: top;
}





/*PROFILE*/

/*Product Basket*/
.basketElementForm label, .basketElementForm select{
	display: block;
	width: 100%;

}
.basketElementForm{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	/*background: #e5e5e5;*/
    padding: 5px 10px;
    box-sizing: border-box;
}
.basketElementForm .formRow{
	padding: 0;
	margin-bottom: 10px;
}
.basketElementForm label{
	line-height: 24px;
	height: auto;
}
.validForm .basketElementSave:after{
	content:'\f00c';
}
.invalidForm .basketElementSave:after{
	content:'\f0c7';
}
.basketElementForm .column.notValid{
	background: none !important;
}
.basketElementForm .notValid .select2-selection,
.basketElementForm .notValid .attrTurnDescription,
.basketElementForm .notValid .textInput,
.basketElementForm.notValid{
	background: #f2dede;
}
.basketElementForm .mp_btn{
	margin-top: 20px;
}

body .select2-container--default .select2-selection--multiple{
	height: 26px;
	min-height: 26px;
	border-radius: 0;
	border-color: #fff;
}
body .select2-container--default .select2-selection--single{
	height: 26px;
	min-height: 26px;
	border-radius: 0;
	border-color: #fff;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice{
	margin-top: 1px;
	margin-right: 1px;
}
body .select2-container .select2-search--inline .select2-search__field{
	margin-top: 1px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice{
	border-radius: 0;
	    height: 25px;
    line-height: 24px;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 24px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered{
	padding: 0 1px;
	display: flex;
}

/*turn relevant data*/
body #turnRelevantData .select2-container--default .select2-selection--multiple,
body #turnContactPerson .select2-container--default .select2-selection--multiple{
	height: 35px;
	min-height: 35px;
	border-radius: 4px;
	border-color: #ccc;
}
body #turnRelevantData .select2-container--default .select2-selection--single,
body #turnContactPerson .select2-container--default .select2-selection--single{
	height: 35px;
	min-height: 35px;
	border-radius: 4px;
	border-color: #ccc;
}
body #turnRelevantData .select2-container--default .select2-selection--multiple .select2-selection__choice,
body #turnContactPerson .select2-container--default .select2-selection--multiple .select2-selection__choice{
	margin-top: 1px;
	margin-right: 1px;
}
body #turnRelevantData .select2-container .select2-search--inline .select2-search__field,
body #turnContactPerson .select2-container .select2-search--inline .select2-search__field{
	margin-top: 1px;
	border:none;
}
body #turnRelevantData .select2-container--default .select2-selection--multiple .select2-selection__choice,
body #turnContactPerson .select2-container--default .select2-selection--multiple .select2-selection__choice{
	border-radius: 4px;
	    height: 29px;
    line-height: 29px;
}
body #turnRelevantData .select2-container--default .select2-selection--single .select2-selection__rendered,
body #turnContactPerson .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 35px;
	padding: 0 20px;
}
body #turnRelevantData .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body #turnContactPerson .select2-container--default .select2-selection--multiple .select2-selection__rendered{
	padding: 0 1px;
}
.basketElementForm textarea.attrTurnDescription,
.basketElementForm textarea.attrTurnMessage{
	font-family: 'Muli', sans-serif;
	border: 1px solid #fff;
	border-radius: 0;
	resize: vertical;
	/*min-height: 105px;*/
	padding:  5px;
	height:60px;
}
.basketElementForm input.textInput{
	font-family: 'Muli', sans-serif;
	padding: 0 5px;
	border:1px solid #fff;
	border-radius: 0;
	min-height: 25px;
	box-sizing: border-box;
	height: 25px;
}
#cartModal form {
	    padding-bottom: 0px;
}
.viewType-form.basketElementForm,
.viewType-form.basketElementForm textarea.attrTurnDescription,
.viewType-form.basketElementForm input.textInput{
	font-size: 14px;
	line-height: 24px;
}
.viewType-form.basketElementForm label{
/*	height: 20px;*/
	line-height: 20px;
	font-size: 13px;
	font-weight: 600;
}
.viewType-view .formRow{
	border-bottom: 2px solid #eee;
	margin-bottom: 2px;
}
.viewType-form.basketElementForm .checkInput{
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px 0 0;
}
.viewType-form.basketElementForm .formLabel{
	margin: 4px 0;
	float: none;
	font-weight: 100;
}
.hintText{
	/*background: rgba(0,0,0,.1);*/
	/*padding: 3px;*/
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	margin: 5px 0;
}
.profileViewerListRow{
	/*padding-bottom: 15px;*/
}
.roleTitle {
    position: absolute;
    left: 75px;
    font-size: 11px;
    top: -5px;
    color: #999;
    font-weight: bold;
}
.regionGroup{
	line-height: 10px;
	font-weight: 400;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,

.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
#mainHeader .row:after,
#mainHeader .row:before{
	display: none !important;
}

#wrapper .crewEditBtns .mp_btn,
#profileWrap .icon.mp_btn,
#editGalWrap .icon.mp_btn,
#detailWrap .icon.mp_btn,
#wrapper .icon.btn{
	padding: 0;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
}
#wrapper #detailWrap .icon.mp_btn.hasItems,
#wrapper #detailWrap .icon.btn.hasItems{
	background: #029b0f;
    border-color: #01880c;
}
#profileWrap .editIcon,
#detailWrap .editIcon{
	position: absolute;
	top: 0;
	right: 0;
}
#profileWrap .uploadIcon,
#detailWrap .uploadIcon{
	position: absolute;
	top: 0;
	right: 40px;
}
#editGalWrap .removeImageIcon{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#bgUploadBtn{
	position: absolute;
	top: 30px;
	right: 15px;
}
#uploadModalWrap{
	display: none;
	height: 100vh;
    position: fixed;
    top: 0;
    width: 100vw;
    left: 0;
    z-index: 800;
}
#modalDimmer{
	display: none;
	position: fixed;
	height: 100%;
	width: 110%;
	background: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	z-index: 800;
}
.modal{
	display: none;
	height: 80vh;
    width: 80vw;
    position: absolute;
    top: 50%;
    margin-top: -40vh;
    left: 50%;
    margin-left: -40vw;
    z-index: 850;
    background: #fff;
    box-sizing: border-box;
    padding: 45px;
}

@media (min-width:1200px) {
	.modal-backdrop.show{
		z-index: 11 !important;
	    height: 100%;
	    width: 100%;
	    position: fixed;
	    background: rgb(0 0 0 / 50%);
	    top: 0;
	    left: 0;
	}
.modal{
	height: 60vh;
    width: 60vw;
    margin-top: -30vh;
    margin-left: -30vw;
}
}
.modalCloser{
	background: none;
	color: #000;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
#editGalWrap{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px;
    height: 100%;
    overflow-y: auto;
    align-items: start;
}
#editGalWrap .profileGalImage,
#detailWrap, .turnGalImage{
	position: relative;
}
.IE #editGalWrap{
	display: flex;
	flex-wrap: wrap;
}
.registeredCard{
	background: #f5f5f5;
	padding: 45px;
}
.registeredClaim{
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.fancybox-thumbs.hidden{
	display: none;
}


.memberFormWrap .formRow input[type=text],
.memberFormWrap .formRow input[type=number],
body .memberFormWrap .select2-container--default .select2-selection--single{
	border-radius: 0;
	line-height: 22px;
}

.memberContent .row{
	display: flex;
	flex-wrap: wrap;
}
.card{
	padding: 15px;
	background: #f5f5f5;
	height: 100%;
	color: #333;
}

/* reservation.cfm - get rid of the break we have to maek lins in the profile to block */
#profileGrid > div.rightCol > div.card.turns a {
	display: block;
}

#profileViewerDetail > div.profileDetailBody a{
	color: #e42c2a;
}

.turnLanguageSkipper .select2-results__option { background-image: none; }  
.turnLanguageSkipper .select2-search__field{
	display: none;
}
div.turnCardValue.turnLanguageSkipper ul li:before{
	content: '';
    height: 4px;
    width: 4px;
    position: absolute;
    left: 2px;
    border-radius: 50%;
    top: 11px;
    background: transparent;
}
.turnCardInline{
	padding-top: 15px;
}

.select2-results__option[aria-selected=true] {
    display: none;
}

#wrapper .inner_content{
    margin-top: 50px;
    min-height: 500px;
}


/**
 *	SIDEBAR / PROFILE NAV 
 *	Must be outsourced to modulpark_standard_template.css
 */

/*loginFlyout*/
#loginFlyoutOpener{
    cursor: pointer;
    display:none;
}
#loginFlyoutOpener .profileImage{
    border-radius: 50%;
    height: 25px;
    width: 25px;
    background-color: #ccc;
    background-size: cover;
    background-position: center;
    transform: translateY(0px);
    border: 1px solid #fff;
}
#loginFlyout{
    display: none;
    padding: 10px;
    width: 130px;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 1px 5px -1px rgba(0,0,0,.4);
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 20;
    border-radius: 2px;
}
/*#loginFlyout:before{
    content: '';
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    background: #fff;
    display: block;
    position: absolute;
    left: 60px;
    top: -6px;
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea
}*/
#loginFlyout .inside{
    width: 100%;
}
#loginFlyout h1, #loginFlyout p, #loginFlyout br{
    display: none;
}
#loginFlyout label{
    width: 100%;
    line-height: 18px;
}
#loginFlyout input{
    width: 100%;
}
#loginFlyout .mp_loginLink{
    display: block;
}
#loginFlyout #profileLink,
#loginFlyout #login{
    margin:0;
    float:none;
}


/*Sidebar*/
/*Sidebar*/
#sideBar{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 50px;
    background: rgba(3,3,3,.8);
    height: 100vh;
    z-index: 500;
}
#profileImageIcon.open:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#profileImageIcon{
    /*height: 50px;*/
    width: 50px;
    padding: 20px 0;
    border-bottom: 1px solid #fff;
    text-align: center;
}
#profileImageIcon.open .profileImage{
    display: none;
}
#profileImageIcon.open:before{
    content : '\f00d';
    height: 45px;
    width: 45px;
    display: block;
    font-size: 24px;
    color: #ccc;
    line-height: 60px;
    margin: auto;
}
#profileImageIcon .profileImage,
#profileNav .profileImage{
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-color: #fff;
    margin:auto;
}
#basketIcon{
    border-bottom: 1px solid #fff;
}
#basketIcon a:hover,
#logoutIcon a:hover,
#profileImageIcon:hover{
    background: rgba(255,255,255,.2);
    cursor: pointer;
}
#basketIcon #basketLink{
    color: #000;
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 24px;
}
#basketLink .fa-shopping-cart{
    color: #ccc;
    transform: translateX(-3px);
}
#basketLinkAmount{
    font-size: 11px;
    line-height: 18px;
    text-align: center; 
    height: 18px;
    width: 18px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    font-weight: 600;
    /*border: 1px solid #aaa;*/
    transform: translateY(-2px);
    transform: translateX(3px);
}
#logoutIcon{
    border-bottom: 1px solid #fff;
    text-align: center;
}
#logoutIcon a{
    color: #ccc;
    padding: 20px 0;
    display: block;
    font-size: 13px;
}
#sideBar #profileNav{
    display: none;
    position: absolute;
    left: -380px;
    top: -1px;
    width: 280px;
    background: #e42c2a;
    height: 100vh;
    z-index: 550;
    margin: 0 0 0 50px;
    padding: 20px;
    box-sizing: border-box;
}
#sideBar #profileNav a{
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 6px 0;
}
#sideBar #profileNav ul {
	display:block;
	list-style-type: none;
	margin:0;
	padding:0;
}
#sideBar #profileNav .lvl-1 > li{
    margin-bottom: 30px;
}
#sideBar #profileNav .lvl-1 > li > a{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
#sideBar #profileNav .lvl-2 > li > a,
#sideBar #btnLogoutProfile a{
    padding-left: 30px;
    position: relative;
    display: block;
}
#sideBar #profileNav .lvl-2 > li > a:before,
#sideBar #btnLogoutProfile a:before{
    position: absolute;
    left: 1px;
    top: 8px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}
/*Kontaktinformationen*/
#sideBar #profileNav .lvl-2 > li.nav_85831 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_85841 > a:before{
    content: '\f007';
}

/*Mitgliederinformationen*/
#sideBar #profileNav .lvl-2 > li.nav_85830 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_85840 > a:before{
    content: '\f0c0';
}
/*Zugangsdaten*/
#sideBar #profileNav .lvl-2 > li.nav_86572 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_86573 > a:before{
    content: '\f0ca';
}
/*Privatsphäre*/
#sideBar #profileNav .lvl-2 > li.nav_85832 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_85874 > a:before{
    content: '\f023';
}
/*Skipperinformationen*/
#sideBar #profileNav .lvl-2 > li.nav_85875,
#sideBar #profileNav .lvl-2 > li.nav_85833,
/*Mitgliederbereich*/
#mainNav .lvl-1 > .main_66757,
#mainNav .lvl-1 > .main_66807{
    display: none;
}
#sideBar #profileNav .lvl-2 > li.nav_85833 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_85875 > a:before{
    content: '\f21a';
}
/*Mitgliedschaft verwalten*/
#sideBar #profileNav .lvl-2 > li.nav_50361 > a:before{
    /*content: '\f040';*/
}
/*Törns*/
#sideBar #profileNav .lvl-2 > li.nav_85835 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_85914 > a:before{
    content: '\f0ac';
}
/*Anmelung SK2*/
#sideBar #profileNav .lvl-2 > li.nav_50361 > a:before{
    /*content: '\e42c2a7';*/
}
/*Prüfungen*/
#sideBar #profileNav .lvl-2 > li.nav_85836 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_85915 > a:before{
    content: '\f19d';
}
#sideBar #profileNav .lvl-2 > li.nav_50361 > a:before{
    /*content: '\e42c2a7';*/
}
/*Kurse*/
#sideBar #profileNav .lvl-2 > li.nav_50361 > a:before{
    /*content: '\e42c2a7';*/
}
/*Clubshop*/
#sideBar #profileNav .lvl-2 > li.nav_70330 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_70332 > a:before{
    content: '\f07a';
}
/*Hochseeausweis*/
#sideBar #profileNav .lvl-2 > li.nav_50361 > a:before{
    /*content: '\e42c2a7';*/
}

/*archiv*/
#sideBar #profileNav .lvl-2 > li.nav_85834 > a:before ,
#sideBar #profileNav .lvl-2 > li.nav_85912 > a:before {
    content: '\f187'
}

/*SHOP*/
#sideBar #profileNav .lvl-2 > li.nav_85837 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_86823 > a:before{
	content: '\f290';
}
/*Member Search*/
#sideBar #profileNav .lvl-2 > li.nav_86011 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_86014 > a:before{
	content: '\e5c5';
}
/*Member Add*/
#sideBar #profileNav .lvl-2 > li.nav_86013 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_86016 > a:before{
	content: '\f234';
}

/*Skipper Allgemein*/
#sideBar #profileNav .lvl-2 > li.nav_87011 > a:before,
#sideBar #profileNav .lvl-2 > li.nav_86016 > a:before{
	content: '\f336';
}

#btnLogoutProfile a:before{
	content: '\f011';
}

/**
*   TABLET PORTRAIT
*/
@media (min-width:768px) {

	
	/*Sidebar*/
	#sideBar{
	    position: fixed;
	    left: 0;
	    top: 0;
	    width: 80px;
	    background: rgba(3,3,3,.8);
	    height: 100vh;
	    z-index: 500;
	}
	#profileImageIcon{
	    /*height: 80px;*/
	    width: 80px;
	    padding: 20px 0;
	    border-bottom: 1px solid #fff;
	}
	#profileImageIcon.open:before{
	    height: 60px;
	    width: 60px;
	    line-height: 60px;
	    text-align: center;
	}
	#profileImageIcon .profileImage,
	#profileNav .profileImage{
	    height: 60px;
	    width: 60px;
	    border-radius: 50%;
	    background-position: center;
	    background-size: cover;
	    background-color: #fff;
	    margin:auto;
	}
	#profileNav .profileImage{
	    margin: 0 0 30px 0;
	}
	#sideBar #profileNav{
	    position: absolute;
	    left: -380px;
	    top: -1px;
	    width: 280px;
	    background: #e42c2a;
	    height: 100vh;
	    z-index: 550;
	    margin: 0 0 0 80px;
	    padding: 20px;
	    box-sizing: border-box;
	}
	#loginFlyoutOpener .profileImage{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: #ccc;
    background-size: cover;
    background-position: center;
    transform: translateY(-8px);
    border: 1px solid #fff;
}


}

/*Side Navigation*/
/*#sideNav.shopNav > ul > li > a{
	color:#000;
	text-transform: none;
}*/
#sideNav.shopNav a{
	color:#000;
	text-transform: none;
}
#sideNav.shopNav > ul > li{
	margin-bottom: 10px;
}
#sideNav.shopNav li.active > a{
	color: #e42c2a;
	font-weight: bold;
	padding-left: 12px;
	position: relative;
}
#sideNav.shopNav li > a:hover{
	color: #e42c2a;
}
#sideNav.shopNav li.active > a:before{
	content: '\f054';
	position: absolute;
	left:0;
	top: 0px;
	font-size: 12px;
	font-family: "Font Awesome 6 Pro";
}
#sideNav.shopNav li ul{
	display:none !important;
}
#sideNav.shopNav li.active ul{
	display:block !important;
}
#lightcase21098 .lightImage{
	transition: all 250ms;
}
#lightcase21098 .lightImage:hover{
	transform: scale(1.08);
}
#lightcase21098 .lightCaption{
	margin-top: 0;
	height: auto;
	position: absolute;
	bottom: 0;
	background: rgb(228 44 42 / 80%);
	opacity: 1;
	transition: all 400ms;
}
#lightcase21098 .lightImage:hover .lightCaption{
	background: rgb(228 44 42 / 1000%);
}
#lightcase21098 .lightCaption h3{
	font-size: .9rem;
}
#lightcase21098 .lightCaption h3, #lightcase21098 .lightCaption p {
	color: #fff;
}


/* Collection*/
#wrapper #cartModal .mp-heading-tr{
	border-bottom: 2px solid #aaa;
}
#wrapper #cartModal .mp-heading-tr th{
	font-weight: 700;
	color: #000;
	border: none;
	padding: 15px 0 5px 0;
	margin-bottom: 20px;
}


/* bro 220905 - custom fix for turnlist so it doesnt look ugly.
Can be removed later.
Reason and diff to cms1 is :
/site/css/bootstrap/bootstrap-4.0.0/bootstrap-grid.css => cruisingclub.mpstaging.ch
/site/css/bootstrap/bootstrap-grid.css => www.cruisingclub.ch
*/
/*.column {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}*/
/********* CART **********/
#cartModal {
    overflow: auto !important;
    font-family: 'Mulish', sans-serif !important;
    width: 100vw;
}

#cartModal .modal-dialog.modal-xl > div{
	margin: 0;
}
#cartModal .modal-dialog .modal-body{
	height: 100%;
	overflow-y: auto;
}
#cartModal .card {
    padding: 0 !important;
}
/*#cartModal #cartTabs {
display: none !important;
}*/
#cartTabs {
    margin: 0 !important;
    background-color: #f5f5f5;
    display: flex !important;
    flex-direction: row;
}

#cartModal .th-remove {
    width: 10%
}
#cartModal .th-totalPriceWithTax {
    width: 14%;
}
#cartModal .th-quantity {
    width: 20%;
}
#cartModal .th-nettoWithTax {
    width: 13%;
}
#cartModal .basketItemRow .column {
    max-width: 100%px;
}
#cartModal .basketItemRow table {
    max-width: 100%;
    width: auto;
}
/*#cartModal .mp-heading-tr {
    border-bottom: 3px solid #005c9b;
}*/
#cartModal .collectionDate td {
    padding: 0 15px 0 0 !important;
    width: auto;
    border: none !important;
}
#cartModal .collectionDate tr {
    border: none !important;
}
#cartModal .modal-dialog .nav-tabs .nav-link {
    border: none;
    margin-bottom: 0;
    border-radius: 0;
}
#cartModal .modal-dialog .nav-tabs li {
    margin-bottom: 0;
}
#wrapper #cartModal .modal-dialog .nav-tabs .nav-link{
	padding: 10px 25px;
	border-right: 1px solid #f5f5f5;
	color: #999;
	border-bottom: none;
}
#wrapper #cartModal .modal-dialog .nav-tabs .visited .nav-link {
    background: #aaa;
    color: #fff;
    position: relative;
}
@media (max-width: 992px) {
	#cartTabs{
		flex-direction: column;
	}
	#wrapper #cartModal .modal-dialog .nav-tabs .nav-link{
		padding: 5px 15px;
		border-right: none;
		border-bottom: 1px solid #f5f5f5;
	}
	#cartModal .tbl-item-container{
		padding: 5px 15px;
	}
	#cartModal .order-row{
		padding: 15px;
	}
	.agb-inputContainer{
		position: relative;
		padding-left: 30px;
	}
	.agb-inputContainer > input{
		position: absolute;
		left: 0;
	}
	.collection-plugin #cartModal .table td {
	    padding: 0;
	}
}
/*#wrapper #cartModal .modal-dialog .nav-tabs .visited .nav-link:after{
	content: '\f00c';
	position: absolute;
	right: 5px;
	top: 5px;
	height: 15px;
	width: 10px;
	font-family: "Font Awesome 6 Pro";
	font-size: 12px;
}*/
#wrapper #cartModal .modal-dialog .nav-tabs .active .nav-link {
    background: #004e97;
    color: #fff;
}
.collection-plugin .table {
    margin-bottom: 0 !important;
}

#wrapper #cartModal .modal-dialog{
	max-width: none;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    padding: 40px 0px 96px 0px;
}
#wrapper #cartModal .modal-dialog .modal-content{
	display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

#cartModal .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    border: 0px;
}
#cartModal .page-link:focus {
    outline: 0;
    box-shadow: none;
}
#cartModal .modal-footer, #cartModal .modal-header{
	background: #f5f5f5;
}
/* #cartModal .mp-heading-tr .th-name {
    min-width: 100%;
} */
#cartModal .basketItemRow h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
#cartModal .basketTimeRow {
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
}
#cartModal .event-location-dates-paragraph {
    font-size: 1rem;
    font-weight: 400;
}
#cartModal table .columnValue {
    /* font-size: 1rem;*/
    font-weight: 400;
    /* line-height: 24px;*/
    /* font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
}
#cartModal .basketItemRow .form-control {
    width: 100%;
}
.displayNameWithRemoveBtn{
	clear: both;
}
#cartModal .basketItemRow .form-group {
    margin: 0;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    /* font-size: 1rem;*/
    font-weight: 400;
    color: #212529;
    text-align: left;
}
.collection-plugin #cartModal .table td {
    padding: 15px 0;
}
#cartModal .tenderInformations li {
    list-style-type: square;
    margin-left: 20px;
}
#cartModal .basketSelectRow .column {
    padding-top: 5px;
}
#cartModal .basketSelectRow .wrapTenderExtendedInfos .form-group {
    padding-left: 0;
}
#cartModal .tbl-item-container table tbody tr {
    /* background-color: white !important;*/
    border-bottom: solid 2px #f5f5f5;
}
#cartModal .confirmation-content-container table tbody tr {
    /* background-color: white !important;*/
    /*border-bottom: solid 2px #f5f5f5 !important;*/
}
#cartModal #completion {
    border: none;
}
#cartModal .tenderInformations {
    padding-top: 32px !important;
}
#cartModal .tenderInformations-ul {
    margin-top: 5px;
}
#cartModal .total-price-container,
#cartModal .btn-pay,
#cartModal .btn-order {
    float: none;
}
.total-price-container {
    /*background-color: #fafafa !important;*/
    /* padding: 10px !important;
padding-top: 0 !important;
padding-left: 5px !important;*/
}
.total-price-container {
    /* margin-top: 2px;*/
    padding: 15px 0;
    float: none !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #f5f5f5;
}
.total-price-container .total-to-pay {
    font-weight: bold;
    padding-right: 5px;
}
.total-price-container .total-to-pay::after {
    content: ":" !important;
}
.total-price-container .total-price {
    float: right;
}
#carModal #completion .btn-pay,
#completion .btn-order {
    float: right !important;
}
#cartModal .wrapTenderExtendedInfos .form-group {
    margin-top: 5px;
}
#cartModal .addresses-summary {
    margin-left: 10px;
    border-radius: 10px;
}
#completion .addresses-summary {
    margin-top: 30px;
}
#cartModal .col-form-label, #cartModal .form-check-label {
    font-weight: normal !important;
    color: grey !important;
}
#cartModal select.ng-invalid-mp.cart-submitted {
    border: #dc3545 solid 1px;
}
/*#cartModal .validation-warning {
position: absolute;
left: 100%;
bottom: 10%;
color: #dc3545 !important;
}*/
#cartModal select.ng-valid-mp + .validation-warning,
#cartModal select.cart-not-submitted + .validation-warning {
    display: none;
}
#cartModal .validation-warning i.fas {
    color: #dc3545;
}
/*Fix for collection modal not displaying*/
.fas.fa-shopping-cart {
    color: gray;
}
.collection-plugin .modal, .mpg-login .modal {
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: auto !important;
}
.collection-plugin .modal-xl, .mpg-login .modal-xl {
    max-width: 1140px !important;
    margin: 0px auto !important;
    height: auto;
    background-color: transparent;
}
.modal-dialog.modal-xl > div {
    height: auto;
    margin-top: -70px;
}
/*END - Fix for collection modal not displaying*/

.order-row.coupon, .agb-row {
	padding: 15px 0;
	border-bottom: 2px solid #f5f5f5;
}
.order-row.coupon input, .agb-row input{
	margin-right: 10px;
}
.order-row.coupon label, .agb-row label{
	margin-bottom: 0;
}
.order-row{
	padding-top: 15px;
}

.collection-plugin .collapse{
	display: block !important;
}
#cartModal .tab-content > .tab-pane{
	display: none;
}
#cartModal .tab-content > .tab-pane.active{
	display: block;
}
.text-primary_basket{
	    width: 70px;
    display: inline-block;
}




.mpg-loginVue div.right_Content_area .contents p {
	font-size: 14px;
	
}

.mpg-loginVue div.right_Content_area .contents p.noPadding {
	padding-top:0px !important;
}


@media (min-width: 576px) {
    /* CSS rules here will not apply on screens smaller than 576px */
    .mpg-loginVue div.right_Content_area {
        padding-left:55px;
    }
}
@media (max-width: 576px) {
    /* CSS rules here will not apply on screens smaller than 576px */
    .mpg-loginVue div.right_Content_area {
        padding-left:0px;
        padding-right:0px;
    }
}



#lawcontent sup {
	vertical-align: super;
}

#lawcontent table {
	border: 1px solid gray;
}


.registration-agreement{
    margin: 10px 0;
}

.registration-agreement label{
    display: inline-block;
  padding-right: 10px;
  white-space: nowrap;
      font-style: italic;
    font-size: 0.9em;
}
.mpg-login .passwordHint{
    margin-bottom: 0 !important;
}

.registration-agreement input{
    vertical-align: middle;
    padding-left: 0;
    margin-left: 0;
	width: 15px;
    height: 15px;
}

@media (max-width: 992px){
    .mpg-loginVue div.right_Content_area {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .right_Content_area {
        padding-top: 15px;
    }
    
    .mp-widget-content .dropdown .dropdown-menu .contents h3{
        font-weight: 400 !important;
    }
}

.inner_content ul li.memberNavItem:before{
	display: none;
}

.btn-resetPassword, .btn-initialPassword {
	margin-top:20px;
}
@media (min-width: 1000px){
    .top-address-bar:last-child .flex-wrap.mpg-content{
        padding-top: 0px;
        position: fixed;
        top: 0;
        right: 50px;
        width: 1140px;
        margin-left: auto;
        padding-top: 38px;
        line-height: 21px;
        pointer-events: none;
    }
    
    .top-address-bar:last-child .flex-wrap.mpg-content.fixed{
     padding-top: 11px;   
    }
}

@media (min-width: 1500px){
    .top-address-bar:last-child .flex-wrap.mpg-content{
        /*transform: translate(-25%);*/
        margin-right: 20%;
        right: 0;
    }

}
.top-address-bar:last-child .flex-wrap.mpg-content .mpg-widget{
    pointer-events: all;
}

@media (min-width: 1000px){
    #cartModal .modal-dialog.modal-xl   {
        max-width: 900px !important;
    }
}
   
@media (min-width: 1300px){
    #cartModal .modal-dialog.modal-xl   {
        max-width: 1140px !important;
    }
}

@media (max-width: 800px){
    #cartModal .confirmation-content-container table tbody tr{
        border-bottom: none !important;
    }
    
    #cartModal #no-more-tables table.dates,
    #cartModal #no-more-tables table.itemData
    {
        display: table;
    }
    
    #cartModal #no-more-tables table.dates tbody
    #cartModal #no-more-tables table.itemData tbody
    {
        display: table-row-group;
    }
    
    
    #cartModal #no-more-tables table.dates tr,
    #cartModal #no-more-tables table.itemData tr
    {
        display: table-row;
    }
    #cartModal #no-more-tables table.dates td,
    #cartModal #no-more-tables  table.itemData td
    {
        display: table-cell;
    }
    
    #cartModal .col-sm-10.displayNameContainer{
        flex: none;
        max-width: 100%;
    }
    
    #cartModal .valute {
            font-weight: normal;
            margin-left: 2px;
        }
        
    .collection-plugin p{
        margin-bottom: 1px;
    }
    
    .collection-plugin p {
        margin-bottom: 1rem !important;
    }

	#wrapper #cartModal .modal-dialog {
		padding: 0 !important;
	}
	
	#cartModal .btn.btn-danger.btn-remove-mobile{
		display: none;
	}
	
	#cartModal .columnValue.displayNameWithRemoveBtn{
		margin-bottom: -20px;
	}
	
	.collection-plugin #cartModal{
		overflow-y: hidden !important;
	}
	#wrapper #cartModal .modal-dialog .modal-content {
		height: 100svh;
		width: 100svw;
	}

	#cartModal .modal-dialog .modal-body{
		overflow-y: hidden !important;
		display: flex;
		flex-direction: column;
	}
	
	#cartModal #cart-tabs-content {
		overflow-y: auto;
		height: 100%;
		overflow-x: hidden;
	}
}

#cartModal .lbl-quantity{
    display: none !important;
}

#cartModal .hideQuantity{
    display: block !important;
}

#cartModal .quantityrow  .col-sm-2{
    display: none;
}

#cartModal .quantityrow input{
    text-align: center;
}

#cartModal .removeBtnMobile{
    display: none;
}

#cartModal #cartTabs .checked{
    display: none;
}

#cartModal .productImage .image{
    height: 75px;
}

#cartModal .confirmation-text-container{
	margin-top: 70px;
}

#cartModal .confirmation-text-container p {
	text-align: center;
}

#cartModal .confirmation-text{
	text-align: center;
	color: #bf1e2e;
}

@media (max-width: 800px){
	#cartModal .quantityrow{
		margin-top: 10px;
	}
    #cartModal .modal-dialog .modal-body{
        overflow-y: hidden !important;
        display: flex;
        flex-direction: column;
    }
    
    #cartModal #cart-tabs-content {
        overflow-y: auto;
        height: 100%;
        overflow-x: hidden;
    }
    
    #cartModal .productImage .image{
        height: 50px;
		margin-left: 10px;
    	max-width: 50px;
    }
    
    #cartModal .productImage {
        padding: 0;
        max-width: 16.666667%;
    }
    
    #cartModal .displayNameContainer br,
    #cartModal .columnValue.displayNameWithRemoveBtn br{
        display: none;
    }
    
    #cartModal .btn-remove-mobile-container{
        position: absolute;
        right: 20px;
        top: 0;
    }
    #cartModal .btn-remove-mobile{
        color: red;
    }
    
    #cartModal .btn.btn-danger.btn-remove-mobile{
        display: block !important;
    }
    
    #cartModal .removeFromBasket{
        color: #e42c2a;
        z-index: 100;
    }
    
    #cartModal #no-more-tables .removeBtnDesktop{
        display: none;
    }
    .removeBtnMobile button{
        float: none;
        position: absolute;
        right: 12px;
    }
    .removeBtnMobile {
        margin-bottom: -15px;
    }
    
     .quantityrow .col-md-8 .columnValue{
        display: flex;
    }
    
    #cartModal .tbl-collection-items td{
        margin-top: 0;
        padding-top: 0 !important;
    }
    
    #cartModal .tbl-collection-items td input{
        margin-top: 2px;
    }
    
    #cartModal .lbl-quantity{
        display: inline-block!important;
        margin-left: 3px;
        align-self: center;
        min-width: 150px;
    }
    
    #cartModal .quantityrow .inputs{
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    #cartModal .totalPriceWithTax .columnValue{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    
    #cartModal #cartTabs .visited .checked{
        float: right;
        color: green;
        display: block;
    }
    
    #cartModal #no-more-tables > table > tbody > tr{
        padding-bottom: 0 !important;
    }
    
    #cartModal .columnValue .locationLabel{
        margin-top: 1em;
    }
    
    #cartModal .columnValue .locationValue p{
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }
    
    #cartModal .columnValue .basketElementForm {
        margin-top: 1em;
    }
    
    #cartModal .quantityCell{
        padding: 0 !important;
    }
    
    #cartModal #completion .lbl-quantity{
        margin: 0;
    }
    
    #cartModal #completion .totalPriceWithTax{
        padding-top: 0;
    }
    
    #cartModal .quantityrow  .col-sm-2{
        display: block;
    }
    
    #cartModal .hideQuantity{
    display: none !important;
}

.main_footer #upScroll{
	z-index: 98 !important;
}

}

@media (min-width:1000px) and (max-width:1100px) {
    #cartModal {
        margin-left: 25px;
    }
}


/* SITESEARCH360 */

/* searchbox sitesearch360 */
#searchBox {
    line-height: 20px;
    padding: 4px;
    width: 160px;
    margin-right:30px !important;
    height:27px; /* more will press other links down */
}


.search.formBreak {
	margin:0px;

}




#ss360-layer header,
#ss360-layer header a {
    color: #000;
}
/* Hide images, as there is no config for that */
#ss360-layer .ss360-suggest__image-container {
	display:none;
}
#unibox-suggest-box {
	min-width:408px !important;
	max-width:500px !important;
	padding-right:20px;


	.unibox__content-container {
		padding:8px 4px 8px 8px;
/*		padding:0px 4px 8px 8px;*/
	}

	.unibox__selectable {
		/* slight delimiter  */
/*		box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.3);*/
		margin:10px;
	}

	/* not sure if applied */
	.unibox--fullwidth .unibox__selectable {
		padding: 8px 16px;
	}

	.unibox__suggest-heading {
		display:none;
	}

	.unibox__img {
		max-height: 40px;
		max-width: 40px;
	}
}



#unibox-suggest-box .unibox-selectable-img-container {
    width: 30px;
}

#unibox-suggest-box .unibox-selectable img {
    max-width: 25px;
    max-height: 25px;
}
@media (min-width:768px) {
    #searchBox {
	    line-height: 20px;
	    position: relative;
		/*	    top: -2px;*/
	}
}

@media (max-width:768px) {
	#searchBox {
		width:130px;
	}
    #unibox-suggest-box {
    	width:100%;
		min-width:280px !important;
		max-width:350px !important;
		left:-80px !important;


		.unibox__content-container {
			padding:8px 4px 8px 8px;
	/*		padding:0px 4px 8px 8px;*/
		}

		.unibox__selectable {
			margin:0px;
		}

		.unibox__img {
			max-height: 40px;
    		max-width: 40px;
		}
		
	}

	.unibox--fullwidth .unibox__selectable {
		padding:0px !important; /*reset*/
	}
}

.unibox__content-container:hover, .unibox__search-content--link:hover {
	background-color:transparent;
}



/*240130*/
div.mpg-widget.mpg-loginVue {
	margin-right:20px !important;
	min-width:86px;
}

/*div.mpg-widget.mpg-loginVue {
	margin-right:40px !important;
	

	
}*/


/* RG Map */
div.rgMap {
	text-align:center;
}
#CourseProducts div.nextPlannedCourseText {
	margin-top:30px;
	padding-bottom:30px;
	margin-bottom:30px;
/*	border-bottom:1px solid #aaa;*/

	border: 1px solid #aaa;
    padding: 20px;
}





a.single_image {
	display:block;
}

.prodInfoPrice .oldPrice,
#cartModal .oldPrice { 
	font-size:11px;
	text-decoration:line-through;
	color:#aaa;
}

/*shirt size mandatory sign*/
.shirtSizeMandatorySign {
	display:none;
}