.mcrm_red{
	color: #ff0000;	
}
.mcrm_blue{
	color: #0070c0;	
}
.mcrm_green{
	color: #00b050;
}

.grey_white{
  color: #FFF;
  background-color: #353a40;
}

.red_white{
  color: #FFF;
  background-color: #cb0038;

}
.red_white label{
  color: #FFF;
  background-color: #cb0038;
  font-weight: 400;
}

TABLE.grey, TABLE.grey TH, TABLE.grey TD{
	border-color: #e4e4e4;
	padding: 1px;
}

TR.grey_row{
	color: #000;
	background-color: #cccfd1;
	font-weight: 600;
}

TR.head_row{
	color: #FFF;
	background-color: #d4003b;
	font-weight: 600;
}

.status_green{
	color: #28a745;
}
.status_red{
	color: #dc3545;
}
.status_blue{
	color: #007bff;
}
.status_orange{
	color: #fd7e14;
}

TABLE.stickytable{
	border-collapse: separate;
	border-spacing: 0;
}

TABLE.stickytable TH{
	position: sticky;
  top: 3.4em;
  background-color: #FFF;
  border-bottom: 2px solid #e4e4e4;
}

table.stickytable th {
  /* Apply both top and bottom borders to the <th> */
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-left: 0px solid #e4e4e4;
}
table.stickytable td {
  /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-top: 0px solid #e4e4e4;
  border-left: 0px solid #e4e4e4;
}

table.stickytable th:first-child,
table.stickytable td:first-child {
  /* Apply a left border on the first <td> or <th> in a row */
  border-left: 1px solid #e4e4e4;
}

.grey_black{
  color: #000;
  background-color: #87888a;
  font-weight: 300;
}
.grey_black label{
  color: #000;
  background-color: #87888a;
  font-weight: 400;
}




.row.no-gutters.grey_black div, .row.no-gutters.red_white div, .row.no-gutters.grey_white div {
   padding: 0.1rem;
}
.row.no-gutters.grey_black label, .row.no-gutters.red_white label, .row.no-gutters.grey_white label, .row.no-gutters.reg_onboarding label {
    margin-bottom: 0.1rem;
}

.case_edit{
	display: none;
	
}

.case_edit.open{
	display: flex;
	
}

.case_toggle{

	cursor: pointer;
}

.case_toggle::before{
	content: '\2BC8';
	cursor: pointer;
}

.case_toggle.open::before{
	content: '\2BC6';
	cursor: pointer;
}

.yabp-focus-head{
	color: #FFF;
	background-color: #cb0038;
}

.yabp-focus-head-color2{
	color: #FFF;
	background-color: #e65930;
}


.yabp-tbl th, .yabp-tbl td {
    padding: 0.1rem;
  
}
.yabp-head{
	font-size: 1.5rem;
	font-weight: 600;
}

tr.black_bottom_line{
	border-bottom: 2px solid #000;
}



#yabp-mex{
	background-color: #ffc000;
}
#yabp-wex{
	background-color: #ffe699;
}
#yabp-wld{
	background-color: #a5bba6;
}
#yabp-cca{
	background-color: #99c8ff;
}

.table thead th {
	vertical-align: top;
}

td.light-green{
	background-color: #c6e0b4;
}

tr.yabp_activities_row input{
	height: 25px;
	padding: 0.175rem 0.75rem;
}

tr.yabp_activities_row select{
	height: 25px;
	padding: 0px;
}

tr.yabp_activities_row i{
	padding: 0px;
	margin: 0px;
}

tr#sactivity_tmpl, tr#mactivity_tmpl,tr#aactivity_tmpl{
	display: none;
}

.limitreached{
	display: none;
}

#yabp_tgt_rtl_mex,#yabp_tgt_rtl_wex,#yabp_tgt_rtl_wld,#yabp_tgt_rtl_cca{
	width: 80px;
	height: 25px;
	display: inline;
	background-color: #fbfb7145;
}
.yabp-input-number{
	width: 100px;
	height: 25px;
	display: inline;
	background-color: #fbfb7145;
}
.note_red{
	color: #FF0000;
}
.yabp_yellow{
	background-color: #fbfb7145;
}
.lbl{
  font-weight: bold;
}

