#registerLayer *{
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Verdana;
}

#registerLayer{
	width:585px;
	background-color:#fbfaf7;
	position:relative !IMPORTANT;
	padding-top:1px;
}

#registerLayer div p{
	text-align:left;
	font-weight:normal;
}

#registerLayer .templateButton .buttonMid{
	height:auto;
}

/*Standart Header im Layer*/

#registerLayer #registerLayerTop{
	height:108px;
	background-image:url(layerTopBackground.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#registerLayer #registerLayerTop #registerLayerTopLeft{
	margin-left:155px;
	height:108px;
}

#registerLayer #registerLayerTop #toptitle{
	padding-top:20px;
}

#registerLayer #registerLayerTop #toptitle p{
	font-size:21px;
	color:#313131;
	font-weight:bold;
}

#registerLayer #registerLayerTop #subTitle{
	margin-top:15px;
}

#registerLayer #registerLayerTop #subTitle p{
	position:relative;
	top:-20px;
	left:65px;
	width:360px;
	font-size:15px;
	color:#313131;
	font-variant:small-caps;
}

#registerLayer #registerLayerTop #subTitle #symbol{
	width:21px;
	height:28px;
	margin-left:30px;
	background-image:url(lockIcon.jpg);
	background-repeat:no-repeat;
}

/*Header fürs Anschreiben*/

#registerLayer #registerLayerTopImage{
	height:108px;
	width:100%;
	position:relative;
}



#registerLayer #registerLayerTopImage #imageBackground{
	width:115px;
	height:111px;
	position:absolute;
	top:15px;
	left:10px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #mailPicture{
	width:38px;
	height:65px;
	background-image:url(mailPicture.png);
	background-repeat:no-repeat;
	position:absolute;
	right:73px;
	top:20px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #imageFav{
	width:105px;
	height:111px;
	background-image:url(imageFav.png);
	background-repeat:no-repeat;
	position:absolute;
	right:-2px;
	top:-10px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #imageView{
	width:105px;
	height:111px;
	background-image:url(imageView.png);
	background-repeat:no-repeat;
	position:absolute;
	right:-2px;
	top:-10px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #image{
	width:75px;
	height:96px;
	background-image:url(imageBox.png);
	background-repeat:no-repeat;
	position:absolute;
	right:-2px;
	top:-3px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #imagePositioner{
	width:60px;
	height:70px;
	position:absolute;
	line-height:70px;
	text-align:center;
}


#registerLayer .regOrangeBand{position:relative !important;height:42px;top:10px;left:-10px;}
#registerLayer .regOrangeBand h2{font-size:17px;}
#registerLayer .regOrangeBand .corner{width:10px;height:12px;background:url(orangeBandCorner.png) no-repeat;position:absolute;left:0;top:30px;}
#registerLayer .regOrangeBand .orangeBandContent{background:url(orangeBandDevolution.png) repeat-x;width:300px;height:30px;position:absolute;left:0px;right:5px;padding-left:10px;line-height:30px;color:#ffffff;box-shadow:2px -2px rgba(0, 0, 0, 0.3);}



#registerLayer #registerLayerTopImage.newStartpage{
	height:90px;
}
#registerLayer #registerLayerTopImage.newStartpage #textBox{
	width:555px;
	height:70px;
	right:15px;
	border-left:1px solid #DFDFDD;
}
#registerLayer #registerLayerTopImage.newStartpage #textBox #textBoxRightShadow #rightBottomTextBoxShadow{
	height:66px;
}
#registerLayer #registerLayerTopImage.newStartpage #textBox #bottomTextBoxShadow{
	width:555px;
}
#registerLayer #registerLayerTopImage #imageBackgroundNewStartpage{
	width:60px;
	height:60px;
	margin:5px 15px 5px 5px;
	float:left;
}

#registerLayer #registerLayerTopImage #imageBackgroundNewStartpage.moreSingles{
	width:auto;
}

