/* ---------------------------- */
/*  COlor and fonts
/* ---------------------------- */
/* Overrides on the jquery 
   mobile theme 
/* ---------------------------- */
.ui-page-theme-b a, 
html .ui-bar-b a, 
html .ui-body-b a,
html body .ui-group-theme-b a,
.ui-overlay-a, 
.ui-page-theme-a, 
.ui-page-theme-a .ui-panel-wrapper
{font-family:Georgia,  Open Sans, sans-serif!important;cursor:auto;background-color:transparent;border-color:transparent;color:inherit;text-shadow:none;}


div#udmsg>div.uddata div[type|="msg"]>div.udtrsnp{background-color:rgba(232, 231, 228,0.8);}
div#udmsg>div.uddata div[type|="msg"]>div.txt{color:rgba(34, 34, 34, 1)}
/* ---------------------------- */
.BRUEGEL h1,
.BRUEGEL h2,
.BRUEGEL h3,
.BRUEGEL h4,
.BRUEGEL h5,
.BRUEGEL div.title,
.BRUEGEL div.udtitlebar
{font-family:Georgia, sans-serif!important;font-weight: bold;}
/* ---------------------------- */
html.HOME body , 
body, 
body.ui-overlay-a 
{background-color:#222222!important;color:#E8E7E4!important;}
/* ---------------------------- */
html.HOME .BRUEGEL,
.BRUEGEL
{background-color:#222222!important;}
/* ---------------------------- */
div.preload[status="cookie"] div.udloading{display:none;}
div.preload div#udcookie{z-index:1;}
div.preload div#udcookie>div.udtrnsp{}
div.preload div#udcookie div.uddata{top:196px;bottom:128px;overflow-y:scroll;font-size:larger!important;z-index:100;}
div.preload div#udcookie div.uddata div[type="text"]{font-size:inherit!important;}  
div.preload div#udmsg div[type="msg"] div.udtrnsp {background-color: rgba(232, 231, 228,0.8);}
div.preload div#udcookie b[type="inbttn"]{cursor:pointer;text-decoration: underline;}




/* ---------------------------- */
/* Tile & tool bar              */
.BRUEGEL>div.udtitlebar{background-color:transparent;color:inherit;}
.BRUEGEL>div.udtoolbar{background-color:#E8E7E4;}
.BRUEGEL div.udtoolbar div.udaction {color:#898989}
.BRUEGEL div.udtoolbar div.udaction.active {color:#222222;}
/* ---------------------------- */
/* Language bar                 */
.BRUEGEL>div.udtitlebar div.udlan>div div.code{color:#898989;background-color:#E8E7E4;}
.BRUEGEL>div.udtitlebar div.udlan>div div.triangle{border-left-color:#E8E7E4;}
.BRUEGEL>div.udtitlebar div.udlan>div.active div.code{font-weight:bold;color:#222222;background-color:#E8E7E4;}
.BRUEGEL>div.udtitlebar div.udlan>div.active div.triangle{border-left-color:#E8E7E4;}
/* ---------------------------- */
/* Data pages                   */


.fontLight {font-weight: lighter;}
.fontBase  {font-weight: normal;}
.fontBold  {font-weight: bold;}
* {text-shadow:none;font-family:inherit;}


/* ---------------------------- */
/* HOME VIEW
/* ---------------------------- */
.BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction span:first-child{background-color:rgba(232, 231, 228,0.8);}
.BRUEGEL div.udmainview div.udview.udhome div.udenter div.udaction span:nth-child(2){color:#222222;}
html.HOME.BRUEGEL div.udmainview div.udview.udhome div.logos{display:none;}
html.HOME .BRUEGEL[home-title|="dark"] div.udtitlebar{color:#222222;}
html.HOME .BRUEGEL div.udlogo>div{background-image:url('./logo/khm-logo.png');}
html.HOME .BRUEGEL[home-logo|="dark"] div.udlogo>div{background-image:url('./logo/khm-logo.png');}
html.HOME .BRUEGEL[home-logo|="wu-light"] div.udlogo>div,
html.HOME .BRUEGEL[home-logo|="wu-dark"] div.udlogo>div{background-image:url('./logo/wu-logo_EN.png');}
html.HOME .BRUEGEL[home-logo|="lc-light"] div.udlogo>div,
html.HOME .BRUEGEL[home-logo|="lc-dark"] div.udlogo>div{background-image:url('./logo/lc-logo.png');}
html.HOME .BRUEGEL[home-logo|="ny-light"] div.udlogo>div,
html.HOME .BRUEGEL[home-logo|="ny-dark"] div.udlogo>div{background-image:url('./logo/ny-logo.png');}
html.HOME .BRUEGEL[home-logo|="dg-light"] div.udlogo>div,
html.HOME .BRUEGEL[home-logo|="dg-dark"] div.udlogo>div{background-image:url('./logo/dg-logo.png');}
html.HOME .BRUEGEL[home-logo|="rd-light"] div.udlogo>div,
html.HOME .BRUEGEL[home-logo|="rd-dark"] div.udlogo>div{background-image:url('./logo/rd-logo.png');}

html.HOME .BRUEGEL[home-logo|="wu"] div.udmainview div.udview.udhome div.logos{display:none;}
html.HOME .BRUEGEL[home-logo|="wu"] div.udmainview div.udview.udhome div.logos>div:nth-child(1){left:32px;background-position: left; center;background-image:url('./logo/logo.svg');}
html.HOME .BRUEGEL[home-logo|="wu"] div.udmainview div.udview.udhome div.logos>div:nth-child(2){display:none!important;right:16px;bottom:16px;background-position: right center;background-image:url('./logo/wu-swiss-logo.ud.png');height:176px;}

.BRUEGEL[page="udroom"][art-src="WU"] div.udlogo>div{background-image:url('./logo/wu-oscar-logo.png');background-size: auto 75%;}
.BRUEGEL[lang="en"][page="udroom"][art-src="WU"] div.udlogo>div{background-image:url('./logo/wu-oscar-logo_EN.png');background-size: auto 75%;}
.BRUEGEL[page="udroom"][art-src="LC"] div.udlogo>div{background-image:url('./logo/lc-logo.svg');}
.BRUEGEL[page="udroom"][art-src="NY"] div.udlogo>div{background-image:url('./logo/ny-logo.svg');background-size: auto 75%;}
.BRUEGEL[page="udroom"][art-src="DG"] div.udlogo>div{background-image:url('./logo/dg-logo.png');}
.BRUEGEL[page="udroom"][art-src="RD"] div.udlogo>div{background-image:url('./logo/rd-logo.png');}
/* ---------------------------- */
/* ROOM VIEW
/* ---------------------------- */
.BRUEGEL div.udmainview div.udview div.udwall div.container,
.BRUEGEL div.udmainview div.udview div.udwall div.curtain{background-color:#222222;}
.BRUEGEL div.udmainview div.udview div.udwall div.img.sel{border-color:#E8E7E4;}
@media(min-width:1024px){ 
.BRUEGEL div.udmainview div.udview.udroom div.udscroll div.sel[item] img{border-color:#E8E7E4;}
}

.BRUEGEL div.udmainview div.udview.udroom div.udconfig div.udtrnsp{background-color:#222222;}
@media(max-width:1023px),(max-height:700px)  
{
   .BRUEGEL div.udmainview div.udview.udroom div.udconfig div.udtrnsp{background-color: rgba(0,0,0,0.55);}
}
/* ---------------------------- */
/* UD-VIEWER
/* ---------------------------- */
.BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area{background-color:#222222!important;}
.BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle{color:#222222;}
.BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .view .udtitle .udtrnsp,
.BRUEGEL div.udmainview div.udview.udroom.detail .uddetail.view-area .udcontrol.udimagesel .udtrnsp{background-color: rgba(232, 231, 228, 0.8)!important;}

div.udview.udroom div.view-area #udcontrol>div.udtrnsp,
div.udview.udroom div.view-area .udcontrol-share>div.udtrnsp{display:none;}
div.udview.udroom div.view-area #udcontrol div.udaction div,
div.udview.udroom div.view-area .udcontrol-share div.udaction div{background-color: rgba(232, 231, 228,0.8);}
div.udview.udroom div.view-area #udcontrol div.udaction,
div.udview.udroom div.view-area .udcontrol {color:#222222;}
div.udview.udroom div.view-area .udcontrol-view>div.udtrnsp{background-color: rgba(232, 231, 228,0.8);}


div.udview.udroom div.view-area .udcontrol-view div.subset.sync div.item.sel{font-weight:bold;}
div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode i[type|="icon"]{color:#898989;}
div.udview.udroom div.view-area .udcontrol-view div.subset.view-mode div.item.sel i[type|="icon"]{color:inherit;}


div.udview.udroom div.uddetail.view-area div.view div.legend{border-bottom-color:#FFF;color:#FFF}
div.udview.udroom div.uddetail.view-area div.view div.legend.hide{display:none!important;}
/* ---------------------------- */
/* LIST ITEM
/* ---------------------------- */
.BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item{color: rgba(34, 34, 34, 1);}
.BRUEGEL div.udmainview div.udview[type|="list"] div.udlist div.item>div.udtrnsp{background-color:rgba(232, 231, 228, 1);}
    
/* ---------------------------- */
/* NO SELECTION UNLESS SPECIFIED
/* ---------------------------- */
    
*:NOT(.txtsel) {
  -webkit-touch-callout: none!important; /* iOS Safari */
  -webkit-user-select: none!important; /* Safari */
  -khtml-user-select: none!important; /* Konqueror HTML */
  -moz-user-select: none!important; /* Firefox */
  -ms-user-select: none!important; /* Internet Explorer/Edge */
   user-select: none!important; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}    


.BRUEGEL .udfullscreen[data="cookies"]{position:fixed;top:160px;bottom:128px;z-index:100;width:100%;font-size:20px;text-align:center;display:none;}
.BRUEGEL[status="GDPR"] .udfullscreen[data="cookies"]{display:block;}
.BRUEGEL .udfullscreen[data="cookies"] div.udinfo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor:default;color:#222;}
.BRUEGEL .udfullscreen[data="cookies"] div.udinfo div.udtrnsp{background-color:rgba(255,255,255,0.7);}
.BRUEGEL .udfullscreen[data="cookies"] div.udinfo div.uddata{position:relative;z-index:1;display:block;padding-left: 32px;padding-top: 32px;padding-right: 32px;}
.BRUEGEL .udfullscreen[data="cookies"] div.udinfo div.uddata[value="en"]{bottom:32px;}
.BRUEGEL .udfullscreen[data="cookies"] .udinfo p {text-align:justify; line-height:24px;margin-bottom:32px;}
.BRUEGEL .udfullscreen[data="cookies"] .udinfo a[href]{font-family:"FoundersGroteskWeb-Regular",Arial,Helvetica,sans-serif;color: #000;text-decoration: none;border-bottom: 2px solid #000;transition: border-bottom ease-in-out 250ms;}

.BRUEGEL .udfullscreen[data="cookies"] .udinfo div.udaction{position:relative;height:32px;line-height:32px;vertical-align:middle;width:80%;bottom:32px;left:50%;transform: translate(-50%,0);}
.BRUEGEL .udfullscreen[data="cookies"] .udinfo div.udaction>div.udtrnsp{background-color:rgba(255,255,255,0.5);    border-radius: 20px;border-style: solid;border-width: 1px;}

@media(min-width:1024px) and (min-height: 640px){ 
    .BRUEGEL .udfullscreen[data="cookies"] div.udinfo{max-width:640px;min-width:320px;}
}
@media screen and (max-width:1023px) , 
       screen and (max-height:700px){
        .BRUEGEL .udfullscreen[data="cookies"] div.udinfo{width:100%;}
}
@media screen and (max-width:1023px) , 
       screen and (max-height:620px){
        .BRUEGEL .udfullscreen[data="cookies"]{overflow:hidden;overflow-y:scroll;}
        .BRUEGEL .udfullscreen[data="cookies"]div.udinfo{top:auto;left:auto;transform:none;}
}
    

/* ==== */   
.BRUEGEL[page="uddocs"] div.udmainview div.udview[type="list"] div.udlogo::after,
.BRUEGEL[page="udinfo"] div.udmainview div.udview[type="list"] div.udlogo::after
{
    content: "  ";
    display:none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 80px;
    background-image: url('./logo/wu-oscar-logo.png');
    margin-top: 8px;
    margin-bottom: 24px;
}