#rowaddresses .row.no-gutters div,  #rowactivities .row.no-gutters div{
    padding: 0.1rem;
}
.activity_row{
	margin-bottom: 1em;
	border-bottom: 1px solid #000;
}


.address_row.marked_deletion1 .form-control, .activity_row.marked_deletion1 .form-control{
	text-decoration: line-through;
}
.activity_row.marked_deletion1 .form-dates{
	opacity: 0.75;

}
.activity_row.marked_deletion1 input::-webkit-datetime-edit-fields-wrapper {
    text-decoration: line-through;
}

#rowaddresses_new #arid_new, #rowactivities_new #arid_new{
	display: none;
}

.res{
  background-color: #0062cc21;
}
.markin{
  background-color: #feff3d21;
}
.markin2{
  background-color: #6d6d6a21;
}

#product_spectrum, #dlr_since, #dlr_schaeff , #dlr_schaeff_since , #dlr_turn, #dlr_emp, #dlr_out, #dlr_cities{
	margin-bottom: 1em;
}
#dlr_schaeff , #dlr_schaeff_since{
	display: none;
}
.btn_to_progress, .btn_to_scores{
	text-decoration: underline;
}

/*Overview*/
.show_progress, .show_scores{
	display: none;
}

.show_scores.act{
	display: inline;
}
.show_progress.act{
	display: inline;	
}

.btn_toggle{
	cursor: pointer;
}


.res p{
	margin-bottom: 0rem;
}

.logo-teaser .img-logo{
	width: 60%;
	margin-top: 5em;
}
figcaption{
  font-weight: 600;
  text-align: center;
}

	#footer_outer li.social IMG {
	    width: 25px;
	    opacity: 0.3;
	}	
	#footer_outer li.social IMG:hover {
	    opacity: 0.5;
	}		
	#lang_search{
		display: none;
	}
	#lang_search .nav-link{
		color: #000;
	}
	
	#lang_search .nav-link.active{
	    text-decoration: underline;
	}	

#footer_outer .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}
#footer_outer .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}

option:disabled {
	color: #d5d4d4;
}

ul.typo3-messages{
	list-style: none;
}

.frame-type-felogin_login input{
	display: block;
}

.logo-teaser{
	margin-bottom: 2em;
}

.jll_accordion{
    background-color: lightgrey;
    cursor: pointer;
    border: 1px solid lightgrey;
    margin-bottom: 1em;
}
.jll_accordion .jll_acc_head{
	  padding: 0.5rem;

}
.jll_accordion .jll_acc_body{
	  padding: 0.5rem;
		display: none;
		background-color: white;
}

.jll_unfold{

    cursor: pointer;
    border: 1px solid lightgrey;
    margin-bottom: 1em;

		margin: 0 auto;
    max-width: 800px;   
    margin-bottom: 2em;
    
}

.jll_unfold .jll_unf_head h5{
		background-color: #111144;
    border-bottom: 2px solid #333365;
    color: #ffffff;
    font-weight: 600;
    padding: 14px 14px 10px;
    font-size: 24px;
}

.jll_unfold .jll_unf_body{
	padding: 14px 14px 10px;
	display: none;
}

.jll_iconlink{
	position: relative;
	    padding-left: 50px;
	    margin-bottom: 20px;
	    margin-top: 20px;
}

.jll_iconlink a{
	color: #c21424;
}

.jll_iconlink a.ico-class-0::before{
		position: absolute;
		right: auto;
    content: "\f0c1";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0px 8px 0 9px;
		
		background-color: #2990C3;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    left: 7px;
    padding: 5px 6px;
    top: 0px;    
    
}
.jll_iconlink a.ico-class-1::before{
		position: absolute;
		right: auto;
    content: "\f1c1";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0px 8px 0 9px;
		
		background-color: #888;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    left: 7px;
    padding: 5px 6px;
    top: 0px;    
    
}
.jll_iconlink a.ico-class-2::before{
		position: absolute;
		right: auto;
		background-color: transparent;
    content: "\f16a";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0px 8px 0 9px;
    border-radius: 50%;
    color: #c21424;
    font-size: 26px;
    left: 7px;
    padding: 0px 1px;
    top: 0px;    
    
}