#registerLayer #registerLayerTopImage #imageBackgroundNewStartpage.moreSingles .imageBox{
	display:inline-block;
	margin-right:5px;
}

#registerLayer #registerLayerTopImage #imageBackgroundNewStartpage table{
	height:60px;
}

#registerLayer #registerLayerTopImage.newStartpage #textBox #contentTextBox{
	width:auto;
}

#registerLayer #registerLayerTopImage.newStartpage #textBox #contentTextBox #textBoxTitle{
	font-size:13px;
	font-weight:bold;
	color:#f99b1d;
}
#registerLayer #registerLayerTopImage.newStartpage #textBox #contentTextBox #textBoxContent{
	font-weight:bold;
}

#registerLayer.newStartpage .titleContainer{
	margin-top:0;
}

#registerLayer.newStartpage #layerBox{
	margin:15px 15px 28px;
	border:1px solid #f99b1d;
	background-color:#ffffff;
	padding-bottom:1px;
}

#registerLayer.newStartpage #layerSearch{
	margin:15px 30px;
}
#registerLayer.newStartpage #layerSearch p{
	margin-bottom:7px;
}
#registerLayer.newStartpage #layerSearch .for{
	display:inline-block;
	width:100px;
}
#registerLayer.newStartpage #layerSearch .to{
	margin:0 10px;
}
#registerLayer.newStartpage #layerSearch label{
	display:inline-block;
    width:80px;
    margin-left:5px;
}

#registerLayer.newStartpage #layerSearch option{
	padding:0 5px 0 3px;
}



#registerLayer.newStartpage .borderContainer .borderlineLeft{
	background:none;
	border-top:1px solid #b9b9b9;
	width:135px;
}
#registerLayer.newStartpage .borderContainer .borderlineBreakOut{
	background:url(/images/horizontalSeperator.png) no-repeat -115px 0;
	width:52px;
	height:11px;
	left:135px;
}
#registerLayer.newStartpage .borderContainer .borderlineRight{
	background:none;
	border-top:1px solid #b9b9b9;
	left:185px;
	width:368px;
}



#registerLayer.newStartpage #layerFormular{
	margin:10px 30px 0;
	padding:0;
}

#registerLayer.newStartpage #layerFormular label,
#registerLayer.newStartpage #layerLoginCotent label{
	width:105px;
	margin-top:3px;
	margin-right:3px;
}

#registerLayer.newStartpage #layerFormular .messageError,
#registerLayer.newStartpage #layerFormular .messageOk,
#registerLayer.newStartpage #layerFormular .messageInfo{
	margin-left:105px;
	margin-top:5px;
}

#registerLayer.newStartpage #layerFormular .messageInfo{
	color:#999999;
}

#registerLayer.newStartpage #layerFormular input,
#registerLayer.newStartpage #layerLoginCotent input{
	margin-left:105px;
	margin-top:3px;
	margin-right:3px;
}
#registerLayer.newStartpage #layerFormular #friendshipKey{
	margin-left:155px;
	width:110px;
}
#registerLayer.newStartpage #layerFormular .erfVonContainer{
	margin-top:20px;
}
#registerLayer.newStartpage #layerFormular select{
	margin-left:105px;
	margin-top:3px;
	margin-bottom:7px;
}

#registerLayer.newStartpage #layerFormular .infoIcon{
	right:70px;
	top:3px;
}

#registerLayer.newStartpage #layerFormular .formTitle{
	font-weight:normal;
	padding:0;
}

#registerLayer .selfPromotionNote{
	margin:20px 10px;
	padding:0;
	color:#999999;
	font-size:10px;
}
#registerLayer.newStartpage .selfPromotionNote{
	margin:20px 30px;
}

#registerLayer.newStartpage #agb{
	margin:20px 30px 0;
	padding:0;
	color:#999999;
}
#registerLayer.newStartpage #agb p{
	font-size:10px;
}
#registerLayer.newStartpage #agb a{
	color:#f99b1d;
	font-size:10px;
}

