body.views_persons_index main{background-color:#fff}body.views_persons_index main h2{font-family:AvenirMedium;text-align:left}body.views_persons_index article{align-items:stretch;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;padding:24px}body.views_persons_index article:before,body.views_persons_index article:after{flex-grow:unset}body.views_persons_index article section[name="items"] ul li.item form>*{padding:0}body.views_persons_index article section[name="search"]{display:flex;width:100%;background-color:#fff;height:50px;align-items:center;border-bottom:1px solid #333f48;margin-bottom:1em}body.views_persons_index article section[name="search"] img.icon{align-self:center;margin-left:8px;height:16px;opacity:.3}body.views_persons_index article section[name="search"] input[type="search"]{border-radius:unset;padding:0 8px 0 8px;width:80%}body.views_persons_index article section[name="search"] select{border-radius:unset;font-size:14px;font-family:AvenirMedium;border-left:1px solid rgba(128,128,128,.3);background:#fff;padding:0 8px 0 8px;width:50%}body.views_persons_index article section[name="search"] select.minimal{background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}body.views_persons_index article section[name="search"] select.minimal:focus{background-image:linear-gradient(45deg,gray 50%,transparent 50%),linear-gradient(135deg,transparent 50%,gray 50%);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em;background-size:5px 5px,5px 5px;background-repeat:no-repeat;border-color:#808080;outline:0}.person_compact{display:grid;grid-template-columns:24px auto 24px;grid-template-areas:". name name " ". email email" ". division ." ". permissions .";border:1px solid #333f48;border-radius:20px;margin-top:1.5em;padding-bottom:16px}body.views_persons_index article section[name="items"] ul#items li.item form{display:grid;grid-template-columns:24px auto 24px;grid-template-areas:". name . " ". email ." ". organisation ." ". job ." ". division ." ". permissions permissions" "buttons buttons buttons";border:1px solid #333f48;border-radius:20px;padding-top:1.5em;justify-content:unset}.box-shadow{box-shadow:-1px 3px 3px rgba(51,63,72,.34)}.active{opacity:1}.inactive{opacity:.4}body.views_persons_index article section[name="items"]{display:flex;flex-direction:column;padding-top:1em}body.views_persons_index article section[name="items"] ul#items li.item.compact{justify-content:flex-start}body.views_persons_index article section[name="items"] ul#items li.item.compact form{display:none}body.views_persons_index article section[name="items"] ul#items li.item.expanded{margin-top:1em}body.views_persons_index article section[name="items"] ul#items li.item.expanded div.person_compact{display:none}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact div:nth-child(1){grid-area:name;display:flex;flex-direction:row}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact h2{display:flex;align-items:flex-end}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact span.controls{border-radius:0 20px 0 20px;height:50px;background-color:#333f48;display:flex;justify-content:space-around;padding-left:1em;padding-right:1em}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact span.controls img{filter:invert(1);margin-left:.5em;margin-right:.5em}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact p{opacity:.5}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact p:first-of-type{grid-area:email}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact p:nth-of-type(2){grid-area:division}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact div.permissions{grid-area:permissions;display:grid;grid-template-columns:auto;grid-template-areas:"title" "items";margin-top:1em;color:#333f48}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact div.permissions h3{grid-area:title;text-align:left;margin-bottom:1em}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact div.permissions div{grid-area:items;display:flex;flex-direction:row;justify-content:flex-start}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact div.permissions div span{display:flex;flex-direction:column;align-items:center;margin-right:2em}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact div.permissions div.items span label{line-height:24px}body.views_persons_index article section[name="items"] ul#items li.item form p{margin-bottom:1em}body.views_persons_index article section[name="items"] ul#items li.item form p label{padding:unset;color:#333f48;opacity:.6}body.views_persons_index article section[name="items"] ul#items li.item form p input[type="text"],body.views_persons_index article section[name="items"] ul#items li.item form p input[type="email"]{border-radius:unset;padding:unset;width:100%;border-bottom:1px solid #333f48}body.views_persons_index article section[name="items"] ul#items li.item form p:nth-of-type(1){grid-area:name}body.views_persons_index article section[name="items"] ul#items li.item form p:nth-of-type(2){grid-area:email}body.views_persons_index article section[name="items"] ul#items li.item form p:nth-of-type(3){grid-area:organisation}body.views_persons_index article section[name="items"] ul#items li.item form p:nth-of-type(4){grid-area:job}body.views_persons_index article section[name="items"] ul#items li.item form p:nth-of-type(5){grid-area:division}body.views_persons_index article section[name="items"] ul#items li.item form div.permissions{grid-area:permissions;display:flex;flex-direction:row;flex-wrap:wrap}body.views_persons_index article section[name="items"] ul#items li.item form div.permissions label:first-child{color:#333f48;width:100%;opacity:.6;margin-bottom:1em}body.views_persons_index article section[name="items"] ul#items li.item form div.permissions p{margin-right:2em;display:flex;flex-direction:column;justify-content:center;align-items:center}body.views_persons_index article section[name="items"] ul#items li.item form div.permissions p input[type="checkbox"]{display:block;margin-top:.5em;-webkit-appearance:checkbox}body.views_persons_index article section[name="items"] ul#items li.item form span.buttons{grid-area:buttons;color:#000;width:100%;background-color:#ffc0cb;height:100%;border-radius:0 0 20px 20px;display:flex;justify-content:space-between}body.views_persons_index article section[name="items"] ul#items li.item form span.buttons button{margin:unset}body.views_persons_index article section[name="items"] ul#items li.item form span.buttons button[name="cancel"]{height:52px;text-align:center;width:100%;background-color:#999;border-radius:0 0 0 20px;color:#fff}body.views_persons_index article section[name="items"] ul#items li.item form span.buttons button[name="save"]{height:52px;text-align:center;width:100%;background-color:#c0d600;border-radius:0 0 20px 0;color:#fff}@media all and (min-width:500px){body.views_persons_index article section[name="items"] ul#items li.item div.person_compact h2{font-size:22px}}@media all and (min-width:660px){body.views_persons_index article section[name="items"] ul#items li.item div.person_compact p{line-height:28px}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact p:first-of-type{margin-top:.5em}body.views_persons_index article section[name="search"]{max-width:500px;margin:0 auto}}@media all and (min-width:767px){body.views_persons_index article section[name="items"] ul#items{display:flex;flex-wrap:wrap;justify-content:center;align-self:center;width:80%}body.views_persons_index article section[name="items"] ul#items li.item{margin:.5em}body.views_persons_index article section[name="items"] ul#items li.item.compact{min-width:500px}}@media all and (min-width:1024px){body.views_persons_index article section[name="items"] ul#items{display:flex;flex-wrap:wrap;justify-content:center;align-self:center;width:90%}body.views_persons_index article section[name="items"] ul#items li.item div.person_compact p{line-height:30px}}@media all and (min-width:1366px){body.views_persons_index article section[name="items"] ul#items li.item div.person_compact p{line-height:34px}}