.jll_iconlink a.ico-class-3::before{
		position: absolute;
		right: auto;
		background-color: #2990C3;
    content: "\f019";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0px 8px 0 9px;
    border-radius: 50%;
    color: #FFF;
    font-size: 18px;
    left: 7px;
    padding: 5px 6px;
    top: 0px;    
    
}

.jll_iconlink a.ico-class-0::after,.jll_iconlink a.ico-class-1::after,.jll_iconlink a.ico-class-2::after,.jll_iconlink a.ico-class-3::after{
		bottom: -10px;
    border-bottom: 1px solid #ddd;
    content: "";
    left: 0;
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 100%;
}

.tx-dce-container{
	 margin-top: 3em;
   margin-bottom: 3em;
}

.dce-container:after {
		content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    width: 0;
}

.tx-dce-container .jll_teaser_element_outer{
	width: 31.3333%;
	margin-right: 3%;
	float: left;
}

.tx-dce-container .jll_teaser_element_outer:nth-child(3n) { 
	margin-right: 0%;
}

.tx-dce-container .jll_teaser_element_inner{
		padding: 40px;
		background-blend-mode: overlay;
    background-image: url(grafik/ygo_button_bg_square.png);
    background-color: rgba(0,0,0,0.3);
    transition: background-color 500ms ease 0ms,background-image 500ms ease 0ms;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
		align-items: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    min-height: 320px;
    text-align: center;
    vertical-align: baseline;
}
.tx-dce-container .jll_teaser_element_inner:hover{
	transition: background-color 500ms ease 0ms,background-image 500ms ease 0ms;
	background-color: rgba(0,0,0,0.0);
}
.jll_teaser_head{
	text-align: center;
	padding-bottom: 20px;
	position: relative;

   
}
.jll_teaser_head h2{
		font-weight: 700;
    padding-bottom: 25px;
    font-size: 23px;
 		text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff!important;
	
}

.jll_teaser_button_outer a{
	  padding: 0.5em 0.5em;
    line-height: 1.7em!important;
		background-color: #fff;
    border-color: transparent;
    border-radius: 0;
    color: black;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1px;
    text-transform: uppercase;	
}

.product_name{
	font-weight: 600;
	margin-bottom: 1em;
}

.outer_product_multiple_check .multiple_option{
	display: block;
}
.multiple_option label, .textordernotice_option label, .textnoresalenotice_option label{
	padding-left: 1em;
}

.textordernotice{
	  background-color: rgba(200, 200, 200, 0.45);
    border: 2px solid #c21424;
    margin-bottom: 25px;
    padding: 20px;
}

.textnoresalenotice{
	  background-color: rgba(200, 200, 200, 0.45);
    border: 2px solid #c21424;
    margin-bottom: 25px;
    padding: 20px;
}

.opshop-textarea{
	width: 100%;
}

span.textordernotice_option.is-invalid{
	border: 2px solid #ff0000;
}
span.textnoresalenotice_option.is-invalid{
	border: 2px solid #ff0000;
}

H1{
	margin: 40px 0 20px;
}
H2{
	margin: 40px 0 20px;
}
H3{
		background-color: #87888a;
    border-bottom: 2px solid #5c5c5c;
    color: #ffffff;
    font-weight: 600;
    margin: 40px 0 20px;
    padding: 14px 14px 10px;
    font-size: 24px;
}


.sel_hidden{
	display: none;
}


.has-error{
	color: #ff0000;
}

#createtermbtn, #createterrredbtn{
	display: none;
}

.sales_save_notice, .parts_save_notice, .service_save_notice, .contracts_save_notice{
	display: none;
}

.save_btn{
	padding-bottom: 10px;
	cursor: pointer;
}