#registerLayer.newStartpage #registerButtonContainer{
	margin-left:30px;
	padding:0;
}
#registerLayer.newStartpage #registerButtonContainer .buttoncontainer{
	top:-10px;
}

#registerLayer.newStartpage #registerButtonContainer .buttoncontainer .registerButton{
	width:262px;
	height:35px;
	cursor:pointer;
	background:url(/images/buttons/de/registerNowGreen.png) no-repeat;
}
#registerLayer.newStartpage #registerButtonContainer .buttoncontainer .registerButton:hover{
	background:url(/images/buttons/de/registerNowGreenHover.png) no-repeat;
}


#registerLayer.newStartpage #registerButtonContainer .buttoncontainer.pl .registerButton{
	background:url(/images/buttons/pl/registerNowGreen.png) no-repeat;
}
#registerLayer.newStartpage #registerButtonContainer .buttoncontainer.pl .registerButton:hover{
	background:url(/images/buttons/pl/registerNowGreenHover.png) no-repeat;
}

#registerLayer.newStartpage #registerButtonContainer .buttoncontainer.en .registerButton{
	background:url(/images/buttons/en/registerNowGreen.png) no-repeat;
}
#registerLayer.newStartpage #registerButtonContainer .buttoncontainer.en .registerButton:hover{
	background:url(/images/buttons/en/registerNowGreenHover.png) no-repeat;
}


#registerLayer #registerLayerTopImage #imageBackground #imageBox #image #imagePositioner{
	top:5px;
	left:5px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #imageFav #imagePositioner{
	right:10px;
	top:14px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #imageView #imagePositioner{
	right:10px;
	top:14px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #image #imagePositioner table,
#registerLayer #registerLayerTopImage #imageBackground #imageBox #imageFav #imagePositioner table,
#registerLayer #registerLayerTopImage #imageBackground #imageBox #imageView #imagePositioner table{
	width:60px;
	height:70px;
}

#registerLayer #registerLayerTopImage #imageBackground #imageBox #imagePositioner img{
	position:relative;
	vertical-align:middle;	
}

#registerLayer #registerLayerTopImage #textBox{
	width:440px;
	height:80px;
	position:absolute;
	top:15px;
	right:20px;
	background-color:#ffffff;
	border-top:1px solid #dfdfdd;
}

#registerLayer #registerLayerTopImage #textBox #textBoxRightShadow{
	width:5px;
	height:80px;
	position:absolute;
	right:-5px;
}

#registerLayer #registerLayerTopImage #textBox #textBoxRightShadow #rightTopTextBoxShadow{
	width:5px;
	height:4px;
	background-image:url(textBoxShadowRightTop.png);
	background-repeat:no-repeat;
}

#registerLayer #registerLayerTopImage #textBox #textBoxRightShadow #rightBottomTextBoxShadow{
	width:5px;
	height:76px;
	background-image:url(textBoxShadowRightBottom.png);
	background-repeat:repeat-y;
	position:absolute;
	top:4px;
}

#registerLayer #registerLayerTopImage #textBox #bottomTextBoxShadow{
	width:440px;
	height:5px;
	background-image:url(textBoxShadowBottom.png);
	background-repeat:repeat-x;
	position:absolute;
	bottom:-5px;
}

#registerLayer #registerLayerTopImage #textBox #bottomRightTextBoxCornerShadow{
	width:4px;
	height:5px;
	background-image:url(textBoxShadowRightBottomCorner.png);
	background-repeat:no-repeat;
	position:absolute;
	right:-4px;
	bottom:-5px;
}

#registerLayer #registerLayerTopImage #textBox #contentTextBox{
	width:440px;
	height:70px;
	margin:5px 5px 5px 10px;
}

#registerLayer #registerLayerTopImage.onlyTitle #textBox #contentTextBox{
	margin-left:30px;
}

