/*\ |*| |*| People Picker Clickable Button |*| \*/ .sfPeoplePicker{font-size:15px;height:50px;white-space:nowrap;width:auto;border:none;cursor:pointer;position:relative;-webkit-transition:background-color .1s;-moz-transition:background-color .1s;transition:background-color .1s;}.sfPeoplePicker{float:left;margin-right:10px;}.rtl .sfPeoplePicker{float:right;margin-right:0;margin-left:10px;}.sfPeoplePicker .sfPhotoBox{float:left;}.rtl .sfPeoplePicker .sfPhotoBox{float:right;}.sfPeoplePicker.shortName{line-height:50px;vertical-align:middle;}.sfPeoplePicker .fullName,.sfPeoplePicker .menuArrow,.sfPeoplePicker .cardButton{float:left;}.rtl .sfPeoplePicker .fullName,.rtl .sfPeoplePicker .menuArrow,.rtl .sfPeoplePicker .cardButton{float:right;}.sfPeoplePicker .fullName{margin-left:10px;margin-right:5px;}.rtl .sfPeoplePicker .fullName{margin-right:10px;margin-left:5px;}.sfPeoplePicker.longName .fullName{margin-top:8px;}.sfPeoplePicker.longName .nameline1,.sfPeoplePicker.longName .nameline2{display:block;}.sfPeoplePicker .menuArrow,.sfPeoplePicker .cardButton{background-repeat:no-repeat;background-color:transparent;width:25px;height:25px;margin-top:13px;}.sfPeoplePicker .cardButton{cursor:pointer;border:none;}.sfPeoplePicker .cardButton:focus,.sfPeoplePicker .cardButton:active,.sfPeoplePicker .cardButton:hover,.sfPeoplePicker .cardButton:visited,.sfPeoplePicker .cardButton{padding:0;}.sfPeoplePicker .menuArrow{margin-right:10px;}.rtl .sfPeoplePicker .menuArrow{margin-right:0;margin-left:10px;}/*\ |*| |*| People Picker Popup |*| \*/ .sfPeoplePickerPopup{background-color:white;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);-moz-box-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 1px 2px rgba(0,0,0,.4);min-width:200px;}.sfPeoplePickerPopup .layoutContent{position:relative;}.sfPeoplePickerPopup .sfPeopleSearchBox{position:relative;height:24px;border-bottom:1px solid #c8d0d4;}.sfPeoplePickerPopup .sfPeopleSearchBox{padding:5px 38px 5px 30px;}.rtl .sfPeoplePickerPopup .sfPeopleSearchBox{padding:5px 30px 5px 38px;}.sfPeoplePickerPopup .includeInactive{display:none;border-bottom:1px solid #c8d0d4;padding:3px 5px;font-size:12px;color:#666;}.sfPeoplePickerPopup.darkLowVision .includeInactive{color:white;}.sfPeoplePickerPopup .hasInactiveSearch.includeInactive{display:block;}.sfPeoplePickerPopup .clearButton,.sfPeoplePickerPopup .peopleSearchIcon{position:absolute;width:34px;height:34px;top:0;font-family:'SAP-icons';}.sfPeoplePickerPopup .clearButton{display:none;}.sfPeoplePickerPopup .hasKeyword .clearButton{display:block;}.sfPeoplePickerPopup .clearButton,.sfPeoplePickerPopup .peopleSearchIcon{width:34px;height:34px;}.sfPeoplePickerPopup .cardButton{width:25px;height:25px;}.sfPeoplePickerPopup .sfPeopleSearchBox .peopleSearchIcon{left:0;}.rtl .sfPeoplePickerPopup .sfPeopleSearchBox .peopleSearchIcon{left:auto;right:0;}.sfPeoplePickerPopup .sfPeopleSearchBox .clearButton{right:0;}.rtl .sfPeoplePickerPopup .sfPeopleSearchBox .clearButton{right:auto;left:0;}.sfPeoplePickerPopup .sfPeopleSearchBox .input{outline:none;border:none;border-color:transparent;line-height:24px;height:24px;width:100%;}.sfPeoplePickerPopup .noResults,.sfPeoplePickerPopup .header{padding:18px 9px 10px 9px;font-size:14px;color:#222;}.sfPeoplePickerPopup .hasResults .noResults{display:none;}.sfPeoplePickerPopup .personItem{clear:both;display:block;text-decoration:none;}.sfPeoplePickerPopup .personItem em{color:#61a4fd;font-weight:bold;}.sfPeoplePickerPopup .personItem.focused,.sfPeoplePickerPopup .personItem:focus,.sfPeoplePickerPopup .personItem:active,.sfPeoplePickerPopup .personItem:hover{background-color:#F4F4F4;}.sfPeoplePickerPopup .personItem.focused,.sfPeoplePickerPopup .personItem:active,.sfPeoplePickerPopup .personItem:hover,.sfPeoplePickerPopup .personItem:visited,.sfPeoplePickerPopup .personItem{color:#222;}.sfPeoplePickerPopup .personContent{min-height:50px;}.sfPeoplePickerPopup .personContent{margin-left:10px;}.rtl .sfPeoplePickerPopup .personContent{margin-right:10px;margin-left:0;}.sfPeoplePickerPopup .hasPhoto .personContent{margin-left:60px;}.rtl .sfPeoplePickerPopup .hasPhoto .personContent{margin-right:60px;margin-left:0;}.sfPeoplePickerPopup .personItem .sfPhotoBox{float:left;}.rtl .sfPeoplePickerPopup .personItem .sfPhotoBox{float:right;}.sfPeoplePickerPopup .name{padding-top:10px;}.sfPeoplePickerPopup .fullName,.sfPeoplePickerPopup .title{display:block;}.sfPeoplePickerPopup.peoplePickerDesktop .fullName,.sfPeoplePickerPopup.peoplePickerDesktop .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sfPeoplePickerPopup .fullName{font-size:13px;font-weight:bold;line-height:17px;}.sfPeoplePickerPopup .title{color:#555;font-size:12px;}.sfPeoplePickerPopup .cardButton{border:none;cursor:pointer;margin-top:-4px;float:right;}.rtl .sfPeoplePickerPopup .cardButton{float:left;}.accessdeniedBox{min-height:30px;width:300px;padding-top:10px;}/*\ |*| |*| Icon Rules |*| \*/ .sfPeoplePickerPopup .clearButton,.sfPeoplePickerPopup .peopleSearchIcon{line-height:34px;width:34px;text-align:center;font-size:18px;color:#676767;}.sfPeoplePickerPopup .peopleSearchIcon:before{content:'\e00d';}.sfPeoplePickerPopup .clearButton:before{content:'\e1c7';}.sfPeoplePickerPopup .clearButton:active,.sfPeoplePickerPopup .clearButton:focus,.sfPeoplePickerPopup .clearButton:hover{background-color:#dedede;}.sfPeoplePickerPopup .cardButton{background-color:transparent;background-image:url('/ui/juic/img/components/modulepicker_sprite_dark_696905e8bbf99387a1473bf0b8664e2c.png');}.sfPeoplePickerPopup .cardButton,.sfPeoplePicker .cardButton{background-position:center -33px;}.sfPeoplePickerPopup .cardButton:hover,.sfPeoplePickerPopup .cardButton:focus,.globalModulePickerHover .cardButton,.sfPeoplePicker .cardButton:hover,.sfPeoplePicker .cardButton:focus{background-position:center -65px;}.sfPeoplePicker .menuArrow{background-position:center -3px;}/*\ |*| |*| Popup controls and title bar |*| \*/ .sfPeoplePickerPopup .pickerControls,.sfPeoplePickerPopup .pickerTitle{display:none;}.sfPeoplePickerPopup.peoplePickerFullScreen .pickerControls,.sfPeoplePickerPopup.peoplePickerFullScreen .pickerTitle{display:block;}.sfPeoplePickerPopup .pickerControls{float:right;}.rtl .sfPeoplePickerPopup .pickerControls{float:left;}.sfPeoplePickerPopup .pickerTitle{background-color:#ececec;color:#333;font-size:14px;padding:5px 0;}.sfPeoplePickerPopup .titleContent{display:block;text-align:center;padding-top:8px;}/*\ |*| |*| Dark Low Vision Theme |*| \*/ .sfPeoplePickerPopup.darkLowVision{background-color:#000;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid #fff;}.sfPeoplePickerPopup.darkLowVision .title,.sfPeoplePickerPopup.darkLowVision .noResults,.sfPeoplePickerPopup.darkLowVision .header,.sfPeoplePickerPopup.darkLowVision .personItem.focused,.sfPeoplePickerPopup.darkLowVision .personItem:active,.sfPeoplePickerPopup.darkLowVision .personItem:hover,.sfPeoplePickerPopup.darkLowVision .personItem:visited,.sfPeoplePickerPopup.darkLowVision .personItem{color:#fff;}.sfPeoplePickerPopup.darkLowVision .personItem:focus .title,.sfPeoplePickerPopup.darkLowVision .personItem:focus .noResults,.sfPeoplePickerPopup.darkLowVision .personItem:focus .header,.sfPeoplePickerPopup.darkLowVision .personItem:active .title,.sfPeoplePickerPopup.darkLowVision .personItem:active .noResults,.sfPeoplePickerPopup.darkLowVision .personItem:active .header,.sfPeoplePickerPopup.darkLowVision .personItem.focused .title,.sfPeoplePickerPopup.darkLowVision .personItem.focused .noResults,.sfPeoplePickerPopup.darkLowVision .personItem.focused .header,.sfPeoplePickerPopup.darkLowVision .personItem:hover .title,.sfPeoplePickerPopup.darkLowVision .personItem:hover .noResults,.sfPeoplePickerPopup.darkLowVision .personItem:hover .header,.sfPeoplePickerPopup.darkLowVision .personItem:focus,.sfPeoplePickerPopup.darkLowVision .personItem:active,.sfPeoplePickerPopup.darkLowVision .personItem:hover{background-color:#fff;color:#000;}.sfPeoplePickerPopup.darkLowVision .sfPeopleSearchBox .input{background-color:#000;color:#fff;}.sfPeoplePickerPopup.darkLowVision .clearButton,.sfPeoplePickerPopup.darkLowVision .peopleSearchIcon{color:#fff;}.sfPeoplePickerPopup.darkLowVision .clearButton:active,.sfPeoplePickerPopup.darkLowVision .clearButton:focus,.sfPeoplePickerPopup.darkLowVision .clearButton:hover{background-color:#fff;color:#000;}.sfPeoplePickerPopup.darkLowVision .personItem em{color:#0db800;}/*\ |*| |*| Light Low Vision Theme |*| \*/ .sfPeoplePickerPopup.lightLowVision{background-color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid #000;}.sfPeoplePickerPopup.lightLowVision .title,.sfPeoplePickerPopup.lightLowVision .noResults,.sfPeoplePickerPopup.lightLowVision .header,.sfPeoplePickerPopup.lightLowVision .personItem.focused,.sfPeoplePickerPopup.lightLowVision .personItem:active,.sfPeoplePickerPopup.lightLowVision .personItem:hover,.sfPeoplePickerPopup.lightLowVision .personItem:visited,.sfPeoplePickerPopup.lightLowVision .personItem{color:#000;}.sfPeoplePickerPopup.lightLowVision .personItem.focused .title,.sfPeoplePickerPopup.lightLowVision .personItem.focused .noResults,.sfPeoplePickerPopup.lightLowVision .personItem.focused .header,.sfPeoplePickerPopup.lightLowVision .personItem:focus .title,.sfPeoplePickerPopup.lightLowVision .personItem:focus .noResults,.sfPeoplePickerPopup.lightLowVision .personItem:focus .header,.sfPeoplePickerPopup.lightLowVision .personItem:active .title,.sfPeoplePickerPopup.lightLowVision .personItem:active .noResults,.sfPeoplePickerPopup.lightLowVision .personItem:active .header,.sfPeoplePickerPopup.lightLowVision .personItem:hover .title,.sfPeoplePickerPopup.lightLowVision .personItem:hover .noResults,.sfPeoplePickerPopup.lightLowVision .personItem:hover .header,.sfPeoplePickerPopup.lightLowVision .personItem:focus,.sfPeoplePickerPopup.lightLowVision .personItem:active,.sfPeoplePickerPopup.lightLowVision .personItem:hover{background-color:#000;color:#fff;}.sfPeoplePickerPopup.lightLowVision .sfPeopleSearchBox .input{background-color:#fff;color:#000;}.sfPeoplePickerPopup.lightLowVision .clearButton,.sfPeoplePickerPopup.lightLowVision .peopleSearchIcon{color:#000;}.sfPeoplePickerPopup.lightLowVision .clearButton:active,.sfPeoplePickerPopup.lightLowVision .clearButton:focus,.sfPeoplePickerPopup.lightLowVision .clearButton:hover{background-color:#000;color:#fff;}