/* Copyright (c) Microsoft. All rights reserved. *//* Copyright (c) Microsoft. All rights reserved. */div.contactList div.win-semanticzoom,div.contactList div.zoomContainer{height:100%}div.page.search div.win-listview.contacts div.win-viewport div.win-surface{margin-left:120px}@media screen and (max-aspect-ratio: 1 / 1){div.page.search div.win-listview.contacts div.win-viewport div.win-surface{margin-left:0px}}div.win-listview.contacts,div.win-listview.alphabet{-ms-grid-row:2;-ms-grid-column:1;height:100%}div.win-listview.contacts div.win-viewport div.win-surface,div.win-listview.alphabet div.win-viewport div.win-surface{margin-left:45px}div.win-listview.contacts div.win-viewport div.win-surface div.win-container:hover,div.win-listview.alphabet div.win-viewport div.win-surface div.win-container:hover{outline:none}body.RTL div.win-listview.contacts div.win-viewport div.win-surface,body.RTL div.win-listview.alphabet div.win-viewport div.win-surface{margin-left:0;margin-right:45px}@media screen and (max-aspect-ratio: 1 / 1){body.RTL div.win-listview.contacts div.win-viewport div.win-surface,body.RTL div.win-listview.alphabet div.win-viewport div.win-surface{margin:0;height:100%}}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-viewport div.win-surface,div.win-listview.alphabet div.win-viewport div.win-surface{margin:0;height:100%}}div.win-listview.contacts div.letter,div.win-listview.alphabet div.letter{background-color:#27a7df;height:80px;width:80px;color:#fff;white-space:nowrap;overflow:hidden}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.letter,div.win-listview.alphabet div.letter{width:60px;height:60px}}div.win-listview.contacts div.letter div,div.win-listview.alphabet div.letter div{width:auto;box-sizing:border-box;line-height:70px;display:block;overflow:hidden;text-overflow:ellipsis;text-align:center;vertical-align:middle;padding:0 5px}div.win-listview.contacts div.letter div.tiny,div.win-listview.alphabet div.letter div.tiny{line-height:60px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.letter div,div.win-listview.alphabet div.letter div{line-height:30px;padding-top:20px;text-align:left;margin-left:5px}div.win-listview.contacts div.letter div.tiny,div.win-listview.alphabet div.letter div.tiny{line-height:32px}body.RTL div.win-listview.contacts div.letter div,body.RTL div.win-listview.alphabet div.letter div{text-align:right;margin-left:0;margin-right:10px}}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-viewport,div.win-listview.contacts div.win-viewport,div.win-listview.alphabet div.win-viewport,div.win-listview.alphabet div.win-viewport{overflow-x:hidden;overflow-y:auto}div.win-listview.contacts body.RTL div.win-listview.contacts div.win-viewport div.win-surface,div.win-listview.contacts body.RTL div.win-listview.alphabet div.win-viewport div.win-surface,div.win-listview.alphabet body.RTL div.win-listview.contacts div.win-viewport div.win-surface,div.win-listview.alphabet body.RTL div.win-listview.alphabet div.win-viewport div.win-surface{margin:0;height:100%}}div.win-listview.contacts div.win-surface{margin-bottom:50px;height:calc(100% - 50px)}div.win-listview.contacts div.win-groupheadercontainer{padding-top:5px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-groupheadercontainer{padding-bottom:5px}}div.win-listview.contacts div.win-groupheader{margin:0 5px;padding:0}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-groupheader{margin-left:20px;margin-right:20px}}div.win-listview.contacts>.win-vertical .win-listlayout .win-container{margin-bottom:5px;margin-top:5px}div.win-listview.contacts div.simpleHeaderItem{margin:0 0 10px;padding:0}div.win-listview.contacts div.simpleHeaderItem h2{text-transform:lowercase;font-weight:bold !important;color:#a2c5d3}div.win-listview.contacts div.win-focusedoutline{top:2px;left:2px;outline:2px solid #000;border:2px solid #FFF;box-sizing:border-box;height:calc(100% - 4px);width:calc(100% - 4px)}body.RTL div.win-listview.contacts div.win-focusedoutline{right:2px;left:auto}div.win-listview.contacts div.win-container{margin:0 20px 0 0}body.RTL div.win-listview.contacts div.win-container{margin:0 0 0 20px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container{padding:0;margin:0 !important}div.win-listview.contacts div.win-container div.win-itembox{margin:0 0 0 15px}body.RTL div.win-listview.contacts div.win-container div.win-itembox{margin:0 15px 0 0}}div.win-listview.contacts div.win-container div.win-item div.contactWrapper{height:90px;width:380px;padding:5px;box-sizing:border-box}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.avatar{width:80px;height:80px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.avatar{width:60px;height:60px}}div.win-listview.contacts div.win-container div.win-item div.contactWrapper.BLOCKED div.avatar div.overlay::before{content:'\E20D';display:block;position:absolute;width:80px;height:80px;font-family:"Skype UI Symbol";line-height:normal;background-color:rgba(77,77,77,0.75);color:rgba(255,255,255,0.4);font-size:80px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container div.win-item div.contactWrapper.BLOCKED div.avatar div.overlay::before{width:60px;height:60px;font-size:60px}}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.title,div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail{width:270px;position:absolute;left:104px}body.RTL div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.title,body.RTL div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail{left:auto;right:104px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.title,div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail{width:205px;left:80px}body.RTL div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.title,body.RTL div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail{left:auto;right:80px}}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.title{top:15px;font-weight:300}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.title{top:5px}}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail{top:47px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail{top:32px}}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.title,div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.matchedInfo,div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.statusInfo,div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status span.mood{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status[presence='online']{width:265px}body.RTL div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status[presence='online']{left:auto}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status[presence='online']{width:200px;left:82px}body.RTL div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status[presence='online']{left:auto;right:82px}}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status[presence='online'] div.presence{display:block}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status div.presence{display:none;float:left;margin-top:10px;margin-left:0px;margin-right:5px}body.RTL div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status div.presence{float:right;margin-left:5px;margin-right:0px}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status span.mood{display:inline-block;width:208px;letter-spacing:0px;height:100%;line-height:24px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.status span.mood{width:178px}}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts div.win-container div.win-item div.contactWrapper{width:300px;height:70px;box-sizing:border-box}}@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 639px){div.win-listview.contacts div.win-container div.win-item div.contactWrapper{width:100%}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.title.name,div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.matchedName,div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail.status,div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail{width:calc(100% - 100px)}div.win-listview.contacts div.win-container div.win-item div.contactWrapper div.detail span.mood{width:calc(100% - 20px)}}div.win-listview.contacts div.win-container div.win-item div.contactWrapper:hover{background-color:rgba(0,149,204,0.15)}div.win-listview.contacts div.win-container div.win-item div.letterWrapper{padding:5px}div.win-listview.contacts div.win-container.win-selected div.win-selectionbackground,div.win-listview.contacts div.win-container.win-selected div.win-item{background:#00aded;color:#fff}@media screen and (-ms-high-contrast: active){div.win-listview.contacts div.win-container.win-selected div.win-selectionbackground,div.win-listview.contacts div.win-container.win-selected div.win-item{color:window;background:windowText}}div.win-listview.contacts div.win-container.win-selected div.win-selectionborder,div.win-listview.contacts div.win-container.win-selected:hover div.win-selectionborder{border-color:#00aded}@media screen and (-ms-high-contrast: active){div.win-listview.contacts div.win-container.win-selected div.win-selectionborder,div.win-listview.contacts div.win-container.win-selected:hover div.win-selectionborder{border-color:windowText}}div.win-listview.contacts div.win-container.win-selected.win-focused div.win-item,div.win-listview.contacts div.win-container.win-selected div.win-item:hover{background:#279ccd}div.win-listview.contacts div.win-container.win-selected.win-focused div.win-selectionborder,div.win-listview.contacts div.win-container.win-selected:hover div.win-selectionborder{border-color:#279ccd}div.win-listview.contacts div.win-container.win-selected div.win-selectioncheckmarkbackground{display:none}div.win-listview.contacts div.win-container.win-selected div.win-selectioncheckmark{font-family:"Skype UI Symbol";font-weight:bold;font-size:13px;padding:2px 6px 0}@media screen and (-ms-high-contrast: active){div.win-listview.contacts div.win-container.win-selected div.win-selectioncheckmark{color:window}}@media screen and (-ms-high-contrast: active){div.win-listview.contacts div.win-container.win-selected:hover div.name,div.win-listview.contacts div.win-container.win-selected:hover span.mood,div.win-listview.contacts div.win-container.win-selected:hover div.win-selectioncheckmark{color:windowText}}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.contacts .win-semanticzoom-button{bottom:4px}div.win-listview.contacts .win-semanticzoom-button-location.rtl{left:21px}div.win-listview.contacts .win-semanticzoom-button-location.ltr{right:21px}div.win-listview.contacts div.win-item div.letterWrapper,div.win-listview.contacts div.contactWrapper{width:320px;height:70px;box-sizing:border-box}}@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 639px){div.win-listview.contacts div.win-groupheader{width:calc(100% - 40px)}div.win-listview.contacts>.win-vertical div.win-item{display:block;height:70px;width:calc(100% - 40px)}div.win-listview.contacts>.win-vertical div.win-focusedoutline{width:calc(100% - 44px)}}div.win-listview.alphabet div.win-viewport div.win-surface{margin-top:35px;margin-bottom:100px;height:calc(100% - 35px - 100px);margin-left:116px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.alphabet div.win-viewport div.win-surface{margin:35px 10px 0 20px}body.RTL div.win-listview.alphabet div.win-viewport div.win-surface{margin:35px 20px 0 10px}}div.win-listview.alphabet div.win-container{margin-right:15px}body.RTL div.win-listview.alphabet div.win-container{margin-left:15px}div.win-listview.alphabet div.win-container div.win-item div.letterWrapper{position:relative;overflow:hidden;box-sizing:border-box;height:70px;width:170px}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.alphabet div.win-container div.win-item div.letterWrapper{height:55px;width:90px}}div.win-listview.alphabet div.win-container div.win-item div.letterWrapper div.letter{width:100%;background-color:#b3e7fb}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.alphabet div.win-container div.win-item div.letterWrapper div.letter{height:100%}}div.win-listview.alphabet div.win-container div.win-item div.letterWrapper div.letter.used{background-color:#27a7df}div.win-listview.alphabet div.win-container div.win-item div.letterWrapper div.letter div{box-sizing:border-box;width:100%;overflow:hidden;line-height:50px;padding:18px 10px 0;text-align:left}body.RTL div.win-listview.alphabet div.win-container div.win-item div.letterWrapper div.letter div{text-align:right}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.alphabet div.win-container div.win-item div.letterWrapper div.letter div{padding-top:6px}}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.alphabet div.win-container{margin:0 5px 5px 0;width:90px}body.RTL div.win-listview.alphabet div.win-container{margin:0 0 5px 5px}}@media screen and (max-aspect-ratio: 1 / 1){div.win-listview.alphabet{margin-top:5px}}@media screen and (max-aspect-ratio: 1 / 1) and (min-height: 1024px) and (min-width: 500px){div.contactList div.win-surface{margin:0 0 0 56px}body.RTL div.contactList div.win-surface{margin:0 56px 0 0}}@media screen and (max-device-aspect-ratio: 1 / 1){div.peoplePicker h1{margin-left:120px}body.RTL div.peoplePicker h1{margin-left:0px;margin-right:120px}}@media screen and (-ms-high-contrast: active){div.fragment.contacts div.contacts div.win-container:not(.win-selected) div.win-item:hover div.contactWrapper{background:none;border:2px solid Highlight}div.fragment.contacts div.contacts div.contactWrapper div.avatar{-ms-high-contrast-adjust:none}div.alphabet.win-listview div.win-container div.win-item div.letterWrapper div.letter{border:1px solid WindowText;width:calc(100% - 2px);height:calc(100% - 2px)}div.alphabet.win-listview div.win-container div.win-item div.letterWrapper div.letter:not(.used){border-color:GrayText;color:GrayText}div.alphabet.win-listview div.win-container div.win-item:hover div.letterWrapper div.letter.used{border:4px solid Highlight;width:calc(100% - 8px);height:calc(100% - 8px)}div.alphabet.win-listview div.win-container div.win-item:hover div.letterWrapper div.letter.used div{padding:15px 7px 0 7px}div.alphabet .win-focusedoutline{left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px)}}@media screen and (max-aspect-ratio: 1 / 1) and (-ms-high-contrast: active){div.alphabet.win-listview div.win-container div.win-item:hover div.letterWrapper div.letter.used div{padding-top:3px}}