#registerLayer #registerLayerTopImage #textBox #contentTextBox #textBoxTitle{
	padding-top:10px;
}

#registerLayer #registerLayerTopImage #textBox #contentTextBox #textBoxContent{
	padding-top:10px;
}

/*Layercontent*/

#registerLayer #layerContent{
	position:relative;
}

#registerLayer .titleContainer{
	position:relative;
	margin-top:20px;
	margin-bottom:-10px;
}

#registerLayer .registerTitle{
	color:#F99B1D;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}

#registerLayer .borderContainer{
	position:relative;
	height:27px;
}
#registerLayer .borderContainer .borderlineLeft{
	width:255px;
	height:7px;
	background-image:url(/images/registerBorderline.png);
	background-repeat:repeat-x;
	position:absolute;
	left:0;
}
#registerLayer .borderContainer .borderlineBreakOut{
	width:38px;
	height:27px;
	background-image:url(/images/registerBorderlineBreakOut.png);
	background-repeat:no-repeat;
	position:absolute;
	left:255px;
}
#registerLayer .borderContainer .borderlineRight{
	height:7px;
	background-image:url(/images/registerBorderline.png);
	background-repeat:repeat-x;
	position:absolute;
	right:0;
	left:293px;
}

#registerLayer #layerFormular,
#registerLayer #layerLoginCotent{
	padding-left:10px;
}

#registerLayer #layerFormular label,
#registerLayer #layerLoginCotent label{
	width:175px;
	position:absolute;
}

#registerLayer #layerFormular input,
#registerLayer #layerLoginCotent input{
	margin-left:175px;
	width:160px;
}

#registerLayer #layerFormular select{
	margin-left:175px;
	width:164px;
	margin-top:20px;
}

#registerLayer #layerFormular p,
#registerLayer #layerLoginCotent p{
	margin-top:5px;
	width:355px;
	position:relative;
}

#registerLayer #layerFormular .infoIcon{
	width:10px;
	height:10px;
	position:absolute;
	top:0;
	right:0;
	background-image:url(/images/icons/help.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

#registerLayer #layerFormular .formTitle,
#registerLayer #layerLoginCotent .formTitle{
	font-weight:bold;
	padding-top:20px;
	margin:0;
}

#registerLayer #freeRegister{
	width:121px;
	height:113px;
	background-repeat:no-repeat;
	position:absolute;
	top:40px;
	right:20px;
}

#registerLayer .freeRegisterCZ{
	background-image:url(freeRegisterCZ.png);
}
#registerLayer .freeRegisterDE{
	background-image:url(freeRegisterDE.png);
}
#registerLayer .freeRegisterEN{
	background-image:url(freeRegisterEN.png);
}
#registerLayer .freeRegisterFR{
	background-image:url(freeRegisterFR.png);
}
#registerLayer .freeRegisterPL{
	background-image:url(freeRegisterPL.png);
}

#registerLayer #layerFormular #friendContainer,
#registerLayer #layerFormular #friendshipKeyContainer,
#registerLayer #layerFormular #couponContainer{
	display:none;
	margin-top:10px;
}

#registerLayer #agb{
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
}

#registerLayer #agb a{
	color:#9d0b0e;
}

#registerLayer #registerButtonContainer{
	padding-left:5px;
	margin-top:30px;
	margin-bottom:28px;
}

#registerLayer #registerButtonContainer a{
	font-weight:bold;
	color:#ffffff;
	font-family:Verdana;
	font-size:18px;
}

#registerLayer .messageError{
	color:#A00F14;
	font-weight:bold;
	margin-left:175px;
	width:160px;
}

.otherNicknameContainer{
	margin-left:175px;
}

.otherNicknameContainer input{
	position:relative;
}

.otherNicknameContainer input{
	width:auto !IMPORTANT;
}

#registerLayer .messageOk{
	color:#6F9525;
	margin-left:175px;
	width:160px;
}

