.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt7{margin-top:7px;}.mt8{margin-top:8px;}.mt9{margin-top:9px;}.mt10{margin-top:10px;}.mt11{margin-top:11px;}.mt12{margin-top:12px;}.mt13{margin-top:13px;}.mt14{margin-top:14px;}.mt15{margin-top:15px;}.mt16{margin-top:16px;}.mt17{margin-top:17px;}.mt18{margin-top:18px;}.mt19{margin-top:19px;}.mt20{margin-top:20px;}.mt21{margin-top:21px;}.mt22{margin-top:22px;}.mt23{margin-top:23px;}.mt24{margin-top:24px;}.mt25{margin-top:25px;}.mt26{margin-top:26px;}.mt27{margin-top:27px;}.mt28{margin-top:28px;}.mt29{margin-top:29px;}.mt30{margin-top:30px;}.mt31{margin-top:31px;}.mt32{margin-top:32px;}.mt33{margin-top:33px;}.mt34{margin-top:34px;}.mt35{margin-top:35px;}.mt36{margin-top:36px;}.mt37{margin-top:37px;}.mt38{margin-top:38px;}.mt39{margin-top:39px;}.mt40{margin-top:40px;}.mt44{margin-top:44px;}.mt48{margin-top:48px;}.mt52{margin-top:52px;}.mt56{margin-top:56px;}.mt60{margin-top:60px;}.mt64{margin-top:64px;}.mt68{margin-top:68px;}.mt72{margin-top:72px;}.mt76{margin-top:76px;}.mt80{margin-top:80px;}.mt84{margin-top:84px;}.mt88{margin-top:88px;}.mt92{margin-top:92px;}.mt96{margin-top:96px;}.mt100{margin-top:100px;}.mt104{margin-top:104px;}.mt108{margin-top:108px;}.mt112{margin-top:112px;}.mt116{margin-top:116px;}.mt120{margin-top:120px;}.mt124{margin-top:124px;}.mt128{margin-top:128px;}.mt160{margin-top:160px;}.mt192{margin-top:192px;}.mt224{margin-top:224px;}.mt256{margin-top:256px;} .mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr3{margin-right:3px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr6{margin-right:6px;}.mr7{margin-right:7px;}.mr8{margin-right:8px;}.mr9{margin-right:9px;}.mr10{margin-right:10px;}.mr11{margin-right:11px;}.mr12{margin-right:12px;}.mr13{margin-right:13px;}.mr14{margin-right:14px;}.mr15{margin-right:15px;}.mr16{margin-right:16px;}.mr17{margin-right:17px;}.mr18{margin-right:18px;}.mr19{margin-right:19px;}.mr20{margin-right:20px;}.mr21{margin-right:21px;}.mr22{margin-right:22px;}.mr23{margin-right:23px;}.mr24{margin-right:24px;}.mr25{margin-right:25px;}.mr26{margin-right:26px;}.mr27{margin-right:27px;}.mr28{margin-right:28px;}.mr29{margin-right:29px;}.mr30{margin-right:30px;}.mr31{margin-right:31px;}.mr32{margin-right:32px;}.mr33{margin-right:33px;}.mr34{margin-right:34px;}.mr35{margin-right:35px;}.mr36{margin-right:36px;}.mr37{margin-right:37px;}.mr38{margin-right:38px;}.mr39{margin-right:39px;}.mr40{margin-right:40px;}.mr44{margin-right:44px;}.mr48{margin-right:48px;}.mr52{margin-right:52px;}.mr56{margin-right:56px;}.mr60{margin-right:60px;}.mr64{margin-right:64px;}.mr68{margin-right:68px;}.mr72{margin-right:72px;}.mr76{margin-right:76px;}.mr80{margin-right:80px;}.mr84{margin-right:84px;}.mr88{margin-right:88px;}.mr92{margin-right:92px;}.mr96{margin-right:96px;}.mr100{margin-right:100px;}.mr104{margin-right:104px;}.mr108{margin-right:108px;}.mr112{margin-right:112px;}.mr116{margin-right:116px;}.mr120{margin-right:120px;}.mr124{margin-right:124px;}.mr128{margin-right:128px;}.mr160{margin-right:160px;}.mr192{margin-right:192px;}.mr224{margin-right:224px;}.mr256{margin-right:256px;} .mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb7{margin-bottom:7px;}.mb8{margin-bottom:8px;}.mb9{margin-bottom:9px;}.mb10{margin-bottom:10px;}.mb11{margin-bottom:11px;}.mb12{margin-bottom:12px;}.mb13{margin-bottom:13px;}.mb14{margin-bottom:14px;}.mb15{margin-bottom:15px;}.mb16{margin-bottom:16px;}.mb17{margin-bottom:17px;}.mb18{margin-bottom:18px;}.mb19{margin-bottom:19px;}.mb20{margin-bottom:20px;}.mb21{margin-bottom:21px;}.mb22{margin-bottom:22px;}.mb23{margin-bottom:23px;}.mb24{margin-bottom:24px;}.mb25{margin-bottom:25px;}.mb26{margin-bottom:26px;}.mb27{margin-bottom:27px;}.mb28{margin-bottom:28px;}.mb29{margin-bottom:29px;}.mb30{margin-bottom:30px;}.mb31{margin-bottom:31px;}.mb32{margin-bottom:32px;}.mb33{margin-bottom:33px;}.mb34{margin-bottom:34px;}.mb35{margin-bottom:35px;}.mb36{margin-bottom:36px;}.mb37{margin-bottom:37px;}.mb38{margin-bottom:38px;}.mb39{margin-bottom:39px;}.mb40{margin-bottom:40px;}.mb44{margin-bottom:44px;}.mb48{margin-bottom:48px;}.mb52{margin-bottom:52px;}.mb56{margin-bottom:56px;}.mb60{margin-bottom:60px;}.mb64{margin-bottom:64px;}.mb68{margin-bottom:68px;}.mb72{margin-bottom:72px;}.mb76{margin-bottom:76px;}.mb80{margin-bottom:80px;}.mb84{margin-bottom:84px;}.mb88{margin-bottom:88px;}.mb92{margin-bottom:92px;}.mb96{margin-bottom:96px;}.mb100{margin-bottom:100px;}.mb104{margin-bottom:104px;}.mb108{margin-bottom:108px;}.mb112{margin-bottom:112px;}.mb116{margin-bottom:116px;}.mb120{margin-bottom:120px;}.mb124{margin-bottom:124px;}.mb128{margin-bottom:128px;}.mb160{margin-bottom:160px;}.mb192{margin-bottom:192px;}.mb224{margin-bottom:224px;}.mb256{margin-bottom:256px;} .ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}.ml7{margin-left:7px;}.ml8{margin-left:8px;}.ml9{margin-left:9px;}.ml10{margin-left:10px;}.ml11{margin-left:11px;}.ml12{margin-left:12px;}.ml13{margin-left:13px;}.ml14{margin-left:14px;}.ml15{margin-left:15px;}.ml16{margin-left:16px;}.ml17{margin-left:17px;}.ml18{margin-left:18px;}.ml19{margin-left:19px;}.ml20{margin-left:20px;}.ml21{margin-left:21px;}.ml22{margin-left:22px;}.ml23{margin-left:23px;}.ml24{margin-left:24px;}.ml25{margin-left:25px;}.ml26{margin-left:26px;}.ml27{margin-left:27px;}.ml28{margin-left:28px;}.ml29{margin-left:29px;}.ml30{margin-left:30px;}.ml31{margin-left:31px;}.ml32{margin-left:32px;}.ml33{margin-left:33px;}.ml34{margin-left:34px;}.ml35{margin-left:35px;}.ml36{margin-left:36px;}.ml37{margin-left:37px;}.ml38{margin-left:38px;}.ml39{margin-left:39px;}.ml40{margin-left:40px;}.ml44{margin-left:44px;}.ml48{margin-left:48px;}.ml52{margin-left:52px;}.ml56{margin-left:56px;}.ml60{margin-left:60px;}.ml64{margin-left:64px;}.ml68{margin-left:68px;}.ml72{margin-left:72px;}.ml76{margin-left:76px;}.ml80{margin-left:80px;}.ml84{margin-left:84px;}.ml88{margin-left:88px;}.ml92{margin-left:92px;}.ml96{margin-left:96px;}.ml100{margin-left:100px;}.ml104{margin-left:104px;}.ml108{margin-left:108px;}.ml112{margin-left:112px;}.ml116{margin-left:116px;}.ml120{margin-left:120px;}.ml124{margin-left:124px;}.ml128{margin-left:128px;}.ml160{margin-left:160px;}.ml192{margin-left:192px;}.ml224{margin-left:224px;}.ml256{margin-left:256px;} .pt1{padding-top:1px;}.pt2{padding-top:2px;}.pt3{padding-top:3px;}.pt4{padding-top:4px;}.pt5{padding-top:5px;}.pt6{padding-top:6px;}.pt7{padding-top:7px;}.pt8{padding-top:8px;}.pt9{padding-top:9px;}.pt10{padding-top:10px;}.pt11{padding-top:11px;}.pt12{padding-top:12px;}.pt13{padding-top:13px;}.pt14{padding-top:14px;}.pt15{padding-top:15px;}.pt16{padding-top:16px;}.pt17{padding-top:17px;}.pt18{padding-top:18px;}.pt19{padding-top:19px;}.pt20{padding-top:20px;}.pt21{padding-top:21px;}.pt22{padding-top:22px;}.pt23{padding-top:23px;}.pt24{padding-top:24px;}.pt25{padding-top:25px;}.pt26{padding-top:26px;}.pt27{padding-top:27px;}.pt28{padding-top:28px;}.pt29{padding-top:29px;}.pt30{padding-top:30px;}.pt31{padding-top:31px;}.pt32{padding-top:32px;}.pt33{padding-top:33px;}.pt34{padding-top:34px;}.pt35{padding-top:35px;}.pt36{padding-top:36px;}.pt37{padding-top:37px;}.pt38{padding-top:38px;}.pt39{padding-top:39px;}.pt40{padding-top:40px;}.pt44{padding-top:44px;}.pt48{padding-top:48px;}.pt52{padding-top:52px;}.pt56{padding-top:56px;}.pt60{padding-top:60px;}.pt64{padding-top:64px;}.pt68{padding-top:68px;}.pt72{padding-top:72px;}.pt76{padding-top:76px;}.pt80{padding-top:80px;}.pt84{padding-top:84px;}.pt88{padding-top:88px;}.pt92{padding-top:92px;}.pt96{padding-top:96px;}.pt100{padding-top:100px;}.pt104{padding-top:104px;}.pt108{padding-top:108px;}.pt112{padding-top:112px;}.pt116{padding-top:116px;}.pt120{padding-top:120px;}.pt124{padding-top:124px;}.pt128{padding-top:128px;}.pt160{padding-top:160px;}.pt192{padding-top:192px;}.pt224{padding-top:224px;}.pt256{padding-top:256px;} .pr1{padding-right:1px;}.pr2{padding-right:2px;}.pr3{padding-right:3px;}.pr4{padding-right:4px;}.pr5{padding-right:5px;}.pr6{padding-right:6px;}.pr7{padding-right:7px;}.pr8{padding-right:8px;}.pr9{padding-right:9px;}.pr10{padding-right:10px;}.pr11{padding-right:11px;}.pr12{padding-right:12px;}.pr13{padding-right:13px;}.pr14{padding-right:14px;}.pr15{padding-right:15px;}.pr16{padding-right:16px;}.pr17{padding-right:17px;}.pr18{padding-right:18px;}.pr19{padding-right:19px;}.pr20{padding-right:20px;}.pr21{padding-right:21px;}.pr22{padding-right:22px;}.pr23{padding-right:23px;}.pr24{padding-right:24px;}.pr25{padding-right:25px;}.pr26{padding-right:26px;}.pr27{padding-right:27px;}.pr28{padding-right:28px;}.pr29{padding-right:29px;}.pr30{padding-right:30px;}.pr31{padding-right:31px;}.pr32{padding-right:32px;}.pr33{padding-right:33px;}.pr34{padding-right:34px;}.pr35{padding-right:35px;}.pr36{padding-right:36px;}.pr37{padding-right:37px;}.pr38{padding-right:38px;}.pr39{padding-right:39px;}.pr40{padding-right:40px;}.pr44{padding-right:44px;}.pr48{padding-right:48px;}.pr52{padding-right:52px;}.pr56{padding-right:56px;}.pr60{padding-right:60px;}.pr64{padding-right:64px;}.pr68{padding-right:68px;}.pr72{padding-right:72px;}.pr76{padding-right:76px;}.pr80{padding-right:80px;}.pr84{padding-right:84px;}.pr88{padding-right:88px;}.pr92{padding-right:92px;}.pr96{padding-right:96px;}.pr100{padding-right:100px;}.pr104{padding-right:104px;}.pr108{padding-right:108px;}.pr112{padding-right:112px;}.pr116{padding-right:116px;}.pr120{padding-right:120px;}.pr124{padding-right:124px;}.pr128{padding-right:128px;}.pr160{padding-right:160px;}.pr192{padding-right:192px;}.pr224{padding-right:224px;}.pr256{padding-right:256px;} .pb1{padding-bottom:1px;}.pb2{padding-bottom:2px;}.pb3{padding-bottom:3px;}.pb4{padding-bottom:4px;}.pb5{padding-bottom:5px;}.pb6{padding-bottom:6px;}.pb7{padding-bottom:7px;}.pb8{padding-bottom:8px;}.pb9{padding-bottom:9px;}.pb10{padding-bottom:10px;}.pb11{padding-bottom:11px;}.pb12{padding-bottom:12px;}.pb13{padding-bottom:13px;}.pb14{padding-bottom:14px;}.pb15{padding-bottom:15px;}.pb16{padding-bottom:16px;}.pb17{padding-bottom:17px;}.pb18{padding-bottom:18px;}.pb19{padding-bottom:19px;}.pb20{padding-bottom:20px;}.pb21{padding-bottom:21px;}.pb22{padding-bottom:22px;}.pb23{padding-bottom:23px;}.pb24{padding-bottom:24px;}.pb25{padding-bottom:25px;}.pb26{padding-bottom:26px;}.pb27{padding-bottom:27px;}.pb28{padding-bottom:28px;}.pb29{padding-bottom:29px;}.pb30{padding-bottom:30px;}.pb31{padding-bottom:31px;}.pb32{padding-bottom:32px;}.pb33{padding-bottom:33px;}.pb34{padding-bottom:34px;}.pb35{padding-bottom:35px;}.pb36{padding-bottom:36px;}.pb37{padding-bottom:37px;}.pb38{padding-bottom:38px;}.pb39{padding-bottom:39px;}.pb40{padding-bottom:40px;}.pb44{padding-bottom:44px;}.pb48{padding-bottom:48px;}.pb52{padding-bottom:52px;}.pb56{padding-bottom:56px;}.pb60{padding-bottom:60px;}.pb64{padding-bottom:64px;}.pb68{padding-bottom:68px;}.pb72{padding-bottom:72px;}.pb76{padding-bottom:76px;}.pb80{padding-bottom:80px;}.pb84{padding-bottom:84px;}.pb88{padding-bottom:88px;}.pb92{padding-bottom:92px;}.pb96{padding-bottom:96px;}.pb100{padding-bottom:100px;}.pb104{padding-bottom:104px;}.pb108{padding-bottom:108px;}.pb112{padding-bottom:112px;}.pb116{padding-bottom:116px;}.pb120{padding-bottom:120px;}.pb124{padding-bottom:124px;}.pb128{padding-bottom:128px;}.pb160{padding-bottom:160px;}.pb192{padding-bottom:192px;}.pb224{padding-bottom:224px;}.pb256{padding-bottom:256px;} .pl1{padding-left:1px;}.pl2{padding-left:2px;}.pl3{padding-left:3px;}.pl4{padding-left:4px;}.pl5{padding-left:5px;}.pl6{padding-left:6px;}.pl7{padding-left:7px;}.pl8{padding-left:8px;}.pl9{padding-left:9px;}.pl10{padding-left:10px;}.pl11{padding-left:11px;}.pl12{padding-left:12px;}.pl13{padding-left:13px;}.pl14{padding-left:14px;}.pl15{padding-left:15px;}.pl16{padding-left:16px;}.pl17{padding-left:17px;}.pl18{padding-left:18px;}.pl19{padding-left:19px;}.pl20{padding-left:20px;}.pl21{padding-left:21px;}.pl22{padding-left:22px;}.pl23{padding-left:23px;}.pl24{padding-left:24px;}.pl25{padding-left:25px;}.pl26{padding-left:26px;}.pl27{padding-left:27px;}.pl28{padding-left:28px;}.pl29{padding-left:29px;}.pl30{padding-left:30px;}.pl31{padding-left:31px;}.pl32{padding-left:32px;}.pl33{padding-left:33px;}.pl34{padding-left:34px;}.pl35{padding-left:35px;}.pl36{padding-left:36px;}.pl37{padding-left:37px;}.pl38{padding-left:38px;}.pl39{padding-left:39px;}.pl40{padding-left:40px;}.pl44{padding-left:44px;}.pl48{padding-left:48px;}.pl52{padding-left:52px;}.pl56{padding-left:56px;}.pl60{padding-left:60px;}.pl64{padding-left:64px;}.pl68{padding-left:68px;}.pl72{padding-left:72px;}.pl76{padding-left:76px;}.pl80{padding-left:80px;}.pl84{padding-left:84px;}.pl88{padding-left:88px;}.pl92{padding-left:92px;}.pl96{padding-left:96px;}.pl100{padding-left:100px;}.pl104{padding-left:104px;}.pl108{padding-left:108px;}.pl112{padding-left:112px;}.pl116{padding-left:116px;}.pl120{padding-left:120px;}.pl124{padding-left:124px;}.pl128{padding-left:128px;}.pl160{padding-left:160px;}.pl192{padding-left:192px;}.pl224{padding-left:224px;}.pl256{padding-left:256px;} .t1{top:1px;}.t2{top:2px;}.t3{top:3px;}.t4{top:4px;}.t5{top:5px;}.t6{top:6px;}.t7{top:7px;}.t8{top:8px;}.t9{top:9px;}.t10{top:10px;}.t11{top:11px;}.t12{top:12px;}.t13{top:13px;}.t14{top:14px;}.t15{top:15px;}.t16{top:16px;}.t17{top:17px;}.t18{top:18px;}.t19{top:19px;}.t20{top:20px;}.t21{top:21px;}.t22{top:22px;}.t23{top:23px;}.t24{top:24px;}.t25{top:25px;}.t26{top:26px;}.t27{top:27px;}.t28{top:28px;}.t29{top:29px;}.t30{top:30px;}.t31{top:31px;}.t32{top:32px;}.t33{top:33px;}.t34{top:34px;}.t35{top:35px;}.t36{top:36px;}.t37{top:37px;}.t38{top:38px;}.t39{top:39px;}.t40{top:40px;}.t44{top:44px;}.t48{top:48px;}.t52{top:52px;}.t56{top:56px;}.t60{top:60px;}.t64{top:64px;}.t68{top:68px;}.t72{top:72px;}.t76{top:76px;}.t80{top:80px;}.t84{top:84px;}.t88{top:88px;}.t92{top:92px;}.t96{top:96px;}.t100{top:100px;}.t104{top:104px;}.t108{top:108px;}.t112{top:112px;}.t116{top:116px;}.t120{top:120px;}.t124{top:124px;}.t128{top:128px;}.t160{top:160px;}.t192{top:192px;}.t224{top:224px;}.t256{top:256px;} .r1{right:1px;}.r2{right:2px;}.r3{right:3px;}.r4{right:4px;}.r5{right:5px;}.r6{right:6px;}.r7{right:7px;}.r8{right:8px;}.r9{right:9px;}.r10{right:10px;}.r11{right:11px;}.r12{right:12px;}.r13{right:13px;}.r14{right:14px;}.r15{right:15px;}.r16{right:16px;}.r17{right:17px;}.r18{right:18px;}.r19{right:19px;}.r20{right:20px;}.r21{right:21px;}.r22{right:22px;}.r23{right:23px;}.r24{right:24px;}.r25{right:25px;}.r26{right:26px;}.r27{right:27px;}.r28{right:28px;}.r29{right:29px;}.r30{right:30px;}.r31{right:31px;}.r32{right:32px;}.r33{right:33px;}.r34{right:34px;}.r35{right:35px;}.r36{right:36px;}.r37{right:37px;}.r38{right:38px;}.r39{right:39px;}.r40{right:40px;}.r44{right:44px;}.r48{right:48px;}.r52{right:52px;}.r56{right:56px;}.r60{right:60px;}.r64{right:64px;}.r68{right:68px;}.r72{right:72px;}.r76{right:76px;}.r80{right:80px;}.r84{right:84px;}.r88{right:88px;}.r92{right:92px;}.r96{right:96px;}.r100{right:100px;}.r104{right:104px;}.r108{right:108px;}.r112{right:112px;}.r116{right:116px;}.r120{right:120px;}.r124{right:124px;}.r128{right:128px;}.r160{right:160px;}.r192{right:192px;}.r224{right:224px;}.r256{right:256px;} .b1{bottom:1px;}.b2{bottom:2px;}.b3{bottom:3px;}.b4{bottom:4px;}.b5{bottom:5px;}.b6{bottom:6px;}.b7{bottom:7px;}.b8{bottom:8px;}.b9{bottom:9px;}.b10{bottom:10px;}.b11{bottom:11px;}.b12{bottom:12px;}.b13{bottom:13px;}.b14{bottom:14px;}.b15{bottom:15px;}.b16{bottom:16px;}.b17{bottom:17px;}.b18{bottom:18px;}.b19{bottom:19px;}.b20{bottom:20px;}.b21{bottom:21px;}.b22{bottom:22px;}.b23{bottom:23px;}.b24{bottom:24px;}.b25{bottom:25px;}.b26{bottom:26px;}.b27{bottom:27px;}.b28{bottom:28px;}.b29{bottom:29px;}.b30{bottom:30px;}.b31{bottom:31px;}.b32{bottom:32px;}.b33{bottom:33px;}.b34{bottom:34px;}.b35{bottom:35px;}.b36{bottom:36px;}.b37{bottom:37px;}.b38{bottom:38px;}.b39{bottom:39px;}.b40{bottom:40px;}.b44{bottom:44px;}.b48{bottom:48px;}.b52{bottom:52px;}.b56{bottom:56px;}.b60{bottom:60px;}.b64{bottom:64px;}.b68{bottom:68px;}.b72{bottom:72px;}.b76{bottom:76px;}.b80{bottom:80px;}.b84{bottom:84px;}.b88{bottom:88px;}.b92{bottom:92px;}.b96{bottom:96px;}.b100{bottom:100px;}.b104{bottom:104px;}.b108{bottom:108px;}.b112{bottom:112px;}.b116{bottom:116px;}.b120{bottom:120px;}.b124{bottom:124px;}.b128{bottom:128px;}.b160{bottom:160px;}.b192{bottom:192px;}.b224{bottom:224px;}.b256{bottom:256px;} .l1{left:1px;}.l2{left:2px;}.l3{left:3px;}.l4{left:4px;}.l5{left:5px;}.l6{left:6px;}.l7{left:7px;}.l8{left:8px;}.l9{left:9px;}.l10{left:10px;}.l11{left:11px;}.l12{left:12px;}.l13{left:13px;}.l14{left:14px;}.l15{left:15px;}.l16{left:16px;}.l17{left:17px;}.l18{left:18px;}.l19{left:19px;}.l20{left:20px;}.l21{left:21px;}.l22{left:22px;}.l23{left:23px;}.l24{left:24px;}.l25{left:25px;}.l26{left:26px;}.l27{left:27px;}.l28{left:28px;}.l29{left:29px;}.l30{left:30px;}.l31{left:31px;}.l32{left:32px;}.l33{left:33px;}.l34{left:34px;}.l35{left:35px;}.l36{left:36px;}.l37{left:37px;}.l38{left:38px;}.l39{left:39px;}.l40{left:40px;}.l44{left:44px;}.l48{left:48px;}.l52{left:52px;}.l56{left:56px;}.l60{left:60px;}.l64{left:64px;}.l68{left:68px;}.l72{left:72px;}.l76{left:76px;}.l80{left:80px;}.l84{left:84px;}.l88{left:88px;}.l92{left:92px;}.l96{left:96px;}.l100{left:100px;}.l104{left:104px;}.l108{left:108px;}.l112{left:112px;}.l116{left:116px;}.l120{left:120px;}.l124{left:124px;}.l128{left:128px;}.l160{left:160px;}.l192{left:192px;}.l224{left:224px;}.l256{left:256px;} .w2{width:2px;}.w4{width:4px;}.w6{width:6px;}.w8{width:8px;}.w10{width:10px;}.w12{width:12px;}.w14{width:14px;}.w16{width:16px;}.w20{width:20px;}.w24{width:24px;}.w28{width:28px;}.w32{width:32px;}.w36{width:36px;}.w40{width:40px;}.w44{width:44px;}.w48{width:48px;}.w52{width:52px;}.w56{width:56px;}.w60{width:60px;}.w64{width:64px;}.w72{width:72px;}.w80{width:80px;}.w88{width:88px;}.w96{width:96px;}.w104{width:104px;}.w112{width:112px;}.w120{width:120px;}.w128{width:128px;} table, .table { border-collapse: collapse; border-spacing: 0; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, table, tr, th, td { margin: 0; padding: 0; } img { border: 0; border-width: 0; font-size: 0; } .passscoreredgreen { height: 26px; width: 190px; background-image: url('/img/redgreen.gif'); text-align: left; } .passscorearrow { width: 9px; height: 26px; background-image: url('/img/redgreenarrow2.gif'); position: relative; } .nofs { font-size: 0; } .sup, .minitext { position: relative; top: -3px; } .x { text-decoration: line-through; } .s, .sup, .minitext { font-size: 0.85em; } .s2 { font-size: 0.7em; } .minitext { top: -1px; padding-right: 6px; } .vs { font-size: 0.6em; } .b, .vb, .vvb, .vvvb { font-weight: bold; } .vb { text-shadow: -1px 0 0 rgba(0, 0, 0, 0.3); } .vvb { text-shadow: -1px 0 0 rgba(0, 0, 0, 0.6); } .vvvb { text-shadow: -1px 0 0 rgba(0, 0, 0, 0.9); } .u { text-decoration: underline; } .u2 { border-bottom: 1px solid #000; } .udouble { border-bottom: 3px double rgba(0, 0, 0, 0.3); } .du { border-bottom: 1px dotted rgba(0, 0, 0, 0.3); } .du.bright { border-color: rgba(150, 150, 150, 0.6); } .do { border-top: 1px dotted rgba(0, 0, 0, 0.3); } .i { font-style: italic; } .nb { font-weight: normal; } .ni { font-style: none; } .nu { text-decoration: none; } .b1 { font-size: 1px; width: 1px; height: 1px; } .a,.a4,.a8,.a16,.a24,.a32 { font-size: 0; width: 1px; height: 8px; clear: both; } .a4 { height: 4px; } .a8 { height: 8px; } .a16 { height: 16px; } .invis { height: 0; width: 0; display: none !important; border: 0; background-color: transparent; margin: 0; padding: 0; font-size: 0; filter: chroma(color=#FFFFFF); border-color: transparent; } .l, .tal { text-align: left; } .c, .tac { text-align: center; } .r, .tar { text-align: right; } .taj { text-align: justify; } .vat { vertical-align: top; } .vam { vertical-align: middle; } .vab { vertical-align: bottom; } .flexcenter { display: flex; justify-content: center; } .flexmiddle { display: flex; align-items: center; } .big120 { font-size: 120%; } .big { font-size: 150%; } .big.normalize { line-height: 1em; } div.fll { float: left; } div.fll.margin { margin: 0 16px 16px 0; } div.flr { float: right; } div.flr.margin { margin: 0 0 16px 16px; } div.fln { float: none; } .invcb { font-size: 0; width: 0; height: 0; clear: both; } .dib { display: inline-block; } .dil { display: inline; } .db { display: block; } .df { display: flex; } .doNotWrap { white-space: nowrap; } .clickyClicky { cursor: pointer; transition: all 0.5s ease-out; } @-webkit-keyframes uilsquare { 0% { background-color: rgba(100, 131, 20, 0.25); } 1% { background-color: rgba(100, 131, 20, 1); } 11% { background-color: rgba(100, 131, 20, 1); } 41% { background-color: rgba(100, 131, 20, 0.25); } 100% { background-color: rgba(100, 131, 20, 0.25); } } @-moz-keyframes uilsquare { 0% { background-color: rgba(100, 131, 20, 0.25); } 1% { background-color: rgba(100, 131, 20, 1); } 11% { background-color: rgba(100, 131, 20, 1); } 41% { background-color: rgba(100, 131, 20, 0.25); } 100% { background-color: rgba(100, 131, 20, 0.25); } } @-ms-keyframes uilsquare { 0% { background-color: rgba(100, 131, 20, 0.25); } 1% { background-color: rgba(100, 131, 20, 1); } 11% { background-color: rgba(100, 131, 20, 1); } 41% { background-color: rgba(100, 131, 20, 0.25); } 100% { background-color: rgba(100, 131, 20, 0.25); } } @-o-keyframes uilsquare { 0% { background-color: rgba(100, 131, 20, 0.25); } 1% { background-color: rgba(100, 131, 20, 1); } 11% { background-color: rgba(100, 131, 20, 1); } 41% { background-color: rgba(100, 131, 20, 0.25); } 100% { background-color: rgba(100, 131, 20, 0.25); } } @keyframes uilsquare { 0% { background-color: rgba(100, 131, 20, 0.25); } 1% { background-color: rgba(100, 131, 20, 1); } 11% { background-color: rgba(100, 131, 20, 1); } 41% { background-color: rgba(100, 131, 20, 0.25); } 100% { background-color: rgba(100, 131, 20, 0.25); } } .uil-squares-css { background: none; position: relative; width: 200px; height: 200px; } .uil-squares-css div { position: absolute; z-index: 1; width: 40px; height: 40px; background-color: rgba(100, 131, 20, 0.25); } .uil-squares-css div > div { position: absolute; top: 0; left: 0; -ms-animation: uilsquare 1s linear infinite; -moz-animation: uilsquare 1s linear infinite; -webkit-animation: uilsquare 1s linear infinite; -o-animation: uilsquare 1s linear infinite; animation: uilsquare 1s linear infinite; width: 40px; height: 40px; } .uil-squares-css > div:nth-of-type(1) { top: 30px; left: 30px; } .uil-squares-css > div:nth-of-type(1) > div { -ms-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .uil-squares-css > div:nth-of-type(2) { top: 30px; left: 80px; } .uil-squares-css > div:nth-of-type(2) > div { -ms-animation-delay: 0.125s; -moz-animation-delay: 0.125s; -webkit-animation-delay: 0.125s; -o-animation-delay: 0.125s; animation-delay: 0.125s; } .uil-squares-css > div:nth-of-type(3) { top: 30px; left: 130px; } .uil-squares-css > div:nth-of-type(3) > div { -ms-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -webkit-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s; } .uil-squares-css > div:nth-of-type(4) { top: 80px; left: 130px; } .uil-squares-css > div:nth-of-type(4) > div { -ms-animation-delay: 0.375s; -moz-animation-delay: 0.375s; -webkit-animation-delay: 0.375s; -o-animation-delay: 0.375s; animation-delay: 0.375s; } .uil-squares-css > div:nth-of-type(5) { top: 130px; left: 130px; } .uil-squares-css > div:nth-of-type(5) > div { -ms-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .uil-squares-css > div:nth-of-type(6) { top: 130px; left: 80px; } .uil-squares-css > div:nth-of-type(6) > div { -ms-animation-delay: 0.625s; -moz-animation-delay: 0.625s; -webkit-animation-delay: 0.625s; -o-animation-delay: 0.625s; animation-delay: 0.625s; } .uil-squares-css > div:nth-of-type(7) { top: 130px; left: 30px; } .uil-squares-css > div:nth-of-type(7) > div { -ms-animation-delay: 0.75s; -moz-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -o-animation-delay: 0.75s; animation-delay: 0.75s; } .uil-squares-css > div:nth-of-type(8) { top: 80px; left: 30px; } .uil-squares-css > div:nth-of-type(8) > div { -ms-animation-delay: 0.875s; -moz-animation-delay: 0.875s; -webkit-animation-delay: 0.875s; -o-animation-delay: 0.875s; animation-delay: 0.875s; } * { font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 1.2em; margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; } *, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Open Sans', Arial, Tahoma, sans-serif; } body { color: #333; background-color: #000; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: 70vw 21.2vw; min-height: 100%; height: 100%; min-width: 100%; width: 100%; max-width: 100vw; overflow-x: hidden; overflow-y: scroll; } body.fonts-loaded { background-image: url(/img/logoRemake-whiteText-onBlackBG-eTransparent-v0002-resized.png); } body .dont-show { font-size: inherit; } .dont-show.initialized:not(.shown) { cursor: pointer; } html.noScroll, html.noScroll > body { overflow: hidden; } body, div, td, th, input, textarea { vertical-align: top; } input::placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } input:-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } input::-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } input:not(:read-only):focus::placeholder { color: transparent; } input:not(:read-only):focus::-webkit-input-placeholder { color: transparent; } input:not(:read-only):focus:-moz-placeholder { color: transparent; } input:not(:read-only):focus::-moz-placeholder { color: transparent; } input:not(:read-only):focus:-ms-input-placeholder { color: transparent; } textarea::placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); font-weight: normal; } textarea:not(:read-only):focus::placeholder { color: transparent; } textarea:not(:read-only):focus::-webkit-input-placeholder { color: transparent; } textarea:not(:read-only):focus:-moz-placeholder { color: transparent; } textarea:not(:read-only):focus::-moz-placeholder { color: transparent; } textarea:not(:read-only):focus:-ms-input-placeholder { color: transparent; } .tbl { display: table; } .tbl > * { display: table-row; } .tbl > * > * { display: table-cell; vertical-align: middle; } .table { display: table; } .table.maxWidth { width: 100%; } .tr { display: table-row; } .td { display: table-cell; } textarea, input[type="date"], input[type="text"], input[type="number"], input[type="password"], input[type="submit"], select, .toolButton, .toolButtonHeight { min-height: 1.8rem; } textarea:focus, input:focus, select:focus { outline: none; } div.statsbox { position: fixed; bottom: 0; right: 0; text-align: center; } div.stats { padding: 3px 16px; border-top: 1px solid #333; border-left: 1px solid #333; background-color: #888; opacity: 0.5; color: #fff; letter-spacing: 2px; } .invcb { font-size: 0; width: 0; height: 0; max-width: 0; max-height: 0; clear: both; } .noSelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a { transition: color 0.1s ease-out; display: inline-block; color: #fff; text-decoration: none; /*border-bottom: 1px dotted rgba(0, 0, 0, 0.3);*/ position: relative; } a:not(.toolButton):not(.noUL):before { content: " "; transition: border-color 0.1s ease-out; position: absolute; left: 0; right: 0; bottom: 0px; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); } a:not(.toolButton):not(.noUL):hover, a:not(.toolButton):not(.noUL):active { color: rgb(103, 134, 21); } a:not(.toolButton):not(.noUL):hover:before, a:not(.toolButton):not(.noUL):active:before { border-bottom-color: rgba(103, 134, 21, 0.6); } /*a.noUL, a.noUL:hover, a.noUL:active { border-bottom: none; }*/ .eopusGreen { color: rgb(148, 193, 30); } .eopusGreen.shadowed { text-shadow: 1px 1px 2px #000; } .eopusGreenBG { background-color: rgba(148, 193, 30, 0.70); color: #fff; } .eopusGreenBG a { display: inline-block; color: rgb(255, 255, 255); text-decoration: none; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); } .eopusGreenBG a:hover, .eopusGreenBG a:active { color: rgb(235, 235, 235); border-bottom: 1px dotted rgba(235, 235, 235, 0.6); } div.footer { position: fixed; bottom: 0; left: 0; padding-left: 30px; background-color: rgba(0, 0, 0, 0.3); background-color: rgba(18, 19, 22, 0.97); text-align: center; color: #eee; border-radius: 0 15px 0 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); overflow: hidden; } div.footer a { transition: color 0.3s ease-out, background-color 0.3s ease-out; display: inline-block; color: rgb(235, 235, 235); text-decoration: none; border-bottom: 0; padding: 6px 16px; background-color: rgba(0, 0, 0, 0.1); margin: 0 0 0 1px; } div.footer a:hover, div.footer a.active { color: rgb(255, 255, 255); border-bottom: 0; background-color: rgba(148, 193, 30, 0.6); /*rgba(0, 0, 0, 0.35);*/ } div.footer a:active { transition: color 0.05s ease-out, background-color 0.05s ease-out; color: rgb(255, 255, 255); border-bottom: 0; background-color: rgb(148, 193, 30); } .tblcolbg1, .tblcolbg2, .tblcolbg3 { color: rgb(213, 214, 219); } .tblcolbg1 { background-color: rgba(255, 255, 255, 0.1); } .tblcolbg2 { background-color: rgba(255, 255, 255, 0.12); } .tblcolbg3 { background-color: rgba(255, 255, 255, 0.14); } .tblcolborder { background-color: rgba(0, 0, 0, 0); } td.tbl, th.tbl { vertical-align: top; padding: 0 5px 0 5px; white-space: nowrap; color: #fff; } div.tbl { float: left; margin-right: 24px; } div.menuBox { position: fixed; top: 0; bottom: 0; left: -270px; width: 300px; background-color: rgba(49, 51, 59, 0.95); /* background: linear-gradient(90deg, rgba(49, 51, 59, 0.98) 0% 10%, rgba(66, 68, 79, 0.94) 100%); */ backdrop-filter: blur(5px); box-shadow: 1px 0 20px rgba(0, 0, 0, 0.5); border-right: 1px solid rgba(0, 0, 0, 0.25); transition: left 0.5s ease-in-out; color: #eee; z-index: 10000; } div.menuBox:not(.active) { cursor: pointer; } div.menuBox.active { transition: left 0.25s ease-in-out; left: 0; } div.menuBox > div.menuIconBg { position: absolute; top: 0; bottom: 0; right: 0; width: 30px; max-width: 30px; overflow: hidden; background-color: rgba(0, 0, 0, 0.3); box-shadow: 4px 0 8px rgba(0, 0, 0, 0.5) inset; border-left: 1px solid rgba(255, 255, 255, 0.1); } div.menuBox > div.menuIcon { position: absolute; top: 0; bottom: 0; right: 0; display: flex; flex-direction: column; justify-content: space-around; align-items: flex-end; align-content: flex-end; } div.menuBox > div.menuIcon > i { font-size: 4em; position: relative; left: 11px; color: rgb(148, 193, 30); transition: all 0.75s ease-in-out; transition-delay: 0.2s; text-shadow: none; } div.menuBox.active div.menuIcon > i, div.menuBox div.menuIcon > i.menuBoxActive { color: rgb(203, 234, 121); text-shadow: 0 0 15px #fff; transition: all 0.25s ease-in-out; } div.menuBox > div.menuIcon > div { opacity: 0.35; transition: all 0.75s ease-in-out; transition-delay: 0.2s; text-shadow: none; } div.menuBox.active div.menuIcon > div, div.menuBox div.menuIcon > div.menuBoxActive { opacity: 0.75; color: rgb(203, 234, 121); text-shadow: 0 0 15px #fff; transition: all 0.25s ease-in-out; } div.menuBox div.ifViaMenu { position: fixed; } div.navigationBox * { transition: all 0.2s ease-in-out; } div.navigationBoxOuter { position: fixed; top: 0; left: 0; right: 0; pointer-events: none; min-height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; z-index: 0; box-shadow: 0 1px 25px rgba(15, 16, 18, 1), 0 1px 15px rgba(15, 16, 18, 1); } div.navigationBoxOuter > * { padding: 4px 4px 4px; margin: -2px -2px 0 31px; width: 100%; background-color: rgb(34, 36, 42); z-index: 1000; pointer-events: auto; } div.navigationBox a.navButton { border-bottom: none; text-align: center; text-shadow: 0 0 3px rgba(0, 0, 0, 0.45); white-space: nowrap; } div.navigationBox { height: inherit; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; border-top: 0; /*padding: 4px 4px 2px; margin: -2px -2px -2px 31px;*/ overflow: hidden; } .navBack { margin-right: 16px; } .navBack > div { width: 48px; height: 48px; border-radius: 48px; display: flex; justify-content: center; align-items: center; } .navBack > div { margin: 0 1px; } div.navigationBox > .navButton { margin: 2px; } .navBack > div, div.navigationBox > .navButton > div { border: 1px solid transparent; color: rgb(177, 193, 136); background-color: rgba(255, 255, 255, 0.05); position: relative; } .navBack > div:hover, div.navigationBox > .navButton > div:hover, .navBack > div:active, div.navigationBox > .navButton > div:active, div.navigationBox > .navButton.active > div { background-color: rgba(0, 0, 0, 0.35); } .navBack > div:hover, div.navigationBox > .navButton > div:hover, .navBack > div:active, div.navigationBox > .navButton > div:active { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .navBack > div:active, div.navigationBox > .navButton > div:active { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset; } div.navigationBox > .navButton > div { min-height: 40px; display: flex; justify-content: center; align-items: center; padding: 10px 15px; } div.navigationBox > .navButton.yellow > div { color: rgb(193, 181, 136); } div.navigationBox > .navButton.blue > div { color: rgb(136, 164, 193); } div.navigationBox > .navButton.grey > div { color: rgb(164, 164, 164); } @media all and (max-width: 1024px) { div.navigationBoxOuter { position: absolute; } div.navigationBox > .navButton { flex: 5 5 auto; } div.navigationBox > .navButton > div { min-height: 0; padding: 3px 15px; } } @media all and (max-width: 768px) { div.navigationBox > .navButton { margin: 0 1px 1px 0; } div.navigationBox > .navButton > div { min-height: 0; padding: 3px 8px; } } div.mainContainer { background-color: rgba(30, 31, 36, 0.98); /* background: linear-gradient(-10deg, rgba(19, 20, 23, 0.98), rgba(42, 44, 51, 0.98)); */ min-height: 100%; min-width: 100%; width: 100%; max-width: 100%; padding: 122px 45px 140px 60px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; } div.mainContainer.incomingCall { box-shadow: 0 0 20vw rgba(255, 0, 0, 0.5) inset; } div.mainOuterContainer { width: 100%; max-width: 100%; min-height: 100%; display: flex; justify-content: center; } .ease { transition: all 0.3s ease-out; } .ease:hover { transition: all 0.1s ease-out; } div.content { position: relative; background-color: rgba(49, 51, 59, 0.5); /* background-color: rgba(186, 194, 224, 0.07); */ /* background: linear-gradient(125deg, rgba(49, 51, 59, 0.5), rgba(74, 77, 89, 0.5)); */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); overflow: hidden; flex: 1 1 30%; /*width: 30%;*/ margin: 16px; /*display: flex; align-items: stretch;*/ /* backdrop-filter: blur(5px); */ } div.content.isFiller { align-self: flex-start; height: 0; max-height: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; opacity: 0; pointer-events: none; margin: 0; } div.content.isFiller > * { display: none !important; } div.content.autoWidth { flex: 0 1 auto; } div.content.halfWidth { flex: 1 1 45%; /*width: 45.8%; width: calc(45% + 16px);*/ } div.content.quarterWidth { flex: 1 1 22.5%; /*width: 23.3%; width: calc(22.5% + 16px);*/ } div.content.fullWidth { flex: 1 1 90%; /*width: 94%; width: calc(90% + 64px);*/ } div.content.twoThirds { flex: 1 1 62.5%; /*width: 63.3%; width: calc(62.5% + 16px);*/ } div.content.noFlexGrow { flex-grow: 0; } div.content.invisiblyAdded { background-color: transparent; box-shadow: none; border-radius: 0; border: none; } div.content.noMinWidth { min-width: initial; } @media all and (max-width: 1600px) { div.content.halfWidth { flex: 1 1 90%; } div.content.quarterWidth { flex: 1 1 45%; } div.content.fullWidth { flex: 1 1 90%; } div.content.twoThirds { flex: 1 1 62.5%; } } @media all and (max-width: 1024px) { div.mainContainer { padding-left: 35px; padding-right: 40px; } div.content { margin-left: 2px; margin-right: 2px; } } div.content > div.contentInner { width: 100%; min-width: 100%; min-height: 10px; max-width: 100%; display: flex; justify-content: center; align-items: stretch; } div.content > div.contentInner > div.contentContent { /*padding: 50px 18px 16px 18px;*/ padding: 16px 18px; overflow: auto; width: 100%; max-width: 100%; color: #ddd; } div.content.contentWithoutTitle > div.contentInner > div.contentContent { padding: 16px 18px; } div.contentTitle { /*position: absolute; top: 0; left: 0; right: 0;*/ padding: 6px 10px 5px; margin: 0 8px; border-bottom: 2px solid rgba(148, 193, 30, 0.75); font-weight: normal; color: rgba(255, 255, 255, 0.9); overflow: hidden; display: flex; justify-content: space-between; height: 33px; } div.contentTitle.randomBG { display: none; box-shadow: none; text-shadow: none; /*background-image: url('/img/randombg.jpg'); background-size: cover;*/ opacity: 0.2; color: transparent; } div.contentTitle > div.titleLeft, div.contentTitle > div.titleRight { position: relative; font-size: 1.3em; line-height: 1.3em; white-space: nowrap; } div.contentTitle > div.titleLeft { padding-right: 8px; } div.contentTitle > div.titleRight { font-style: oblique; color: rgba(255, 255, 255, 0.5); margin-left: 1em; } div.onTopEffect, div.shadowEffect { display: none; font-size: 1em; } div.contentTitle > div > div.onTopEffect { position: absolute; top: 0; left: 0; right: -10px; height: 50%; overflow: hidden; color: rgba(0, 0, 0, 0.3); text-shadow: none; } div.contentTitle > div > div.shadowEffect { position: absolute; top: 43%; left: 0; right: -10px; height: 100%; width: 120%; color: transparent; text-shadow: 0 0 3px rgba(0, 0, 0, 0.20); -moz-transform: scaleY(-0.5); -o-transform: scaleY(-0.5); -webkit-transform: scaleY(-0.5); transform: scaleY(-0.5); } /* handheld war vorher hier */ @-webkit-keyframes showAutoTooltip { 0%, 100% { z-index: -5; opacity: 0; } 15%, 70% { z-index: 5000; opacity: 1; } } @-moz-keyframes showAutoTooltip { 0%, 100% { z-index: -5; opacity: 0; } 15%, 70% { z-index: 5000; opacity: 1; } } @-ms-keyframes showAutoTooltip { 0%, 100% { z-index: -5; opacity: 0; } 15%, 70% { z-index: 5000; opacity: 1; } } @-o-keyframes showAutoTooltip { 0%, 100% { z-index: -5; opacity: 0; } 15%, 70% { z-index: 5000; opacity: 1; } } @keyframes showAutoTooltip { 0%, 100% { z-index: -5; opacity: 0; } 15%, 70% { z-index: 5000; opacity: 1; } } div.autoTooltip * { -webkit-animation: showAutoTooltip 10s ease-in-out 1s 1; -moz-animation: showAutoTooltip 10s ease-in-out 1s 1; -ms-animation: showAutoTooltip 10s ease-in-out 1s 1; -o-animation: showAutoTooltip 10s ease-in-out 1s 1; animation: showAutoTooltip 10s ease-in-out 1s 1; opacity: 0; } div.autoTooltip > * { border-radius: 50px; font-size: 1.2em; } div.autoTooltip > div.forMenu { position: absolute; top: 10%; left: 350px; background-color: rgba(0, 0, 0, 0.25); padding: 16px; text-align: center; color: #eee; } div.forMenu > i { display: inline-block; vertical-align: middle; } div.forMenu > div { font-size: 1.1em; display: inline-block; vertical-align: middle; position: relative; top: 1px; } div.menuContents { width: 260px; padding: 10px 0 10px 10px; } div.menuContents > a, div.subMenu > a, div.menuEntry > a { border: 0; display: block; color: #fff; padding: 8px 8px; } div.menuContents > a > div.menuEntry, div.menuContents > div.menuEntry { width: 100%; margin: 1px auto; color: #fff; transition: all 0.15s ease-out; display: block; background-color: rgba(0, 0, 0, 0.35); } div.subMenu > a > div.menuEntry, div.subMenu > div.menuEntry { width: 100%; margin: 1px auto; color: #fff; transition: all 0.15s ease-out; display: block; background-color: rgba(0, 0, 0, 0.25); } div.menuEntry { position: relative; } div.menuContents > a > div.menuEntry:hover, div.menuContents > div.menuEntry:hover, div.subMenu > a > div.menuEntry:hover, div.subMenu > div.menuEntry:hover, div.menuContents > a > div.menuEntry.active, div.menuContents > div.menuEntry.active, div.subMenu > a > div.menuEntry.active, div.subMenu > div.menuEntry.active { background-color: rgba(148, 193, 30, 0.45); box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); } div.menuContents > div.menuEntry.active > div.subMenu, div.subMenu > div.menuEntry.active > div.subMenu { z-index: 500; opacity: 1; display: block; } div.subMenu { position: absolute; top: -13%; left: 90%; background-color: rgba(41, 44, 48, 0.95); padding: 3px 5px; z-index: -5; opacity: 0; min-width: 250px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); display: none; } div.subMenuIcon { color: rgba(255, 255, 255, 0.4); position: absolute; right: 0; top: 3px; bottom: 0; } p { display: block; margin-bottom: 16px; } form, input[type="date"], input[type="text"], input[type="number"], input[type="password"], textarea, select { width: 100%; } input, textarea, select { color: #fff; } input, textarea, select, select > option { cursor: pointer; } input, textarea, .inputEffects { transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, outline 0.2s ease-out; } input, textarea { padding: 3px 5px; } select { padding: 2px 5px; } textarea { min-height: 12.5rem; } input[type="date"]:not(.disabled), input[type="text"]:not(.disabled), input[type="file"]:not(.disabled), input[type="number"]:not(.disabled), input[type="password"]:not(.disabled), textarea:not(.disabled), /* select:not(.disabled), */ .inputEffects:not(.disabled) { background-color: rgba(255, 255, 255, 0.15); border: none; } select:not(.disabled) { border: none; } input[type="date"].disabled, input[type="text"].disabled, input[type="file"].disabled, input[type="number"].disabled, input[type="password"].disabled, textarea.disabled, select.disabled, .inputEffects.disabled { background-color: rgba(255, 255, 255, 0.06); border: none; color: rgba(255, 255, 255, 0.65); } input[type="submit"], .toolButton, .ui-widget-content a.toolButton:not(:hover) { border: 1px solid rgba(0, 0, 0, 0.2); border-top-color: rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.1); font-weight: bold; color: rgb(148, 193, 30); background-color: rgba(0, 0, 0, 0.35); box-shadow: none; cursor: pointer; outline: none; } input[type="submit"].bright-1, .toolButton.bright-1, .ui-widget-content a.toolButton.bright-1:not(:hover) { background-color: rgba(255, 255, 255, 0.05); } input[type="submit"].bright-1, .toolButton.bright-2, .ui-widget-content a.toolButton.bright-2:not(:hover) { background-color: rgba(255, 255, 255, 0.10); } input[type="submit"].bright-1, .toolButton.bright-3, .ui-widget-content a.toolButton.bright-3:not(:hover) { background-color: rgba(255, 255, 255, 0.15); } input[type="submit"].bright-1, .toolButton.bright-4, .ui-widget-content a.toolButton.bright-4:not(:hover) { background-color: rgba(255, 255, 255, 0.20); } input[type="submit"].bright-1, .toolButton.bright-5, .ui-widget-content a.toolButton.bright-5:not(:hover) { background-color: rgba(255, 255, 255, 0.25); } input[type="submit"], .toolButton, .toolButtonHeight, .ui-widget button.toolButton { padding: 3px 16px; font-size: 0.9em; } .toolButtonHeight { border: 1px solid transparent; } .toolButton, .toolButtonHeight { padding: 4px 16px 3px; /*padding: 4px 16px 0px;*/ cursor: pointer; /*border-radius: 5px;*/ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; } .toolButton.inline, .toolButtonHeight.inline { display: inline-block; } input[type="submit"]:hover, .toolButton:hover, .toolButton.active { background-color: rgb(148, 193, 30); color: rgba(0, 0, 0, 0.7); border-color: transparent; } input[type="submit"]:active, .toolButton:active { /*background-color: rgb(192, 230, 96); border: 1px solid rgb(180, 180, 180); border-top-color: rgb(100, 100, 100); border-left-color: rgb(100, 100, 100);*/ background-color: rgb(192, 230, 96); /*border: 1px solid rgba(255, 255, 255, 0.3); border-top-color: rgba(0, 0, 0, 0.7); border-left-color: rgba(0, 0, 0, 0.7);*/ border-color: transparent; } .toolButton.disabled:not(:hover):not(:active) { color: #bbb; opacity: 0.55; } .toolButton.inactive { color: #ddd; opacity: 0.34; pointer-events: none; } input[type="radio"], input[type="checkbox"] { box-shadow: none; height: 17px; width: 17px; margin-right: 4px; } /*.mfirefox input[type="radio"], .mfirefox input[type="checkbox"] { transform: scale(1.28); }*/ input[type="radio"].noMargin, input[type="checkbox"].noMargin { margin: 0; } input:not(.disabled):not(:disabled):not(:focus):hover, textarea:not(.disabled):not(:disabled):not(:focus):hover, .inputEffects:not(.disabled):hover { background-color: rgba(148, 193, 30, 0.5); } input:not(.disabled):focus, textarea:not(.disabled):focus, .inputEffects:not(.disabled):focus { /* background-color: rgb(106, 128, 47); */ background-color: rgba(148, 193, 30, 0.3); outline-width: 0; outline: none; } select:not(.disabled):not(:disabled):not(:focus):hover, select:not(.disabled):focus, select, select option { /* background-color: rgba(49, 51, 59, 0.85); */ /* background-color: rgb(106, 128, 47); */ /* background-color: rgb(86, 112, 17); */ background-color: rgb(80, 97, 36); outline-width: 0; outline: none; } select { padding-inline: 0; } select option { padding-inline: 0.5rem; } select:not(.disabled):not(:disabled) option:hover, select:not(.disabled):not(:disabled) option:focus, select:not(.disabled):not(:disabled) option:active, select:not(.disabled):not(:disabled) option:checked { background-color: rgba(0, 0, 0, 0.65); color: rgb(148, 193, 30); } select[multiple] { transition: min-height 0.6s ease; height: auto; min-height: 76px; } select[multiple]:hover { min-height: 160px; } div.inlinePadding { display: inline-block; padding: 0 6px; font-size: 1em; } .somePaddingLR { padding: 0 2px; border: none; } .tableButtonHover { padding: 2px 12px; background-color: rgba(255, 255, 255, 0.1); } .backButton { position: absolute; bottom: 20px; left: 20px; padding: 4px 12px; background-color: rgba(0, 0, 0, 0.1); border-radius: 15px; } div#datenSchutz * { background-color: transparent !important; font-size: 13px !important; } .pageLinks { padding: 0 3px; border-bottom: 1px solid transparent; } .flexy { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; } .flexy > * { display: block; } .flexy.around { justify-content: space-around; } .flexyGrid { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } .flagWidget { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: rgba(192, 230, 96, 0.20); min-width: 60px; min-height: 30px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); padding: 0 16px; } .flagWidget.redHover:hover { background-color: rgb(255, 80, 50); box-shadow: 0 0 25px #d00; } .highlightForOverlay { z-index: 11000; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); z-index: 10500; } .overlay > .inner { position: relative; min-width: 400px; padding: 20px 48px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.75); border: 2px dashed rgba(255, 255, 255, 0.25); border-radius: 10px; background-color: rgba(56, 73, 12, 0.95); color: rgb(148, 193, 30); font-weight: bold; text-align: center; z-index: 50; } .overlay > .inner.red { background-color: rgba(119, 30, 30, 0.95); color: #fee; } .overlay > .inner > .ask { font-size: 1.5em; margin-bottom: 20px; } .overlay > .inner .yesButton, .overlay > .inner .noButton { margin-top: 16px; display: inline-block; min-width: 150px; padding: 8px 24px; background-color: rgba(0, 0, 0, 0.4); font-size: 1.5em; color: #fff; border-radius: 100vw; } .overlay > .inner .yesButton:hover, .overlay > .inner .noButton:hover { background-color: rgba(255, 255, 255, 0.15); } .overlay > .inner .noButton { margin-right: 16px; } .overlay > .inner .yesButton { margin-left: 16px; } .overlay > .inner.red .yesButton { color: #e22; } .overlay > .inner.red .yesButton:hover { text-shadow: 0 0 5px #000; } .overlay .noButton, .overlay .yesButton { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .overlay .checkBoxLine { position: relative; left: -3px; } .overlay input[type="checkbox"] { max-height: 1em; max-width: 1em; position: relative; top: 1px; } div.submit { display: inline-block; } .existingConnections, .suggestedConnections { display: flex; justify-content: flex-start; align-content: flex-start; align-items: stretch; flex-wrap: wrap; } .existingConnections > .connection, .suggestedConnections > .connection { margin: 0 10px 10px 0; border: 1px solid rgba(0, 0, 0, 0.25); padding: 4px 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .existingConnections > .connection { background-color: rgba(255, 255, 255, 0.25); } .existingConnections > .connection.remove { background-color: rgba(255, 170, 170, 0.25); box-shadow: 0 0 20px rgba(140, 0, 0, 0.7); } .suggestedConnections > .connection { background-color: rgba(255, 255, 255, 0.25); } .suggestedConnections > .connection > .similar1 { font-size: 0.8em; color: #a50; } .suggestedConnections > .connection > .similar2 { font-size: 0.9em; color: #760; } .suggestedConnections > .connection > .similar3 { font-size: 1.0em; color: #180; } .suggestedConnections > .connection > .similar4 { font-size: 1.0em; color: #0a0; font-weight: bold; } .fLeft { float: left; } .fRight { float: right; } .connectionBorderTop { margin: 24px 0 16px 0; border-top: 1px dotted rgba(0, 0, 0, 0.3); padding-top: 8px; font-size: 1.4em; font-weight: bold; } .forceScrollV { min-height: 80vh; height: 80vh; max-height: 80vh; overflow-x: hidden; overflow-y: scroll; overscroll-behavior: none; } .forceScroll { min-height: 80vh; height: 80vh; max-height: 80vh; overflow-x: auto; overflow-y: scroll; overscroll-behavior: none; } .addrLog { /*display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: stretch;*/ display: grid; grid-template-columns: 1fr 1fr 1fr; } .addrLog > .addrLogEntry { /*flex: 0 1 calc(33.3% - 1*12px); border-radius: 8px; max-width: calc(33.3% - 1*12px);*/ border: 1px solid rgba(0, 0, 0, 0.15); background-color: rgba(255, 255, 255, 0.2); margin: 0 10px 10px 0; position: relative; overflow: hidden; } .addrLog > .addrLogEntry:nth-child(2n) { /*background-color: rgba(255, 255, 255, 0.1);*/ } .addrLog > .finalFiller { /*flex: 1000 1 auto; visibility: hidden; opacity: 0;*/ display: none; } .addrLog > .logAllEntriesWrapper { grid-column: 1 / -1; text-align: center; } .addrLog .title { width: 100%; padding: 4px 6px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.3); display: flex; flex-direction: column; } .addrLog > *:nth-child(2n) .title { background-color: rgba(255, 255, 255, 0.2); } .addrLog .title > * { font-weight: bold; margin-right: 16px; font-size: 0.9em; } .addrLog .title > *:nth-child(3), .addrLog .title > *:last-child { text-align: right; font-size: 0.8em; margin-right: 0; /*color: rgb(148, 193, 30);*/ } .addrLog .entry { padding: 6px 6px; } .bugComments { background-color: rgba(0, 0, 0, 0.07); border: 1px dotted rgba(0, 0, 0, 0.15); text-align: center; padding: 2px 6px; } .doneField, .fixedMailField { overflow: hidden; border: 2px solid rgba(0, 0, 0, 0.15) !important; border-radius: 100vw; background-color: rgba(0, 0, 0, 0.1); transition: all 0.15s ease-in-out; width: 104px; height: 104px; text-align: center; vertical-align: middle; margin-bottom: 16px; } .doneField { font-size: 8rem; } .fixedMailField { padding: 10px 0 0 0; } .doneField:hover, .doneField.done, .fixedMailField:hover, .fixedMailField.done { border: 2px solid rgba(0, 0, 0, 0.3) !important; background-color: rgb(208, 218, 184); box-shadow: 0 0 20px rgba(0, 0, 0, 0.25) inset; } .fixedMailField:hover, .fixedMailField.done { background-color: rgb(172, 221, 215); color: rgb(32, 77, 71); } .flexCenter { display: flex; justify-content: center; } .flexMiddle { display: flex; align-items: center; align-content: center; } .flexAround { display: flex; justify-content: space-around; } .flexBetween { display: flex; justify-content: space-between; } .flexLeft { display: flex; justify-content: flex-start; align-items: center; } .s { font-size: 0.85em; } .big { font-size: 1.3em; } .bigger { font-size: 1.5em; } .dynamicPart { transition: all 0.5s ease-in-out; position: fixed; left: -100vh; opacity: 0; } .dynamicPart.show { transition: all 0.5s ease-in-out; position: relative; left: 0; opacity: 1; } .material-icons.yepSymbol, .material-icons.nopeSymbol { font-size: 16px; color: rgb(116, 151, 23); font-weight: bold; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); } .material-icons.nopeSymbol { color: #e22; /*rgb(151, 27, 23);*/ } .warningText { color: #e22; font-style: italic; font-weight: bold; text-shadow: 0 0 3px #000; } .warningText2 { color: #e22; /*rgb(220, 40, 0);*/ font-weight: bold; text-shadow: 0 0 1px #e22 !important; } #eowebMainColor, #eofrnMainColor { border: 1px solid rgba(0, 0, 0, 0.35); width: 24px; height: 100%; min-height: 16px; display: inline-block; } .toggleText { transition: all 0.5s ease-in-out; } .hideText { display: none; } #eoAltLicenseHelp { padding: 4px 0 0 16px; } #eoAltLicenseHelp > ol { list-style-position: outside; } #eoAltLicenseHelp > ol > li { margin-top: 10px; } .branchColumnList { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } .branchColumnList > div { margin: 0 16px 32px 0; } .markedBranchItem { color: #66a; text-shadow: 0 0 7px #fff; font-weight: bold; border-bottom-color: #66a; } .lastMovedBranchItem { text-shadow: 0 0 4px #fff; color: #226; border-bottom-color: #88d; } .branchAvgColor { border: 1px solid rgba(0, 0, 0, 0.35); width: 24px; height: 100%; min-height: 16px; display: inline-block; } .headerImageBranchServio { max-width: 100%; } .branchWidget { display: inline-block; padding: 3px 6px; border: 1px dotted rgba(0, 0, 0, 0.3); border-radius: 5px; background-color: rgba(0, 255, 0, 0.12); margin: 0 4px 0 0; } .branchWidget .removeWidget, .iconRemoveBranch { transition: all 0.05s ease-out; display: inline-block; font-size: 1.2em; color: #900; text-shadow: 0 0 2px #000; cursor: pointer; position: relative; left: 3px; margin-left: 4px; } .branchWidget .removeWidget:hover, .iconRemoveBranch:hover { color: #e22; } .iconRemoveBranch { position: relative; left: -2px; } .slightlyVisible { color: rgba(255, 255, 255, 0.25); } .phoneOverlayTopBar, .overlayTopBar { height: 30px; background-color: rgb(100, 131, 20); display: flex; justify-content: space-between; align-items: center; align-content: center; cursor: move; } .overlayTopBar { background-color: rgb(114, 121, 94); } .phoneOverlayTitle, .overlayTitle { color: #fff; padding-left: 10px; font-size: 1.15em; letter-spacing: 1px; } .phoneOverlayTitle.hide, .overlayTitleHide { display: none; } .phoneOverlayCloseButton, .overlayCloseButton { color: #fff; padding: 2px 10px; cursor: pointer; background-color: rgba(255, 255, 255, 0.1); z-index: 1; height: 100%; } .phoneOverlayCloseButton:hover, .overlayCloseButton:hover { color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.3); } #forceOverlay, #alterTitle { display: none; } .grayColor, .greyColor, .grayText, .greyText { color: #555; } .redColor, .redText { color: #e22; } .orangeColor, .orangeText { color: #d82; } .yellowColor, .yellowText { color: #dd2; } .eopusGreenColor, .eopusGreenText { color: rgb(148, 193, 30); } .greenColor, .greenText { color: #2d2; } .grayText, .greyText, .redText, .orangeText, .yellowText, .greenText { font-weight: bold; } .verticalText { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); transform-origin: center top; } .menuBarText { position: relative; left: 0.75ex; letter-spacing: 3px; font-size: 1.25em; } .doNotShow { visibility: hidden; } .satzArtenListe { display: flex; flex-wrap: wrap; align-items: stretch; align-content: stretch; justify-content: flex-start; } .satzArtenListe > a { margin: 0 6px 6px 0; } .satzArtenListe > a > div, .bigDarkButton { transition: all 0.2s ease-out; color: rgb(148, 193, 30); text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); font-weight: bold; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; text-align: center; padding: 2px 4px; width: 130px; height: 60px; border: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.65); border-radius: 10px; } .satzArtenListe > a > div.leereSatzart { background-color: rgba(0, 0, 0, 0.45); color: #555; text-shadow: none; } .satzArtenListe > a > div.leereSatzart > span.littleInfo { color: #999; } .bigDarkButton { width: initial; padding: 2px 10px; } .satzArtenListe > a > div:hover, .bigDarkButton:hover { color: #fff; background-color: rgb(148, 193, 30); border-bottom-right-radius: 30px; box-shadow: 0 0 25px #fff; } .satzArtenListe > a > div .littleInfo, .bigDarkButton .littleInfo { transition: all 0.2s ease-out; font-size: 0.8em; font-weight: normal; color: #bbb; } .satzArtenListe > a > div:hover .littleInfo, .bigDarkButton:hover .littleInfo { color: #fff; } .largeScrollThingy { min-width: 100%; width: 100%; max-width: 100%; overflow-x: scroll; overflow-y: visible; } .saHiddenColList { display: flex; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: wrap; } .saHiddenColList > * { margin: 0 6px 6px 0; cursor: pointer; } div.saHiddenColListTitle { margin-bottom: 4px; } span.saHiddenColListTitle { border-bottom: 1px dotted rgba(0, 0, 0, 0.35); font-weight: bold; } .saShowAllColButtonStyle { font-weight: normal; text-shadow: 0 0 2px #fff; font-size: 2em; font-style: italic; } .saUniqueOverlay { transition: all 0.5s ease-in-out; position: fixed; top: 15vh; right: 0; margin-right: 5vw; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 15px; opacity: 1; overflow: hidden; } .saUniqueOverlay.transparent { opacity: 0; } .saUniqueOverlay.hidden { display: none; } .saUniqueSelectedColumn { font-size: inherit; display: inline-block; white-space: nowrap; font-weight: bold; margin-right: 8px; } .saUniqueTable { display: flex; flex-direction: column; align-items: stretch; align-content: stretch; overflow-x: hidden; overflow-y: auto; max-height: 70vh; margin: 5px 0; } .saUniqueTable > * { text-align: center; border-top: 1px dotted rgba(0, 0, 0, 0.4); padding: 4px 0 0 0; margin: 2px 0 0 0; min-height: calc(1em + 8px); } .eoStudioCatalogOverlay, .outerOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; align-content: center; } .outerOverlay { align-items: flex-start; align-content: flex-start; padding-top: 10vh; opacity: 0; background-color: rgba(0, 0, 0, 0.5); } .eoStudioCatalogOverlay { pointer-events: none; } .eoStudioCatalogOverlay > .innerOverlay, .outerOverlay > .innerOverlay { background-color: #333; background-color: rgba(49, 51, 59, 1); color: #eee; box-sizing: content-box; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); min-width: 30vw; max-width: calc(100vw - 150px); min-height: 30vh; max-height: 80vh; overflow: hidden; position: relative; } .eoStudioCatalogOverlay > .innerOverlay { overflow: hidden; min-height: 80vh; max-height: 80vh; pointer-events: auto; } .outerOverlay > .innerOverlay > .overlayContents { min-height: 30vh; max-height: calc(100% - 20vh); /*overflow-y: auto; overflow-x: hidden;*/ overflow: auto; overscroll-behavior: none; } .mfirefox .outerOverlay > .innerOverlay > .overlayContents { max-height: calc(80vh - 20vh); } .outerOverlay > .innerOverlay > .overlayContents.padding { padding: 10px; } .eoStudioCatalogOverlay > .innerOverlay > .topLine, .outerOverlay > .innerOverlay > .topLine { display: flex; justify-content: space-between; align-content: center; align-items: center; background-color: rgb(100, 131, 20); color: #fff; height: 30px; } .eoStudioCatalogOverlay > .innerOverlay > .topLine > .title, .outerOverlay > .innerOverlay > .topLine > .title { padding-left: 10px; position: relative; top: 1px; } .eoStudioCatalogOverlay > .innerOverlay > .topLine > .closeButton, .outerOverlay > .innerOverlay > .topLine > .closeButton { padding: 2px 10px; background-color: rgba(255, 255, 255, 0.1); cursor: pointer; } .eoStudioCatalogOverlay > .innerOverlay > .topLine > .closeButton:hover, .outerOverlay > .innerOverlay > .topLine > .closeButton:hover { color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.3); } .eoStudioCatalogOverlay .material-icons, .outerOverlay .material-icons { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .catalogProcessingStatus > .headInfo { display: flex; justify-content: space-between; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 10px; } .catalogProcessingStatus > .statusMessage { font-weight: bold; text-align: center; } .catalogProcessingStatus > .statusProgress { text-align: center; font-size: 0.9em; } .catalogProcessingStatus > .lastAction { margin-top: 40px; } .tabButton { cursor: pointer; } .tabContent { } .tabContent.hidden { display: none !important; } .frnBestellDetails > .fronten > .front > .detailTabs { display: flex; align-items: center; } .frnBestellDetails > .fronten > .front > .detailTabs > *:first-child { margin-right: 10px; } .frnBestellDetails > .fronten > .front { border-top: 1px solid rgba(0, 0, 0, 0.15); margin-top: 5px; padding-top: 5px; } .frnBestellDetails > .fronten > .front > .basisDaten, .frnBestellDetails > .fronten > .front > .bohrungen > .bohrung { display: table; } .frnBestellDetails > .fronten > .front > .basisDaten > *, .frnBestellDetails > .fronten > .front > .bohrungen > .bohrung > * { display: table-row; } .frnBestellDetails > .fronten > .front > .basisDaten > * > *, .frnBestellDetails > .fronten > .front > .bohrungen > .bohrung > * > * { display: table-cell; vertical-align: top; } .frnBestellDetails > .fronten > .front > .basisDaten > * > *:first-child, .frnBestellDetails > .fronten > .front > .bohrungen > .bohrung > * > *:first-child { padding-right: 10px; font-weight: bold; text-align: right; } .frnBestellDetails > .fronten, .frnBestellDetails > .anschrift { border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 5px; padding-bottom: 5px; } .frnBestellDetails .tabContent { margin: 5px; border: 1px solid rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.07); padding: 5px; } .frnBestellDetails > .allgemeineDetails { display: flex; flex-wrap: wrap; align-items: stretch; align-content: stretch; } .frnBestellDetails > .allgemeineDetails > * { margin: 0 5px 5px 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); padding: 5px; } .frnBestellDetails > .allgemeineDetails > * > .title { font-weight: bold; padding-bottom: 4px; border-bottom: 1px dotted rgba(0, 0, 0, 0.2); margin-bottom: 6px; } .frnBestellDetails .bohrungen { display: inline-flex; flex-wrap: wrap; align-items: stretch; } .frnBestellDetails > .fronten > .front > .bohrungen > .bohrung { margin: 5px; border: 1px solid rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); padding: 5px; max-width: 18.2vw; } .doneAnimation.frnLoading, .failAnimation.frnLoading { position: absolute; top: 5px; right: 8px; font-size: 1.5em; font-weight: bold; color: rgb(148, 193, 30); } .loadingAnimation.frnLoading { max-width: 0; max-height: 0; position: absolute; top: 4.5px; right: 27px; } .doneAnimation.frnLoading2, .failAnimation.frnLoading2 { position: absolute; top: 5px; right: 22px; font-size: 1.5em; font-weight: bold; } .loadingAnimation.frnLoading2 { max-width: 0; max-height: 0; position: absolute; top: 4.5px; right: 41px; } .loadingAnimation.overlayWaiting { margin: 0 auto; } .loadingAnimation.overlayWaitingFlagList { position: absolute; top: 0; left: 0; right: 0; max-width: 0; max-height: 0; display: flex; justify-content: center; } .loadingAnimation.mini { width: 0; height: 0; position: relative; left: -10px; top: -9px; } .loadingAnimation.loadingAnimInsideInput { width: 0; height: 0; position: absolute; top: 4.5px; left: 0; right: 0; } .loadingAnimationV2 { background-image: url('/img/loading.svg.php'); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; width: 200px; height: 200px; align-self: center; margin: auto; } .loadingAnimationV2.size-48 { width: 48px; height: 48px; } .doneAnimation { color: rgb(148, 193, 30); text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000; } .failAnimation { color: rgb(153, 23, 23); text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000; } .toggleCollective { cursor: pointer; } .requestOverlayOuter, .loadingOverlay { background-color: rgba(0, 0, 0, 0.75); position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; align-content: center; } .requestOverlayOuter > .requestOverlay { transition: opacity 0.5s ease-in-out; opacity: 0; width: 20vw; min-width: 400px; min-height: 16vh; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.15) inset; border: 1px solid rgba(148, 193, 30, 1); /* background-color: rgba(230, 230, 230, 0.95); */ background-color: rgba(50, 50, 50, 0.95); color: #fff; position: relative; padding: 20px 40px 20px 20px; } .requestOverlayOuter > .requestOverlay.fadeIn { opacity: 1; } .requestOverlayOuter > .requestOverlay > .closeButton { position: absolute; top: 5px; right: 10px; } .requestOverlayOuter > .requestOverlay > .request { width: calc(100% - 50px); } .requestOverlayOuter > .requestOverlay > .responses { position: absolute; left: 10px; right: 10px; bottom: 5px; display: flex; flex-wrap: wrap; justify-content: space-around; } .requestOverlayOuter > .requestOverlay > .responses > .response { margin: 0 10px 4px 10px; } .requestOverlayOuter > .requestOverlay > .responses > .response:first-child { margin-left: 0; } .requestOverlayOuter > .requestOverlay > .responses > .response:last-child { margin-right: 0; } .requestOverlayOuter > .requestOverlay > .closeButton, .requestOverlayOuter > .requestOverlay > .responses > .response { cursor: pointer; } .arrowRightToUp { transform: rotate(90deg); position: relative; top: -3px; } .DO-NOT-PUSH { position: fixed; bottom: 45px; right: 5px; width: 75px; height: 75px; transition: all 0.1s ease-out; background-color: #700; border: 6px solid #111; border-top-color: #ddd; border-left-color: #ddd; border-radius: 100px; display: flex; justify-content: center; align-items: center; align-content: center; box-shadow: 0 0 20px #000 inset, 0 0 20px 3px rgba(0, 0, 0, 0.6); cursor: pointer; } .DO-NOT-PUSH > * { text-align: center; font-size: 1em; font-weight: bold; color: #fff; } .DO-NOT-PUSH > *.big { font-size: 1.1em; } .DO-NOT-PUSH:hover { background-color: #a33; border: 6px solid #ddd; border-top-color: #111; border-left-color: #111; } .branchClickable { cursor: pointer; display: flex; justify-content: space-between; align-items: center; align-content: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .branchSelect { } .branchSelect .mainBranchList { display: flex; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .branchSelect .searchResults, .branchSelect .mainBranchList > div { position: relative; font-weight: normal; display: flex; align-items: flex-start; flex-direction: column; } .branchSelect .mainBranchList .branchClickable:hover { color: rgb(148, 193, 30); } .branchSelect .mainBranchList > div:not(:last-child) { margin-right: 40px; } .branchSelect .mainBranchList > div:last-child > div { margin-right: 20px; } .branchSelect .mainBranchList > div:not(:first-child):before { position: absolute; left: -30px; top: 0px; font-size: 5em; font-weight: 100; content: "\276d"; color: rgb(148, 193, 30); } .branchSelect .searchResults .final, .branchSelect .mainBranchList .final { position: relative; } .branchSelect .searchResults .final:before, .branchSelect .mainBranchList .final:before { position: absolute; right: -20px; top: 0; bottom: 0; font-weight: 100; line-height: 0; content: "\2714"; color: rgb(148, 193, 30); display: flex; align-items: center; } .branchSelect .searchResults .active, .branchSelect .mainBranchList .active { color: rgb(148, 193, 30); text-shadow: 1px 0 0 rgb(148, 193, 30); } .branchSelect .searchBar { display: flex; justify-content: flex-end; align-items: stretch; margin-bottom: 8px; } .branchSelect .searchBar > .symbol { color: rgba(0, 0, 0, 0.3); font-size: 1.4em; line-height: 1.4em; margin-right: 5px; } .branchSelect .searchBar > input { width: 250px; } .branchSelect .searchResults { display: flex; flex-direction: column; } .branchSelect .searchResults .thereAreMore { font-weight: normal; margin-top: 5px; cursor: pointer; } .branchSelect .searchResults .branchClickable.readyForFadeIn { transition: opacity 0.5s ease-out; opacity: 0; } .branchSelect .searchResults .branchClickable.readyForFadeIn.fadeIn { opacity: 1; } .branchSelect .searchResults .thereAreMore:hover, .branchSelect .searchResults .thereAreMore:active, .branchSelect .searchResults .branchClickable:hover, .branchSelect .searchResults .branchClickable:active { color: rgb(148, 193, 30); } .branchChain .branchDivider, .branchSelect .searchResults .branchClickable .branchDivider { margin: 0 8px 0 6px; font-weight: bold; } .branchSelect .searchResults .branchClickable .highlight { font-weight: bold; text-decoration: underline; } .branchSelect .searchResults .branchClickable.hiddenByDefault { display: none; } .branchChain { display: flex; justify-content: flex-start; align-items: center; } .toolButton.addressLogActive, .toolButton.addressLogInactive { position: relative; } .toolButton.addressLogActive { } .toolButton.addressLogInactive { } .ui-datepicker-year { color: #000; } .ui-datepicker-year:hover, .ui-datepicker-year:focus { color: #fff; } .ui-datepicker-calendar .ui-datepicker-current-day > .ui-state-hover { background-color: rgba(0, 0, 0, 0.15); } .ui-datepicker-calendar .ui-datepicker-current-day > .ui-state-active { background-color: rgb(148, 193, 30); border-color: rgba(0, 0, 0, 0.45); } .ui-datepicker a { border-width: 0; } @media all and (max-width: 1024px) { .innerOverlay { min-width: 95vw; width: 95vw; max-width: 95vw; } } .indirectInformation { font-size: inherit; opacity: 0.5; font-style: italic; font-weight: bold; }