joywok-material-components/lib/sharescope/style/userscope.css

<h1 align="center"> Joywok Material Components </h1>

.jw-scope-select {
  width: 60%;
  border: 1px solid #d7d7d7;
  height: 40px;
  margin-bottom: 30px;
  padding-left: 5px;
}
.jw-scope-select:before {
  border-bottom: none;
}
.jw-scope-select:hover:not(.jss29):not(.jss28):not(.jss31):before {
  border-bottom: none;
}
.jw-scope-select:after {
  border-bottom: none;
}
.jw-scope-select div div:focus {
  background-color: white;
}

.jw-user-scope .app-range-share {
  width: 60%;
  background: transparent;
  margin-top: 0 !important;
}
.jw-user-scope .app-range-share .add-range-share {
  margin-bottom: 29px;
  position: relative;
  background: #f7f7f7;
  padding-left: 20px;
}
.jw-user-scope .app-range-share .add-range-share .ant-radio-group {
  padding: 29px 0 15px 0;
}
.jw-user-scope .app-range-share .add-range-share .ant-radio-wrapper {
  margin-right: 40px;
  font-size: 14px;
}
.jw-user-scope .app-range-share .add-range-share span.ant-radio + * {
  padding-left: 14px;
  padding-right: 0px;
  color: #494949;
}
.jw-user-scope .app-range-share .add-range-share .ant-radio-checked .ant-radio-inner {
  border-color: #3297fc !important;
}
.jw-user-scope .app-range-share .add-range-share .ant-radio-checked .ant-radio-inner:after {
  background: #3297fc;
}
.jw-user-scope .app-range-share .add-range-share .blank-row {
  display: block;
  height: 25px;
  background: #ffffff;
  margin: 0 -33px 0 -20px;
}
.jw-user-scope .app-range-share .add-range-share .jw-shareobj {
  width: 536px;
}
.jw-user-scope .app-range-share .add-range-share .jw-shareobj .ant-select-selection__placeholder,
.jw-user-scope .app-range-share .add-range-share .jw-shareobj .ant-select-search__field__placeholder {
  color: #3297fc;
}
.jw-user-scope .app-range-share .add-range-share .app-base-share {
  position: relative;
}
.jw-user-scope .app-range-share .add-range-share .app-base-share .share-icon-w {
  height: 28px;
  border-left: 1px solid #e7e7e7;
  position: absolute;
  top: 7px;
  right: 50px;
  cursor: pointer;
}
.jw-user-scope .app-range-share .add-range-share .app-base-share .share-icon-w .icon-share {
  margin: 6px 1px 0 11px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAYAAAAN3M1lAAAAAXNSR0IArs4c6QAABXRJREFUWAmtVn1oVlUYP8+57zb3Uem2QkIU7GPFRCzMMLJ9p+7Lot1GGxoMHBjNTFZQIQ6iT4mE9YeMqFnNj70Sug9X1jYsYxW0KPsjXFSia+lyyXKfvvc+/c62s/e+9975urn7z/P9nN95znOec0ncwJdVbKYJi58XgvOEoCUseJgEnSGijx9Znb6vpqYmNNf0NNfAnEKzxGL+SDDH++Yg6opfGLehraFh0NceRSmj2H3NuQWl99q2/cmMoFQU89rRy2Pv+ya4DuWcgIVE6EUWIi5afmYuySp6Ij2an5894KdUOlUVS1hvYOsPs6A4YhHsPH6kYr1pJo8Pcxn6aaZQp57Yoh1QbM3ONzfbxG8jLIWIzwmmw3ctSd5dV1d31Rmged+K5eWbq0LC+go73sRIhGNJAoyzKig0zOnQx+oE0Sia+KFpH+bF2GgMci7Hxl7q6b3UbJqmb4/6AgsJ3g8wqdMJFSPp10mZl0Xoowkk0rC4YciYb92uALi+f5i3u/VK9gDLKShZh92sdDsTib+VzpbGiNsWRbaCwaC1gJJ6Z/DbgRPwTAcPMJt59QwJJtSG4AvXsrttWPSi0jU31w1jvtluO05m8aNF5Xe69R5ggijyCKciiHm5YuPFom4MU9+GdSdXMsD8ENbzaJgPcyExvjQsTXIeYGjyAbeTktEPGYpO7pw7FH89H16Cz5VfUdFTqciR4BdjkDHk1nuAGQb97HZSMgAXbKyqmppdstbPx60DqMG4hbENSj9kX81y26dkTjLipy5W2MMDLDlOnMIB9IdddDinjv7RV6qkztZgK3zaPD4eBe/ST5LNYqvHrBREJ48erb/stnmA4QaN4Ab6V8TmVyorK2NUkvhEelqQ6HEn1DJ6q6Gj9chEnuyCEhM1z9M2JzWY3nLKmvcAU4bUBHoXi/6inTTFcd7dc/5fNclFWzDYbxix67Dj37RdU4A6mPHAii2gnFPwZBbGT722OSlmxIH248HPnDrN+wJD1a7EBmLyUblL2jFMebd6rpTc3nTwAp6qT8O2SQ4LduGXx1aD1WL7sF/To/9OLrjj9gp3rJZ9gSnjiWOHzmHu/aUdNcXuE0Nk3a9k9XRhNOKYIj9UdtPG8vKb1WAVxJ7+mfAm0d1WWzsWGRmWPBNXmVTSkctjuzAjqsOuqk/FWTzotQGmE5a0X8BDXIYBajh9NI/EF/GM7Q3IwBdXQ6E69Nh92qaourHCoG0dTY0H1ZE7bZN2hwalT/pnhKuELapRmWRtQuB3Uso3Ldu6AjA7scgG2Hw3pWM0BQA1o+oN4m6LCX8qvBmy46+GfpSSXm1vbjzqBDidPLPQLBU24xbxrTop6Hk4P4fz7sdbsgfVedBhmxWLPJgYopENWUeWXYXTeDwiAS4bCaO6s7VxYiCTuv49vQMfYtFypyMSBWWstc0alzWYrs86bTfCoxJjQsqXAexP5P0AFbwlIh+J9zpbjmyXZ3oHXneDQjPt7WgJllrjxr75BKUAoGpxbNvvgK4V0siYOuowNhQhq9DcKfE4bwlrFUdtnS3BnbmFpZnYVUmkbR4lXCzDsG0A85wGoQ8lbtki53IUkK+pJsRvtQuw02t++FDIrkxJFAdwjSJGCsZUmppjzge0r7Op8ZvJZalwfpa/RhYWj2HWjeOmdzm9UJchmblmxSqSlIsq1eJ/dr92QJPO6odQx82G6v6SUnyPGfkT2mifIaWZJFOWTo8Ld8Ls/LJlTON70GfFqmHd9huWiU4FAvTMl8eCp/1yzQhMOxcXV9z0nz24BjNuJXrhHuiXoQduww5TcMcS0aMJAK/+OPQLYCGphd2Pwn8I42AQfD90fUz8O5E8HSONr9WTp9fwo/8DnhX8JDV2f7cAAAAASUVORK5CYII=);
  background-size: contain;
  background-repeat: no-repeat;
  width: 21px;
  height: 17px;
}
.jw-user-scope .app-range-share .add-range-share .app-base-share .share-icon-w .icon-object {
  margin: 1px 1px 0 11px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAsRJREFUaAXtWDtoVEEU3R+7W2mQmEZiJ0IUBItUEjCYgGWKWNpYBVPZ7K/ZZn9NKiUWWqUzRUohxRZiZSEIQRC7iI0EC5vdlf14Tti37Bt3ZmfmvecTMg+GN29m7rn3nPnd3UTCPU4Bp4BTwClwkRVI2pIvl8u3B4PBk2QyuQmM62Oc09FodJxOp1/X6/UTW2wTO2MC1Wo12+v19hDoDkpqljOQGqLs53K5Zxj/e9aYsNqMCDD4brf7FoGv6wQAEu18Pv8wShIzFZQFN1ZeK3hikChtZHhhtGvPANf8cDj8JFs2smC4nFKp1J2o9oT2DHDDmgZPUrShrYxg0PaMLgCU3EQwusN942jra1B8FAoFn5NWq6VcJdozAJ/eUalwL+0KYisFZYcJASVQXJ0mBE4DBBnEVulWmwDW/7ESSdEZxFYBe96lTYDpAY/EeYBiP22y2ewrsT2sb+UOF52USqXnuAueiu2qb9wBLxqNxq44RjxtxP55397ppD0DBGRuA0Xb88C9fo6ljfcdxduIAHMa5jZUVbWc2McxUedBFET7IvPUGydmu0gtXsrSaQT//6bTHpGo3uLe8Na6zJ/REpKBxNnuCMSpPn0bbWJs4CX8QLmHm3UV5Sbsb+DEWUL9EsFQ/4X6D1S/ov4F5QOO0fewY1skz1wCuLxWENQjeN/udDorYhTomzShfhUfLLfYzgKbRLFY/Iy2QxB6g0uN9dAe6U0Mp8zhKwhiLTRvAAKJd3jVms2mdW41Hc9fBCqVyrV+v3+AQfenB4ZdB5E28qvHtVrtexBsHwGcwVT7COVKEFAD258Yu4WznrNi9UwIQPllKP8RKItWSPZGZ5lM5i5m4psNxOQeQPD8++NfB8+YF8e+beL3/aTcsEIIx+iBLcxkBgBw2RYkBLsFW4xpArYYsdo5ArHK75w7BZwCTgGnwIVX4A+PFu7Qz6e4mQAAAABJRU5ErkJggg==);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.jw-user-scope .app-range-share .add-range-share .app-base-share .jw-sharescope-baseshare {
  width: 93%;
  border: none;
  border: 1px solid #ccc;
  padding: 3.5px;
}
.jw-user-scope .app-range-share .add-range-share .app-base-share .jw-sharescope-baseshare .custom-select-list {
  margin-top: 0;
}
.jw-user-scope .app-range-share .add-range-share .icon-delete-group {
  position: absolute;
  top: 35%;
  right: -40px;
  cursor: pointer;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAAAAXNSR0IArs4c6QAAAStJREFUSA3tV8EKgkAUbM2L96AOXTz0GRJB3+CfhBIUUqB+VwgdvHUI+oCIoGMICWlvpRUvb6WnFsF6WZnZmdk3eFhZr+ZxXXeV5/mmZltBM8bWYRhuZXv7MvKTsLfPzLKsLIqiHebLwPSJkTCZhnEyHCbNMF6nmmKGHJd5kiaQhdVxXw/UDcMY1p3qr3kmTu84zhneO6sYmpx4nnfXRSB8yiPZ1yX2UVcILIbrbCLsYCoQa4aMq0rJ1WFCVSnWDBlXlZKrw4SqUqwZMq4qJVeHCX9XKVygbtipmuJwQUtM00y4TzkhgPumxhJ9bNt28dNUDVyC4CERUSketBDiMjAIgqOmaVOY9CDIFtYT+M3hJzUWXuXNWwB8hRvyIE3TcRUjvF98378SdO1KXt0TQzojkegHAAAAAElFTkSuQmCC);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12.5px;
  height: 16.5px;
}
.jw-user-scope .app-range-share .add-range-share .jw-shareobj-select {
  max-height: 300px !important;
}
.jw-user-scope .app-range-share .add-range-share .ant-select-dropdown-menu-item {
  padding: 0 8px !important;
}
.jw-user-scope .app-range-share .add-group-btn-w {
  background: #ffffff;
  margin: 0 -33px 0 0px;
  padding-top: 19px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.jw-user-scope .app-range-share .add-group-btn-w .add-group-btn {
  min-width: 120px;
  border: none;
  background: #ffffff;
  cursor: pointer;
}
.jw-user-scope .app-range-share .add-group-btn-w .add-group-btn .icon-add-item {
  vertical-align: middle;
  margin: -4px 11px 0 -20px;
}
.jw-user-scope .app-range-share .add-group-btn-w .add-group-btn span {
  color: #3297fc;
  font-size: 14px;
}
.jw-user-scope .app-range-share .add-group-btn-w .add-group-btn:focus {
  outline: none;
}

.jw-user-scope-special .app-range-share .add-range-share {
  padding-bottom: 0;
}
.jw-user-scope-special .app-range-share .add-range-share .blank-row {
  height: 0;
  background: transparent;
}
.jw-user-scope-special .app-range-share .add-range-share .icon-delete-group {
  top: 74%;
  right: -30px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAAAAXNSR0IArs4c6QAAAStJREFUSA3tV8EKgkAUbM2L96AOXTz0GRJB3+CfhBIUUqB+VwgdvHUI+oCIoGMICWlvpRUvb6WnFsF6WZnZmdk3eFhZr+ZxXXeV5/mmZltBM8bWYRhuZXv7MvKTsLfPzLKsLIqiHebLwPSJkTCZhnEyHCbNMF6nmmKGHJd5kiaQhdVxXw/UDcMY1p3qr3kmTu84zhneO6sYmpx4nnfXRSB8yiPZ1yX2UVcILIbrbCLsYCoQa4aMq0rJ1WFCVSnWDBlXlZKrw4SqUqwZMq4qJVeHCX9XKVygbtipmuJwQUtM00y4TzkhgPumxhJ9bNt28dNUDVyC4CERUSketBDiMjAIgqOmaVOY9CDIFtYT+M3hJzUWXuXNWwB8hRvyIE3TcRUjvF98378SdO1KXt0TQzojkegHAAAAAElFTkSuQmCC);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12.5px;
  height: 16.5px;
}
.jw-user-scope-special .app-range-share .add-group-btn-w {
  background: transparent;
}
.jw-user-scope-special .app-range-share .add-group-btn-w .add-group-btn {
  background: transparent;
}

.jw-scope-select::before, .jw-scope-select:hover:before, .jw-scope-select::after, .jw-scope-select:hover:after {
  border: none !important;
}