#registerLayer .messageOk p,
#registerLayer .messageError p{
	width:160px !IMPORTANT;
}

#registerLayer .messageOk input,
#registerLayer .messageError input{
	margin-left:0 !IMPORTANT;
	width:auto !IMPORTANT;
}

#registerLayer .messageOk label,
#registerLayer .messageError label{
	color:#313131 !IMPORTANT;
	font-weight:normal !IMPORTANT;
}

#registerLayer .block{
	display:block;
}

#registerLayer .none{
	display:none;
}

#layerLoginCotent .buttons{
	padding-left:175px;
	padding-top:15px;
	padding-bottom:15px;
}

#layerLoginCotent .forgotPassword{
	margin-left:175px;
}

#layerLoginCotent .buttons .templateButton{
	display:inline-block;
}

#layerLoginCotent .buttons .buttoncontainer,
#layerContent .buttoncontainer{
	display:inline-block;
	position:relative;
	top:-5px;
	margin-right:5px;
	float:left;
}

#registerLayer #registerButtonContainer .toogle{
	color:#9D0B0E;
	font-size:11px;
	margin-left:20px;
	font-weight:normal;
}


.hide{
	display:none;
}

.show{
	display:block;
}

#registerLayer .closeLayer{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	margin-bottom:10px;
}

#registerLayer .closeLayer .separatorHorizontal{
	margin-bottom:10px;
}

#registerLayer .closeLayer a{
	color:#F99B1D;
}


/*Hilfe Layer*/

	.anmInfoLayerBoxTop{
		background-image:url(/css/bk/infoLayer/box_01.png);
		width:250px;
		height:30px;
	}

	.anmInfoLayerBoxMiddle{
		background-image:url(/css/bk/infoLayer/box_02.png);
		width:250px;
	}

	.anmInfoLayerCloseBox1{
		width:200px;
		height:20px;
		text-align:left;
		float:left;
	}

	.anmInfoLayerCloseBox1 span{
		font-size:12px;
		font-weight:bold;
		margin-left:10px;
		line-height:18px;
	}

	.anmInfoLayerContentBox{
		clear:left;
		width:230px;
	}

	.anmInfoLayerContentBox div{
		margin-left:10px;
	}

	.anmInfoLayerContentBox .contentLineSpacer{
		height:15px;
		width:1px;
	}

	.anmInfoLayerCloseBox2{
		width:50px;
		height:20px;
		text-align:right;
		float:left;
	}

	.anmInfoLayerCloseBox2 img{
		margin-right:15px;
	}

	.anmInfoLayerCloseBox2 a{
		font-weight:bold;
		color:#F99B1D;
		cursor:pointer;
	}


	.anmInfoLayerBoxBottom{
		background-image:url(/css/bk/infoLayer/box_03.png);
		width:250px;
		height:25px;
	}

	.anmInfoLayerBox{
		position:absolute;
		top:0px;
		left:0px;
		width:250px;
		margin-left:-8px;
		display:block;
		visibility:visible;
		z-index:200;
	}
