#oooFooter,#oooIE,#oooMobileHeader{display:none;}@supports (display:grid){#oooNoGrid{display:none;}}@media only screen and (max-width:1023px){#oooLoginBG{display:none;}#MainBox{position:absolute;top:0;left:0;width:100vw;min-width:320px;height:100vh;min-height:768px;padding:0;border-bottom-right-radius:20px;background-color:#fff;overflow:hidden;}#Slider{min-height:calc(692px - 10%);}@media only screen and (min-width:448px){#Slider{max-width:calc(50% + 128px);}#Slider,.ErrorBox > p,.SuccessBox > p,.WarningBox > p{margin-left:calc(25% - 112px);margin-right:calc(25% - 112px);}}}@media only screen and (min-width:1024px){#oooLoginBG{position:absolute;top:0;right:0;width:69vw;height:100vh;min-height:768px;background-color:#00023c;background-color:var(--colMainDark);}#oooLoginBG > .oooBG{position:relative;width:100%;height:100%;opacity:0.45;background-size:cover;overflow:hidden;}#oooLoginBG > h1{position:absolute;bottom:calc(4% + 24px);left:38.5vw;transform:translateX(-50%);white-space:nowrap;color:#fff;line-height:1;}#oooBGSignet{position:relative;left:15.6%;top:-5mm;width:150%;height:140%;background-size:cover;opacity:0.1;}#MainBox{position:absolute;top:0;left:0;width:35vw;min-width:358px;height:100vh;min-height:768px;padding:0;border-bottom-right-radius:20px;background-color:#fff;}#Slider{min-height:calc(692px - 10%);}}@media only screen and (max-width:1279){.Row{width:100%;margin:0;}}@media only screen and (min-width:1280px){#Slider{max-width:calc(50% + 128px);}#Slider,.ErrorBox > p,.SuccessBox > p,.WarningBox > p{margin-left:calc(25% - 112px);margin-right:calc(25% - 112px);}}#NoJavaScript,#OldBrowser,#oooNoGrid{position:relative;border-radius:10px;padding:16px 48px;background-color:#f9bcb2;background-color:var(--colNotifyErr);z-index:500;}#oooSignet{position:relative;top:calc(5% + 24px);display:block;margin-left:auto;margin-right:auto;height:52px;object-fit:contain;}.ErrorBox,.SuccessBox,.WarningBox{position:relative;top:calc(2% + 24px);display:block;padding-left:48px;padding-right:48px;}.ErrorBox > p,.SuccessBox > p,.WarningBox > p{border-radius:10px;padding:16px;text-overflow:ellipsis;z-index:100;opacity:0.96;}.SuccessBox > p{background-color:#c4cdfa;background-color:var(--colNotifyOK);}.WarningBox > p{background-color:#fffccc;background-color:var(--colNotifyWarn);}.ErrorBox > p{background-color:#f9bcb2;background-color:var(--colNotifyErr);}#Slider{position:absolute;bottom:0;width:calc(100% - 96px);height:calc(90vh - 76px);padding-left:48px;padding-right:48px;text-align:center;}#Login,#SlideArea{height:100%;}#OldBrowser,#Reset,#Signup{display:none;}.Row > input{display:inline-block;height:56px;font-size:16px;line-height:1.25;letter-spacing:0.4px;text-align:left;color:#7f809d;color:var(--colTextLight);width:calc(100% - 32px);border-radius:10px;background-color:#f7f7f9;background-color:var(--colBGLight);padding:0 0 0 32px;border:1px solid rgba(247,247,249,0);border:solid 1px var(--colBGLight);-webkit-transition:border 0.2s;-moz-transition:border 0.2s;-o-transition:border 0.2s;transition:border 0.2s;}.Row > input.oooFull,.Row > input:hover{border:1px solid #7f809d;border:solid 1px var(--colTextLight);background-color:#fff;}.Row > input.oooFull:focus,.Row > input:focus{border:1px solid #001bff;border:solid 1px var(--colMainLight);background-color:#fff;color:#001bff;color:var(--colMainLight);}label{left:calc(-100% + 24px);}.Option{margin-top:16px;text-align:right;}#oooRegister{position:absolute;bottom:calc(4% + 24px);left:50%;transform:translateX(-50%);line-height:1;}#Login button{width:100%;}#oooConfirmation{display:none;margin-top:24px;}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#oooIE{display:block;}#oooNoGrid{display:none;}@supports (display:grid){#oooIE{display:none;}}}:root{--border-radius:20px;}@media only screen and (min-width:1024px){#oooLoginBG{height:100%;width:50%;background-color:#fff;position:static;float:left;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);min-height:unset;}#oooLoginBG > .oooBG{opacity:0.75;height:90%;width:90%;}#oooLoginBG > h1{position:relative;left:50%;color:var(--colTextDark);text-align:center;}#MainBox{width:50%;height:100%;position:static;float:left;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:0;min-height:unset;display:flex;align-items:center;}#oooSignet{height:120px;position:static;padding-top:14px;}#Slider{position:static;min-height:unset;height:unset;}.Option{margin-top:16px;text-align:right;}#oooRegister{position:static;margin-top:50px;}#Login button{font-weight:700;}#Login h1{display:none;}#login-container{position:absolute;width:75%;height:75%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 2px 20px 1px rgba(100,100,100,0.1),-2px -2px 20px 1px rgba(100,100,100,0.1),-2px 2px 20px 1px rgba(100,100,100,0.1),2px -2px 20px 1px rgba(100,100,100,0.1);border-radius:var(--border-radius);}#login-container::after{content:"";display:table;clear:both;}#login-background{height:100vh;background-image:url(../img/login_background.svg);background-size:cover;}#signup-container{margin-top:20px;}#main-container{width:100%;}.ErrorBox > p{color:#fff;}}@media only screen and (max-width:1023px){#oooSignet{height:100px;margin-top:20px;}}#OTOBO_UI_Tooltips_ErrorTooltip{display:none !important;}