/* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* Application /* ---------------------------- */ /* No scrolbars */ ::-webkit-scrollbar{-webkit-appearance: none;width:0;height:0;display: none;} html{-ms-overflow-style: none;} body[yscroll="off"]{overflow-y:hidden!important;} /* body */ body, body.ui-overlay-a{text-decoration:none;} /* Minimum screen sizes => info page*/ .BRUEGEL{min-height:100%;} /* Some info views */ div.udfullscreen{position:fixed;top:0;bottom:0;left:0;right:0;display:none;z-index:100000;} div.udfullscreen.vis{display:block;} div.udfullscreen[data="load"]{top:50%;} div.udfullscreen[data="load"] span{display:block;text-align:center;height:64px;margin-top:-32px;font-size:32px;vertical-align:middle;} @media(max-width:319px){div.udfullscreen[data="intro"]{display:block;background-color:#222222!important;}} @media(max-height:319px){div.udfullscreen[data="intro"]{display:block;background-color:#222222!important;}} /* Overall styling */ .BRUEGEL .udaction{cursor:pointer;} .BRUEGEL i[type="icon"]{font-size:28px;} .BRUEGEL div.fa{font-size:36px!important;} .BRUEGEL i[type="icon"].fa-arrow-circle-o-left.udback{display:none;} @media(max-width:1023px) { .BRUEGEL i[type="icon"]{font-size:24px;} .BRUEGEL div.fa{font-size:24px!important;} } /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* Titlebar /* ---------------------------- */ .BRUEGEL>div.udtitlebar{height:120px;position:fixed;top:0;left:80px;right:0;z-index:10;} .BRUEGEL>div.udtitlebar>div.udtrnsp{display:none;} .BRUEGEL>div.udtitlebar>.uddata{height:100%;line-height:64px;vertical-align:middle;position:relative;} /* back arrow & home button */ .BRUEGEL>div.udtitlebar div.udhome, .BRUEGEL>div.udtitlebar div.udarrow{display:none;cursor:pointer;line-height:100%;position: relative;z-index:3;overflow-y:hidden;padding-left:16px;} .BRUEGEL>div.udtitlebar.detail div.udhome, .BRUEGEL>div.udtitlebar.detail div.udarrow{display:inline-block;} /* back arrow */ .BRUEGEL>div.udtitlebar.detail div.udarrow i[type="icon"]{text-align:center;line-height:60px;vertical-align:middle;font-size: 36px!important;margin-top: -10px;} /* home button = section title */ .BRUEGEL>div.udtitlebar div.udhome{display:inline-block;height:64px;cursor:default;} .BRUEGEL>div.udtitlebar div.udhome span{font-size:32px;line-height:64px;display:block;position: relative;height:64px; word-break:break-all;} .BRUEGEL>div.udtitlebar div.udhome span.subtitle{display:none;} .BRUEGEL>div.udtitlebar.detail div.udhome span.title{/*display:none;*/ cursor:pointer;} .BRUEGEL>div.udtitlebar.detail div.udhome span.subtitle{/*display:block;*/} /* logo */ .BRUEGEL div.udlogo{position: absolute!important;left:0;right:0;top:0;bottom:0;z-index:2;} .BRUEGEL div.udlogo>div{background-position:center center;background-repeat:no-repeat;background-size: auto 100%;display:block!important;height:80px;background-image:url('logo.svg');margin-top:8px;} .BRUEGEL[page="udwinterthur"]>div.udtitlebar div.udhome{display:none;} .BRUEGEL div.udview.udwinterthur div.udlogo>div{background-image:url('wu-oscar-logo.png');} .BRUEGEL[lang|="en"] div.udview.udwinterthur div.udlogo>div{background-image:url('wu-oscar-logo_EN.png')!important;} .BRUEGEL[page="udwinterthur"]>div.udtitlebar.detail div.udarrow{background-color:transparent!important;} .BRUEGEL[page="udwinterthur"] div.extra[type="title"]{font-size: 32px; font-weight: bold;line-height: 38px;margin-bottom: 16px;text-align: center;} .BRUEGEL[page="udwinterthur"] div.extra[type="title"], .BRUEGEL[page="udwinterthur"] div.udview[type|="list"] div.udlist {max-width: 1024px; display: block; margin-left: auto; margin-right: auto;} .BRUEGEL[page="udwinterthur"] div.extra[type="subtitle"]{font-size: 22px;text-align: center;padding-bottom: 24px;margin-top: -8px;} /* language bar */ .BRUEGEL>div.udtitlebar div.udlan{position:absolute;top:0;right:12px;height:44px;z-index:3} .BRUEGEL>div.udtitlebar div.udlan>div{display:inline-table;padding-left:4px;padding-right:4px;line-height:22px;vertical-align:top} .BRUEGEL>div.udtitlebar div.udlan>div div.code{font-weight:bold;font-size:12px;padding:7px 0 4px 0;text-align: center;} .BRUEGEL>div.udtitlebar div.udlan>div div.triangle{border-left-width:22px;border-left-style:solid;border-bottom:11px solid transparent;} /* ---- */ @media(max-width:1023px) { .BRUEGEL>div.udtitlebar{left:0px;} .BRUEGEL.fixed>div.udtitlebar div.udhome span{margin-left:0;} html:not(.HOME) .BRUEGEL div.udtitlebar div.udhome{display:none;} } /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* TOOLBAR /* ---------------------------- */ .BRUEGEL>div.udtoolbar{position:fixed;left:0;bottom:0;z-index:10;} .BRUEGEL>div.udtoolbar>div.udtrnsp{display:none;} .BRUEGEL>div.udtoolbar>div.uddata>div{display:inline-block;text-align:center;} .BRUEGEL div.udtoolbar div.udnumber.udaction.udselect{display:none;} .BRUEGEL div.udtoolbar div.udmap.udaction.udselect{} .BRUEGEL div.udtoolbar div.udoverview.udaction.udselect{display:none;} @media(min-width:1024px) { .BRUEGEL>div.udtoolbar{top:0;width:80px;min-height:100%;overflow:hidden;} .BRUEGEL>div.udtoolbar>div.uddata{text-align:inherit;padding-left: 0;padding-right: 0;display:flex; flex-direction:column;justify-content:space-between;height:100%;} .BRUEGEL>div.udtoolbar>div.uddata>div>div.LAN{font-size:14px;overflow:inherit!important;display:block;height:auto;line-height:16px;word-wrap: break-word;word-break:break-word;margin-top:-4px;} .BRUEGEL>div.udtoolbar>div.uddata>div>i[type="icon"]{line-height:50px;} } @media(max-width:1023px) { .BRUEGEL>div.udtoolbar{right:0;top:auto;height:44px;line-height:44px;width:auto;min-height:auto;} .BRUEGEL>div.udtoolbar>div.uddata{text-align:justify;padding-left:10px;padding-right:10px;} .BRUEGEL>div.udtoolbar>div.uddata:after{content:'';display:inline-block;width:100%;} .BRUEGEL>div.udtoolbar>div.uddata>div{display:inline-block;text-align:center;padding-left:12px;padding-right:12px;padding-top:0;padding-bottom:0;height:44px;} .BRUEGEL div.udtoolbar div.udaction>div{height:0px;overflow:hidden;display:none;} .BRUEGEL div.udtoolbar div.udaction i[type="icon"]{line-height:44px;} .BRUEGEL>div.udtoolbar div.udempty{display:none!important;} .BRUEGEL>div.udtitlebar.detail div.udarrow i{margin-top:0px!important;} } /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* ALL VIEWS /* ---------------------------- */ .BRUEGEL div.udmainview{min-height:100%;padding-top:120px;padding-bottom:66px;display:block;} .BRUEGEL div.udmainview div.udview{display:none;} .BRUEGEL div.udmainview div.udview.active{display:block;} .BRUEGEL div.udmainview div.udview div.udlist{display:block;} .BRUEGEL div.udmainview div.udview.detail div.udlist{display:none;} .BRUEGEL div.udmainview div.udview div.uddetail{display:none;bottom:64px;} .BRUEGEL div.udmainview div.udview.detail div.uddetail{display:block;} .BRUEGEL div.udmainview div.udview div.uddetail div.udclose{right:10px;position:absolute;top:0;line-height:36px;width:36px;text-align:center;display:none;} .BRUEGEL div.udmainview div.udview div.udnavcopy{display:none;} @media(min-width:1024px) { .BRUEGEL div.udmainview div.udview div.uddetail div.udclose{display:block;cursor: pointer;right:36px;height:100%} .BRUEGEL div.udmainview div.udview div.uddetail div.udclose i[type="icon"]{display:block;padding-top: 50%;padding-bottom: 50%; padding-left: 12px;padding-right:12px;position:absolute;top:50%;margin-top:-30px;} .BRUEGEL div.udmainview div.udview div.uddetail div.udmain div.title, .BRUEGEL div.udmainview div.udview div.uddetail div.udmain p {padding-right:60px;} .BRUEGEL div.udmainview div.udview div.uddetail{display:none;} .BRUEGEL div.udmainview{padding-bottom:6px;padding-left:81px;} } @media(max-width:1023px) { .BRUEGEL div.udmainview{padding-top:64px;} } /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* HOME VIEW /* ---------------------------- */ .BRUEGEL div.udmainview div.udview.udhome, .BRUEGEL div.udmainview div.udview.udhome div.background{position:absolute;left:0;right:0;top:0;bottom:0;overflow: hidden;-ms-scroll-chaining:none;-ms-touch-action:none;background-size: cover;background-position: center center;cursor:pointer;} .BRUEGEL div.udmainview div.udview.udhome div.background{display:none;} .BRUEGEL div.udmainview div.udview.udhome div.logos>div{position:absolute;bottom:16px;height:128px;overflow: hidden;-ms-scroll-chaining:none;-ms-touch-action:none;background-size: cover;cursor:pointer;background-position:center center;background-repeat:no-repeat;background-size: auto 100%;display:block!important;height:128x;width:30%;} .BRUEGEL div.udmainview div.udview.udhome div.logos>div:nth-child(1){left:32px;background-position: left; center;background-image:url('logo.svg');} .BRUEGEL div.udmainview div.udview.udhome div.logos>div:nth-child(2){right:16px;bottom:16px;background-position: right center;background-image:url('wu-swiss-logo.ud.white.png');height:176px;} html.HOME .BRUEGEL div.udtitlebar {left:0;} html.HOME .BRUEGEL div.udtitlebar div.udlogo{display:block;top:32px;cursor:pointer;} html.HOME .BRUEGEL div.udtitlebar div.udlogo>div{margin-top:0px;height:128px;/*-webkit-transition: background-image 0.2s ease-in-out;transition: background-image 0.2s ease-in-out;*/} html.HOME .BRUEGEL>div.udtitlebar div.udlan {display:none!important;} html.HOME .BRUEGEL>div.udtoolbar{display:none;} .BRUEGEL div.udmainview div.udview.udhome div.udenter{display:none;position:absolute;left:0;right:0;top:50%;text-align:center;height:96px;margin-top:-2px;} .BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction{display:inline-block;position:relative} .BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction:first-child{margin-right:192px} .BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction span:first-child{display:block;width:96px;border-radius: 50%;height:96px;} .BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction span:nth-child(2){display:block;position:absolute;line-height:96px;width:96px;font-size:32px;text-align:center;top:0;} .BRUEGEL div.udmainview div.udview.udhome div.udenter:after{content:'';display:inline-block;width:100%;} html.HOME .BRUEGEL>div.udtitlebar div.udhome {overflow: visible;position:fixed;bottom:32px;left:0;right:0;width:100%;text-align: center;font-weight: normal;padding-left:0;font-size:16px;height:auto;cursor:pointer;} html.HOME .BRUEGEL>div.udtitlebar div.udhome span.title{top: 0;font-size:inherit;height:auto;line-height:initial;} html.HOME .BRUEGEL>div.udtitlebar div.udhome span.title{font-size:48px;} @media(min-width:1024px) and (min-height: 640px){ .BRUEGEL div.udmainview div.udview.udhome{left:0;top:0;bottom:0!important;cursor:pointer;} .BRUEGEL div.udmainview div.udview.udhome div.udenter{margin-top:-46px;} .BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction:first-child{margin-right:384px} html.HOME .BRUEGEL>div.udtitlebar div.udhome span.title{font-size:96px;} } @media screen and (max-width:1023px) , screen and (max-height:700px){ .BRUEGEL div.udmainview div.udview.udhome div.udenter{height:64px;} .BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction:first-child{margin-right:128px;} .BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction span:first-child{width:64px;height:64px;} .BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction span:nth-child(2){font-size:24px;line-height:64px;width:64px;text-align:center;top:0;} } /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* ROOM VIEW /* ---------------------------- */ .BRUEGEL div.udmainview div.udview.udroom{position:absolute;left:0;right:0;top:120px;bottom:45px;overflow: hidden;-ms-scroll-chaining:none;-ms-touch-action:none;} .BRUEGEL div.udmainview div.udview.udroom div.udimage{position:absolute;right:32px;left:32px;top:0;bottom:198px;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udaction[action="WallView"]{position: absolute;top: 0;right:0px;font-size: 36px;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udaction[action="WallView"] i{display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udaction[action="WallView"][value="show"] i:nth-child(1){display:block;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udaction[action="WallView"][value="hide"] i:nth-child(2) {display:block;transform:rotate(180deg);} .BRUEGEL div.udmainview div.udview.udroom div.udscrollshow{position:absolute;left:48px;bottom:0;height:84px;line-height:84px;vertical-align:middle;display:none;text-align:center;cursor:pointer;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udscrollshow{display:block;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udscrollshow i{font-size:24px;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udtitle{margin-bottom: 8px;line-height: 20px!important;font-size:20px;font-weight:bold;text-align: center;line-height:32px;vertical-align: middle;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udsubtitle{font-size:16px;text-align: center;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.selimg{position:absolute;right:0;left:0;top:65px;bottom:100px;background-repeat: no-repeat;background-position: center center;background-size: contain;cursor:pointer;-ms-touch-action:manipulation;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig{position: absolute;left:0;right:0;bottom:0;height:100px;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.selection{font-size:18px;text-align:center;padding-left: 10px;padding-right:10px;line-height:54px;height:54px;vertical-align:middle;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.selection:after{content:'';display:inline-block;width:100%;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig i[type="icon"]{font-size:18px!important;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.item{display:inline-block; padding-left: 8px;padding-right:8px;line-height:24px;vertical-align: middle;text-align:center} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.item *{line-height:24px;vertical-align: middle;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.item i{margin-right:2px; cursor:pointer;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.item i.fa-square, .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.item.sel i.fa-check-square{display:inherit;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.item.sel i.fa-square, .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.item i.fa-check-square{display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.info{line-height:20px;height:20px;vertical-align: middle;text-align: center;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.info span{display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udconfig div.info span[value="SELMOD"]{display:inline;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udimage div.udconfig div.info span[value="SELMOD-WALL"]{display:inline;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udimage div.udconfig div.info span[value="SELMOD"]{display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udaction[action="SetSelectedImage"]{position:absolute;top:96px;bottom:96px;padding-left:36px;padding-right:36px;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udaction[action="SetSelectedImage"] i{margin-top: -50%;top: 50%;position: relative;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udaction[action="SetSelectedImage"][value="prev"]{left:0;display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udimage div.udaction[action="SetSelectedImage"][value="next"]{right:0;display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udwall{position:absolute;top:65px;right:0;bottom:100px;left:0;z-index:100;display:none;} .BRUEGEL div.udmainview div.udview div.udwall div.curtain{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;} .BRUEGEL div.udmainview div.udview div.udwall.vis div.curtain{display:none;} .BRUEGEL div.udmainview div.udview div.udwall>div.scale{position: absolute;bottom:32px;right:32px;height:5px;border-color: white;border-bottom-width: 2px;border-right-width: 1px;border-left-width: 1px;border-style: solid;z-index:2;} .BRUEGEL div.udmainview div.udview div.udwall>div.scale:after{content:'1 m';position:relative;top:-16px;display:block;font-size:smaller;width:100%;text-align:center;} .BRUEGEL div.udmainview div.udview div.udwall div.container{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;text-align:center;} .BRUEGEL div.udmainview div.udview div.udwall div.img{position:relative;display:inline-block;padding:10px;margin:10px;vertical-align:middle;text-align:left;border-color:transparent;border-width:3px;border-style:solid;cursor:pointer;background-size:contain;background-position: center center;background-repeat:no-repeat;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll{position:absolute;right:0;left:0;bottom:0;height:166px;overflow-x:scroll;overflow-y: hidden;padding-bottom:16px;-ms-scroll-chaining:none;-ms-touch-action:none;-webkit-overflow-scrolling:touch;} @-moz-document url-prefix(){.BRUEGEL div.udmainview div.udview.udroom div.udscroll{margin-bottom:-14px; padding-bottom:30px;}} .BRUEGEL div.udmainview div.udview.udroom div.udscroll>div{height:136px;height:166px;width: max-content;width: -moz-max-content;width: -webkit-max-content;width: -o-max-content;width: -ms-max-content;white-space: pre;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item]{height:160px;display:inline-block;margin-left:8px;margin-right:8px;cursor:pointer;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll img{height:100%;width:auto;border-width:3px;border-style:solid;border-color:transparent;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item]>div{display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div#item_0{padding-left:32px;padding-right:16px;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div#item_0 i{line-height: 196px;height:100%;vertical-align: middle;font-size: 36px;display:table-caption;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udscroll{display:none;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udimage{bottom:16px;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udaction[value="prev"], .BRUEGEL div.udmainview div.udview.udroom.wall div.udaction[value="next"]{display:none;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udwall{display:block;} /* ---------------------- * /* Responsive screens * /* ---------------------- */ @media(min-width:1024px) { .BRUEGEL div.udmainview div.udview.udroom{bottom:0;left:80px;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udscrollshow{bottom:105px;z-index: 100;left:48px;line-height:24px;height: 24px;} } @media(max-width:1023px),(max-height:700px) { .BRUEGEL div.udmainview div.udview.udroom{top:0;} .BRUEGEL div.udmainview div.udview.udroom div.udimage{display:none;z-index:-200!important;/*ugly way of indicating that we are in modible mode*/} .BRUEGEL div.udmainview div.udview.udroom div.udscroll{top:0;bottom:0px;left:16px;right:16px;height: auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div.images{padding-top:0px;padding-bottom:0;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll>div{width:100%;height:auto;} @-moz-document url-prefix(){.BRUEGEL div.udmainview div.udview.udroom div.udscroll {margin-right: -30px; padding-right: 16px;}} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item]{display:block;width:100%;height: auto;margin-bottom: 32px;margin-left: 0;margin-right: 0;position:relative;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item][action="ShowWallView"]{display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll img {width: 100%;height: auto;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udscrollshow{display:none;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udscroll{display:block;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udaction[value="prev"], .BRUEGEL div.udmainview div.udview.udroom.wall div.udaction[value="next"]{display:none;} .BRUEGEL div.udmainview div.udview.udroom.wall div.udwall{display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item]>div{display:block;padding-right:8px;padding-left:8px;padding-top:16px;padding-bottom:16px;text-align:center;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item]>div div.udtrnsp{display:none;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item]>div div.udtitle{margin-bottom: 8px;line-height: 20px!important;font-size:20px;font-weight:bold;white-space: pre-wrap;;vertical-align: middle;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item]>div div.udsubtitle{font-size:16px;} .BRUEGEL div.udmainview div.udview.udroom div.udscroll div[item] img {border:none!important;} } /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* VIEWER */ /* ---------------------------- */ .BRUEGEL div.udmainview div.udview.udroom.detail .udlist{display:none;} .BRUEGEL div.udmainview div.udview.udroom.detail i[type="icon"]{font-size:24px;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area{top: 0;bottom: 44px;;left:0;right: 0;position:fixed;float: none;display: block;z-index:200;-ms-touch-action:default;} @media(min-width:1024px){.BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area{left:80px;bottom:0;}} .BRUEGEL.fullscreen div.udmainview div.udview.udroom.detail .uddetail.view-area{position:fixed!important;top:0;left:0;bottom:0;top:0;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area>div.udaction[action|="CloseViewer"]{position:absolute;z-index:200;right:0;width:64px;height:64px;text-align:center;line-height:64px;vertical-align:middle;color:rgba(34, 34, 34, 1);} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area div.udaction[action|="CloseViewer"] i{line-height:inherit;} /*.BRUEGEL.fullscreen *.fullscreen-hide{display:none!important;} */ div.udview.udroom div.uddetail.view-area div.view{display:none;position:absolute;top:0;bottom:0;right:0;left:0;} div.udview.udroom div.uddetail.view-area[view|="1"] div.view#v1{display:block;} div.udview.udroom div.uddetail.view-area[view|="2"] div.view#v1{display:block;left:00%;right:50%;} div.udview.udroom div.uddetail.view-area[view|="2"] div.view#v2{display:block;left:50%;right:00%;} div.udview.udroom div.uddetail.view-area[view|="3"] div.view#v1{display:block;top:00%;bottom:50%;} div.udview.udroom div.uddetail.view-area[view|="3"] div.view#v2{display:block;top:50%;bottom:00%;} div.udview.udroom div.uddetail.view-area[view|="4"] div.view#v1{display:block;left:00.00%;right:66.66%;} div.udview.udroom div.uddetail.view-area[view|="4"] div.view#v2{display:block;left:33.33%;right:33.33%;} div.udview.udroom div.uddetail.view-area[view|="4"] div.view#v3{display:block;left:66.66%;right:00.00%;} div.udview.udroom div.uddetail.view-area[view|="5"] div.view#v1{display:block;top:00.00%;bottom:66.66%;} div.udview.udroom div.uddetail.view-area[view|="5"] div.view#v2{display:block;top:33.33%;bottom:33.33%;} div.udview.udroom div.uddetail.view-area[view|="5"] div.view#v3{display:block;top:66.66%;bottom:00.00%;} div.udview.udroom div.uddetail.view-area[view|="6"] div.view#v1{display:block;left:00%;right:50%;top:00%;bottom:50%;} div.udview.udroom div.uddetail.view-area[view|="6"] div.view#v2{display:block;left:50%;right:00%;top:00%;bottom:50%;} div.udview.udroom div.uddetail.view-area[view|="6"] div.view#v3{display:block;left:00%;right:50%;top:50%;bottom:00%} div.udview.udroom div.uddetail.view-area[view|="6"] div.view#v4{display:block;left:50%;right:00%;top:50%;bottom:00%} div.udview.udroom div.uddetail.view-area[view|="14"] div.view#v1{display:block;left:00%;right:0%;top:00%;bottom:50%;} div.udview.udroom div.uddetail.view-area[view|="14"] div.view#v2{display:block;left:00%;right:50%;top:50%;bottom:00%} div.udview.udroom div.uddetail.view-area[view|="14"] div.view#v3{display:block;left:50%;right:00%;top:50%;bottom:00%} div.udview.udroom div.uddetail.view-area[view|="50"] div.view#v1{display:block;left:00%;right:50%;top:00%;bottom:50%;} div.udview.udroom div.uddetail.view-area[view|="50"] div.view#v2{display:block;left:50%;right:00%;top:00%;bottom:50%;} div.udview.udroom div.uddetail.view-area[view|="50"] div.view#v3{display:block;left:00%;right:66.66%;top:50%;bottom:00%} div.udview.udroom div.uddetail.view-area[view|="50"] div.view#v4{display:block;left:33.33%;right:33.33%;top:50%;bottom:00%} div.udview.udroom div.uddetail.view-area[view|="50"] div.view#v5{display:block;left:66.66%;right:00%;top:50%;bottom:00%} div.udview.udroom div.uddetail.view-area div.view div.udinfo.udlayer{position: absolute;z-index:2;bottom:8px;right:8px;} div.udview.udroom div.uddetail.view-area div.view div.udinfo.udlayer>div:nth-child(2){padding:8px;} div.udview.udroom div.uddetail.view-area div.view div.legend{position:absolute;z-index:2;bottom:32px; left:32px;border-bottom-style:solid;border-bottom-width:1px;width:1px;height:32px;line-height:32px;font-size:20px;vertical-align:top;text-align:center;white-space: nowrap;} div.udview.udroom div.view-area #ipcontrol{display:none!important;} div.udview.udroom div.view-area #udcontrol{position:absolute;right:16px;top:64px;bottom:0px;width:64px;text-align:center;z-index: 100;} /* .BRUEGEL.fullscreen div.udview.udroom #udcontrol{padding-left:16px;padding-right:16px;bottom:64px;right: 0;} .BRUEGEL.fullscreen div.udview.udroom div.view-area #udcontrol div.uddata{display:none;} div.udview.udroom div.view-area #udcontrol>div.udtrnsp{background-color: transparent;} .BRUEGEL.fullscreen div.udview.udroom div.view-area #udcontrol>div.udtrnsp{background-color: rgba(255,255,255,0.6);} .BRUEGEL.fullscreen div.udview.udroom div.view-area #udcontrol:hover div.uddata{display:block; transition: all 2s linear;} */ div.udview.udroom div.view-area #udcontrol div.udaction{display:inline-block;margin-top:16px;height:64px;width:64px;line-height:64px;position:relative;} div.udview.udroom div.view-area #udcontrol div.udaction i{line-height:inherit;position:relative;z-index:1;} div.udview.udroom div.view-area #udcontrol div.udaction div{position:absolute;width:64px;border-radius:50%;height:64px;} body.kiosk div.udview.udroom div.view-area #udcontrol div.udaction[action="ShowShareMenu"], body.kiosk div.udview.udroom div.view-area #udcontrol div.udaction[action="FullScreen"]{display:none;} div.udview.udroom div.view-area #udcontrol div.udaction[action="FitScreen"]{display:none;} div.udview.udroom div.view-area #udcontrol div.udaction[action="ShowInfo"]{display:none;} body.kiosk div.udview.udroom div.view-area #udcontrol div.udaction[action="ShowShareMenu"] @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ div.udview.udroom div.view-area #udcontrol div.udaction[action="FullScreen"]{display:none!important;} } div.udview.udroom div.view-area .udcontrol{position:absolute;z-index:100;right:96px;display:none;transition-timing-function:ease-out;} div.udview.udroom div.view-area .udcontrol.viz{display:block;transition-timing-function: ease-in;} div.udview.udroom div.view-area .udcontrol-view{font-size:20px;line-height:36px;font-weight:normal;vertical-align:middle;top: 160px;width:483px;text-align: left;} div.udview.udroom div.view-area .udcontrol-view div.udtrnsp{border-radius: 26px;} div.udview.udroom div.view-area .udcontrol-view div.uddata{padding:16px;font-size:20px;line-height:36px;font-weight:normal;vertical-align:middle;} div.udview.udroom div.view-area .udcontrol-view div.uddata div.udaction[action|="CloseViewerControl"] i{position: absolute;top: 2px;right: 8px;font-size:24px!important;} div.udview.udroom div.view-area .udcontrol-view div.title{font-size:24px;line-height:40px;font-weight:bold;text-align:left;} div.udview.udroom div.view-area .udcontrol-view i[type|="icon"]{font-size:16px!important;line-height:36px;vertical-align:middle;} div.udview.udroom div.view-area .udcontrol-view div.subset.sync i.fa-check-circle{display:none;} div.udview.udroom div.view-area .udcontrol-view div.subset.sync div.item.sel i.fa-check-circle{display:unset;} div.udview.udroom div.view-area .udcontrol-view div.subset.sync div.item.sel i.fa-circle{display:none;} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode{text-align:center;} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction{position:relative;display:inline-block;width:48px;height:48px;overflow:hidden;text-align:left;margin:2px;} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode i[type|="icon"]{font-size:48px!important;line-height:48px;position:absolute;left:0;top:0;width:48px;text-align: center;font-weight: 100;} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="2"] i.fa-minus{transform: rotate(90deg);} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="4"] i.fa-minus:nth-child(1){transform: rotate(90deg) translateY(-15%);} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="4"] i.fa-minus:nth-child(2){transform: rotate(90deg) translateY(15%);} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="5"] i.fa-minus:nth-child(1){transform: translateY(-15%);} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="5"] i.fa-minus:nth-child(2){transform: translateY(15%);} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="14"] i.fa-minus:nth-child(1){transform: rotate(90deg) scaleX(0.5) translateX(40%)} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="50"] i.fa-minus:nth-child(1){transform: rotate(90deg) scaleX(0.5) translateX(-40%)} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="50"] i.fa-minus:nth-child(2){transform: rotate(90deg) scaleX(0.5) translateX(40%) translateY(15%)} div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.udaction[value|="50"] i.fa-minus:nth-child(3){transform: rotate(90deg) scaleX(0.5) translateX(40%) translateY(-15%)} div.udview.udroom div.view-area .udcontrol-share{top:210px;right:112px;width:64px;text-align:center;} body.kiosk div.udview.udroom div.view-area .udcontrol-share{display:none;} div.udview.udroom div.view-area .udcontrol-share div.uddata{padding:16px;font-size:20px;line-height:36px;font-weight:normal;vertical-align:middle;} div.udview.udroom div.view-area .udcontrol-share div.udaction{margin-top:16px;height:64px;width:64px;line-height:64px;position:relative;} div.udview.udroom div.view-area .udcontrol-share div.udaction i{line-height:inherit;position:relative;z-index:1;} div.udview.udroom div.view-area .udcontrol-share div.udaction div{position:absolute;width:64px;border-radius:50%;height:64px;} div.udview.udroom div.view-area .udcontrol-share div.udaction[action|="FitScreen"]{display:none;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle{height:64px;position:absolute;top:0;left:0;right: 0;z-index: 100;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata{position:relative;padding-left:64px;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata>*{height:64px;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata>div:first-child{position:absolute;top:0;left:0;right: 0;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata div i{font-size:20px;line-height:64px;vertical-align: middle;width: 64px;text-align: center;display:block;position:absolute;left:0;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata div[action="ShowImageMenu"]>div{height: 64px;margin-left: 64px;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata div[action="ShowViewMenu"] i{font-size:20px;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata .select{display:none;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view[status|="unset"] .udtitle .uddata .select, .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view[status|="fail"] .udtitle .uddata .select{display: table-cell;line-height:64px;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view[status|="unset"] .udtitle .uddata .art, .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view[status|="unset"] .udtitle .uddata .mod, .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view[status|="fail"] .udtitle .uddata .art, .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view[status|="fail"] .udtitle .uddata .mod {display:none;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata div:nth-child(3){vertical-align:top;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata .select, .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata .art{font-size: 20px;font-weight: bold;margin-top: 11px;height:20px;line-height:20px;margin-right: 64px;overflow-wrap: normal;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata .mod{font-size:16px;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata div[action|="MaxViewWindow"] {float:right;margin-right:64px;display:none;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area[view|="2"] .view#v1 .udtitle .uddata div[action|="MaxViewWindow"], .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area[view|="4"] .view#v1 .udtitle .uddata div[action|="MaxViewWindow"], .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area[view|="4"] .view#v2 .udtitle .uddata div[action|="MaxViewWindow"], .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area[view|="6"] .view#v1 .udtitle .uddata div[action|="MaxViewWindow"], .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area[view|="6"] .view#v3 .udtitle .uddata div[action|="MaxViewWindow"], .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area[view|="14"] .view#v2 .udtitle .uddata div[action|="MaxViewWindow"] {margin-right: -16px;text-align:right;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view.maximized{left:0!important;right:0!important;top:0!important;bottom:0!important;z-index:10!important;background-color:inherit!important;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .udcontrol.udimagesel{display:none;position: fixed;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .udcontrol.udimagesel.vis{display:inline-table;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .udcontrol.udimagesel .uddata{padding-left: 64px;padding-right:24px;font-size:20px;max-height:480px;overflow-y:scroll;-webkit-overflow-scrolling: touch;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .udcontrol.udimagesel .section{border-top-width:1px; border-top-style:solid;border-top-color:black;padding-top:16px;padding-bottom:16px; opacity: 1;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .udcontrol.udimagesel .section:first-child{padding-top:0;border-top-width:0;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .udcontrol.udimagesel .section .item{cursor:pointer;padding-top: 4px;padding-bottom: 4px; margin-top: 4px;margin-bottom: 4px;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .udcontrol.udimagesel .section .item.sel{font-weight:bold;} @media screen and (max-width:1023px) , screen and (max-height:700px) { div.udmainview div.udview.udroom.detail .uddetail.view-area{bottom:0!important;} div.udview.udroom div.view-area #udcontrol{top:0;} /* .BRUEGEL.fullscreen div.udview.udroom div.view-area #udcontrol{padding-left:0;padding-right:32px;right:0;bottom:0;top:0px;}*/ div.udview.udroom div.view-area #udcontrol div.udaction[action="zoomin"], div.udview.udroom div.view-area #udcontrol div.udaction[action="zoomout"], div.udview.udroom div.view-area #udcontrol div.udaction[action="ShowViewMenu"]{display:none!important;} div.udview.udroom div.view-area #udcontrol>div.uddata{position: absolute;bottom:16px;} /*div.udview.udroom div.view-area #udcontrol div.udaction.viz[action="ShowShareMenu"]{display:none;}*/ div.udview.udroom div.view-area .udcontrol-share{top:auto;bottom:16px; right: 96px;} div.udview.udroom div.view-area .udcontrol-share div.uddata{padding:0!important;} .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata .select, .BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .uddata .art { font-size: 18px;} } /* ---------------------------- */ /* ---------------------------- */ /* ---------------------------- */ /* BACKSTAGE/INFO VIEW /* ---------------------------- */ .BRUEGEL div.udmainview div.udview[type|="list"]{ position:absolute;left:0;right:0;top:120px;bottom:0px;overflow-x: hidden!important;-ms-scroll-chaining:none;-ms-touch-action:none; overflow-y: scroll;-webkit-overflow-scrolling: touch;} @-moz-document url-prefix(){.BRUEGEL div.udmainview div.udview[type|="list"] {margin-right: -16px; padding-right: 16px;margin-bottom: -16px;padding-bottom: 16px;}} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist{display:table;width: 100%;text-align: center;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item.proto-type{display:none;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item{position:relative;display: inline-block;width:272px;height:328px; margin: 16px;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.udtrnsp{background-color:rgba(232, 231, 228, 1);} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.uddata{position:absolute;top:0;bottom:0;left:0;right:0;padding: 8px;text-align: left;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.uddata div[type|="title"]{font-size:20px;font-weight:bold;line-height:48px;vertical-align:middle;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.uddata div[type|="title"]>span{white-space: nowrap;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.uddata div.twoline[type|="title"]{font-size:20px;font-weight:bold;line-height:24px;vertical-align:middle;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.uddata div.twoline[type|="title"]>span{white-space: normal;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.uddata div[type|="subtitle"]{font-size:16px;display:none;} .BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.uddata div[type|="thumb"]{position:absolute;left:8px;right:8px;bottom:8px;top:64px;background-image:url("placeholder.jpg");background-repeat: no-repeat;background-size: cover;} .BRUEGEL div.udmainview div.udview.detail[type|="list"] div.udlist{display:none;} .BRUEGEL div.udmainview div.udview.detail[type|="list"] div.uddetail{padding-left:32px;padding-right:32px;} .BRUEGEL div.udmainview div.udview.detail[type|="list"] div.uddetail div.uddata{max-width: 800px; display: block; margin-left: auto; margin-right: auto;} @media(min-width:1024px) {.BRUEGEL div.udmainview div.udview[type|="list"]{top:0;left:80px;bottom:0px;}} @media(max-width:1023px),(max-height:700px) {.BRUEGEL div.udmainview div.udview[type|="list"]{bottom:45px;}} /* ---------------------------- */ /* ---------------------------- */ /* Logo fixes /* ---------------------------- */ /* ---------------------------- */ .BRUEGEL div.udmainview div.udlogo{display:none!important;} @media(max-width:1023px),(max-height:700px){ html:not(.HOME) .BRUEGEL>div.udtitlebar{z-index:5!important;height:64px!important;} html:not(.HOME) .BRUEGEL div.udtitlebar div.udlogo{display:none!important;} html:not(.HOME) .BRUEGEL div.udtitlebar div.udarrow{width:32px;padding:0;text-align:center;} .BRUEGEL div.udmainview div.udlogo{display:block!important;position:relative!important} .BRUEGEL div.udmainview div.udlogo>div{height:128px;margin-top:32px;margin-bottom:32px;} .BRUEGEL div.udmainview div.udview[type|="list"]{top:0;} .BRUEGEL div.udmainview div.udview.udroom div.udlogo{margin-bottom:16px;} div#udmsg.udmsg[type="breadcrumb"]{top:auto;bottom:176px;} div#udmsg.udmsg[type="breadcrumb"]>div.uddata{top:auto;left:auto;right:16px;} } html:not(.HOME) .BRUEGEL[page="udstage"] div.udtitlebar div.udlogo, html:not(.HOME) .BRUEGEL[page="udother"] div.udtitlebar div.udlogo, html:not(.HOME) .BRUEGEL[page="udwinterthur"] div.udtitlebar div.udlogo, html:not(.HOME) .BRUEGEL[page="udinfo"] div.udtitlebar div.udlogo, html:not(.HOME) .BRUEGEL[page="uddocs"] div.udtitlebar div.udlogo{display:none!important;} .BRUEGEL div.udmainview div.udview[type="list"] div.udlogo{display:block!important;position:relative!important} .BRUEGEL div.udmainview div.udview[type="list"] div.udlogo>div{height:128px;margin-top:32px;margin-bottom:32px;} .BRUEGEL[page="udstage"]>div.udtitlebar.detail div.udhome, .BRUEGEL[page="udother"]>div.udtitlebar.detail div.udhome, .BRUEGEL[page="udwinterthur"]>div.udtitlebar.detail div.udhome, .BRUEGEL[page="uddocs"]>div.udtitlebar.detail div.udhome, .BRUEGEL[page="udinfo"]>div.udtitlebar.detail div.udhome, .BRUEGEL[page="udstage"]>div.udtitlebar.detail div.udarrow, .BRUEGEL[page="udother"]>div.udtitlebar.detail div.udarrow, .BRUEGEL[page="udwinterthur"]>div.udtitlebar.detail div.udarrow, .BRUEGEL[page="uddocs"]>div.udtitlebar.detail div.udarrow, .BRUEGEL[page="udinfo"]>div.udtitlebar.detail div.udarrow {background-color: #222;} .BRUEGEL {touch-action:none!important} .BRUEGEL .udnavdragon{top:74px!important;left:10px!important;z-index:-1000;} .BRUEGEL .udnavdragon .navigator{height:128px!important;width:170px!important;background:transparent!important;border-color:transparent!important;} .BRUEGEL .udnavdragon .navigator .displayregion{border-color:white!important;} .BRUEGEL .view-area[navigator="show"] .udnavdragon{;z-index:10;} div.udview.udroom div.view-area .udcontrol-view div.subset.options i.fa-check-circle{display:none;} div.udview.udroom div.view-area .udcontrol-view div.subset.options div.item.sel i.fa-check-circle{display:unset;} div.udview.udroom div.view-area .udcontrol-view div.subset.options div.item.sel i.fa-circle{display:none;} div.udview.udroom div.view-area .udcontrol-view div.item span.LAN{line-height: 36px;vertical-align: middle;}