.mdc-dialog,.mdc-dialog__backdrop{position:fixed;width:100%;height:100%;top:0;left:0}.mdc-dialog[dir=rtl] .mdc-dialog__header,.mdc-dialog[dir=rtl] .mdc-dialog__surface,[dir=rtl] .mdc-dialog .mdc-dialog__header,[dir=rtl] .mdc-dialog .mdc-dialog__surface{text-align:right}.mdc-dialog__body,.mdc-dialog__header__title{text-decoration:inherit;text-transform:inherit;font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.mdc-dialog{display:flex;align-items:center;justify-content:center;font-size:16px!important;visibility:hidden;z-index:5000}.mdc-dialog--animating,.mdc-dialog--open{visibility:visible}.mdc-dialog h2{font-size:20px;color:#000000;}.mdc-dialog button,.mdc-dialog p{font-size:16px}.mdc-dialog p{margin-bottom:7px}.mdc-dialog__backdrop{background-color:rgba(0,0,0,.87);background-color:var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87));align-items:center;justify-content:center;opacity:0;z-index:-1}.mdc-dialog__surface{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#FAF9F5;background-color:var(--mdc-theme-background,#FAF9F5);display:inline-flex;flex-direction:column;width:calc(100% - 30px);min-width:640px;max-width:865px;transform:translateY(150px) scale(.8);border-radius:2px;opacity:0}.mdc-dialog__header{display:flex;align-items:center;padding:24px 24px 0}.mdc-dialog__header__empty{padding:0}.mdc-dialog__header__title{font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.0125em;flex:1;margin:0}.mdc-dialog__body{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:.03125em;margin-top:20px;padding:0 24px 24px}.mdc-dialog__body--scrollable{max-height:195px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);overflow-x:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch}.mdc-button,.mdc-dialog-scroll-lock{overflow:hidden}.mdc-dialog__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:8px}.mdc-dialog__footer__button{margin-left:0;margin-right:8px}.mdc-dialog__footer__button[dir=rtl],[dir=rtl] .mdc-dialog__footer__button{margin-left:8px;margin-right:0}.mdc-dialog__footer__button:last-child,.mdc-dialog__footer__button:last-child[dir=rtl],[dir=rtl] .mdc-dialog__footer__button:last-child{margin-left:0;margin-right:0}.mdc-dialog__action{color:#F78600;color:var(--mdc-theme-secondary,#F78600)}@media (max-width:640px){.mdc-dialog,.mdc-dialog__surface{min-width:280px}.mdc-dialog__body{line-height:24px}}.mdc-dialog--animating .mdc-dialog__backdrop{transition:opacity 120ms 0s cubic-bezier(0,0,.2,1)}.mdc-dialog--animating .mdc-dialog__surface{transition:opacity 120ms 0s cubic-bezier(0,0,.2,1),transform 120ms 0s cubic-bezier(0,0,.2,1)}.mdc-dialog--open .mdc-dialog__backdrop{opacity:.3}.mdc-dialog--open .mdc-dialog__surface{transform:translateY(0) scale(1);opacity:1}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity,0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity,0)}to{opacity:0}}.mdc-ripple-surface--test-edge-var-bug{--mdc-ripple-surface-test-edge-var:1px solid #000;visibility:hidden}.mdc-ripple-surface--test-edge-var-bug::before{border:var(--mdc-ripple-surface-test-edge-var)}.mdc-button{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;font-weight:500;letter-spacing:.08929em;text-decoration:none;text-transform:uppercase;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;padding:0 8px;display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;height:36px;border:none;outline:0;line-height:inherit;user-select:none;-webkit-appearance:none;vertical-align:middle;border-radius:2px}.mdc-typography--headline1,.mdc-typography--headline2,.mdc-typography--headline3{text-decoration:inherit;text-transform:inherit;font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.mdc-button::before{transition:opacity 15ms linear;z-index:1}.mdc-button.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-button.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-button.mdc-ripple-upgraded--foreground-activation::after{animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation::after{animation:150ms mdc-ripple-fg-opacity-out;transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-button::after,.mdc-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:"";top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:0}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{background-color:transparent;color:rgba(0,0,0,.37);cursor:default;pointer-events:none}.mdc-button:not(:disabled){background-color:transparent;color:#D50000;color:var(--mdc-theme-primary,#D50000)}.mdc-button::after,.mdc-button::before{background-color:#D50000}@supports not (-ms-ime-align:auto){.mdc-button::after,.mdc-button::before{background-color:var(--mdc-theme-primary,#D50000)}}.mdc-button:hover::before{opacity:.04}.mdc-button.mdc-ripple-upgraded--background-focused::before,.mdc-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.16}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:0.16}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;width:18px;height:18px;font-size:18px;vertical-align:top}.mdc-button .mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button .mdc-button__icon{margin-left:8px;margin-right:0}.mdc-button svg.mdc-button__icon{fill:currentColor}.mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon{margin-left:-4px;margin-right:8px}.mdc-button--outlined .mdc-button__icon[dir=rtl],.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--outlined .mdc-button__icon,[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon{margin-left:8px;margin-right:-4px}.mdc-button--raised,.mdc-button--unelevated{padding:0 16px}.mdc-button--raised:disabled,.mdc-button--unelevated:disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.37)}.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){background-color:#D50000;color:#fff;color:var(--mdc-theme-on-primary,#fff)}@supports not (-ms-ime-align:auto){.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){background-color:var(--mdc-theme-primary,#D50000)}}.mdc-button--raised::after,.mdc-button--raised::before,.mdc-button--unelevated::after,.mdc-button--unelevated::before{background-color:#fff}@supports not (-ms-ime-align:auto){.mdc-button--raised::after,.mdc-button--raised::before,.mdc-button--unelevated::after,.mdc-button--unelevated::before{background-color:var(--mdc-theme-on-primary,#fff)}}.mdc-button--raised:hover::before,.mdc-button--unelevated:hover::before{opacity:.08}.mdc-button--raised.mdc-ripple-upgraded--background-focused::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before,.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.24}.mdc-button--raised:not(.mdc-ripple-upgraded)::after,.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active::after,.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.32}.mdc-button--raised.mdc-ripple-upgraded,.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:0.32}.mdc-button--raised{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.mdc-button--raised:focus,.mdc-button--raised:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mdc-button--raised:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mdc-button--raised:disabled{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mdc-button--outlined{border-style:solid;padding:0 14px;border-width:2px;line-height:32px}.mdc-button--outlined:disabled{border-color:rgba(0,0,0,.37)}.mdc-button--outlined.mdc-button--dense{line-height:27px}.mdc-button--outlined:not(:disabled){border-color:#D50000;border-color:var(--mdc-theme-primary,#D50000)}.mdc-button--dense{height:32px;font-size:.8125rem;line-height:32px}.mdc-typography{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.mdc-typography--headline1{font-size:6rem;line-height:6rem;font-weight:300;letter-spacing:-.01563em}.mdc-typography--headline2{font-size:3.75rem;line-height:3.75rem;font-weight:300;letter-spacing:-.00833em}.mdc-typography--headline3{font-size:3rem;line-height:3.125rem;font-weight:400;letter-spacing:normal}.mdc-typography--headline4{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:2.125rem;line-height:2.5rem;font-weight:400;letter-spacing:.00735em;text-decoration:inherit;text-transform:inherit}.mdc-typography--headline5,.mdc-typography--headline6{line-height:2rem;text-decoration:inherit;text-transform:inherit;font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.mdc-typography--headline5{font-size:1.5rem;font-weight:400;letter-spacing:normal}.mdc-typography--headline6{font-size:1.25rem;font-weight:500;letter-spacing:.0125em}.mdc-typography--subtitle1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.00937em;text-decoration:inherit;text-transform:inherit}.mdc-typography--subtitle2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.375rem;font-weight:500;letter-spacing:.00714em;text-decoration:inherit;text-transform:inherit}.mdc-typography--body1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:.03125em;text-decoration:inherit;text-transform:inherit}.mdc-typography--body2,.mdc-typography--caption{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.25rem;font-weight:400;text-decoration:inherit;text-transform:inherit}.mdc-typography--body2{font-size:.875rem;letter-spacing:.01786em}.mdc-typography--caption{font-size:.75rem;letter-spacing:.03333em}.mdc-typography--button,.mdc-typography--overline{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;text-decoration:none;text-transform:uppercase}.mdc-typography--button{font-size:.875rem;line-height:2.25rem;letter-spacing:.08929em}.mdc-typography--overline{font-size:.75rem;line-height:2rem;letter-spacing:.16667em}