.save_btn.disa{
	display:none;
}
.edit_btn.disa{
	display:none;
}
.delete_btn.disa{
	display:none;
}
.undelete_btn.disa{
	display:none;
}
.form-group.inidisa{
	display:none;
}
.form-control.np{
	padding: 0rem 0rem;
}
.fa.fa-cloud-upload.save_btn{
	font-size: 1.5em;
	cursor: pointer;
}

.fa.fa-check-square{
	color: #0000000d;
}
.fa.fa-check-square.cpl100{
	color: #11ab2b;
}

.fa-file-excel-o.sel_districts{
	cursor: pointer;
}
.excel_districts_download{
	color: #107c41;
}



.form-group.half{
	margin-bottom: 0.2rem;
}

#mrf_promote_genuine2, #mrf_promote_genuine, #nd2_creputation_name3,#nd2_succession_name, #nd2_sarea_opt{
	margin-bottom: 1.0rem;
}

#saleso1_sel2,#saleso2_sel2,#saleso3_sel2,#saleso4_sel2,#saleso5_sel2,#saleso6_sel2,#saleso7_sel2,#saleso8_sel2{
	margin-bottom: 1.0rem;
}

.stext{
	font-size: 1.0rem;
}

#row267f,#row267g,#row267h{
	display: none;
}

.save_btn.lead{
	color: #87888a;
}


.save_btn.lead.green{
	color: #08d110;
}


#edit_sales_term_container, #edit_parts_term_container, #edit_service_term_container, #edit_parts_other_term_container{
	border: 1px #00000036 solid;
}

.salesoptradio.is-invalid,.partsoptradio.is-invalid,.serviceoptradio.is-invalid, .sel2ids.is-invalid, .mrf_bpure_optradio.is-invalid{
	border: 1px #F00 solid;
}


@media all and (min-width: 1600px) {


	.container.page_38{
		max-width: 1520px;
	}
	.page_38 .container{
		max-width: 1520px;
	}
	
}	


@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	#footer_outer .navbar-nav {
	    -ms-flex-direction: row;
	    flex-direction: row;
	}
	#footer_outer .navbar-nav .nav-link, #lang_search .nav-link{
	    padding-right: 0.5rem;
	    padding-left: 0.5rem;
	}	


	
}	
@media only screen and (max-width: 1024px) {
	.tx-dce-container .jll_teaser_element_outer{
		width: 96%;
		margin-right: 2%;
		margin-left: 2%;
		margin-bottom: 2em;
		float: none;
	}
	.product_image img{
		width: 100%;
		height: auto;
	}
}

@media (min-width: 1440px){
	.container.page_2, .container.page_2 .container, .container.page_11, .container.page_11 .container,.container.page_44, .container.page_44 .container, .container.widecontainer, .container.widecontainer .container,.container.page_43, .container.page_43 .container, .container.page_46, .container.page_46 .container {
	    max-width: 1400px;
	}
}

	#sactivity_table span.print_label,#mactivity_table span.print_label,#aactivity_table span.print_label{
		display: none;
	}	

@media print { 
	@page {
		size: auto !important
	}
	
	.yabp-focus-head, .yabp-focus-head-color2 {
    color: #000;
    background-color: #FFF;
	} 
	
	#add_sactivity, #add_mactivity, #add_aactivity{
		display: none;
	}
	
	.save_btn_col, .save_indicator{
		display: none;
	}
	
	#sactivity_table tr, #sactivity_table td, #mactivity_table tr, #mactivity_table td, #aactivity_table tr, #aactivity_table td{
		display: block;
	}
	
	#sactivity_table tr, #mactivity_table tr, #aactivity_table tr{
		border-bottom: 1px solid #000;
		margin-bottom: 2.5em;
	}

	#sactivity_table thead, #mactivity_table thead, #aactivity_table thead{
		display: none;
	}
	
	#sactivity_table span.print_label, #mactivity_table span.print_label, #aactivity_table span.print_label{
		display: inline-block;
		width: 20%;
		font-weight: bold;
	}	

	#sactivity_table input, #sactivity_table select, #mactivity_table input, #mactivity_table select, #aactivity_table input, #aactivity_table select{
		display: inline-block;
		width: 80%;		
	}
	
	}