html.l div.ldap_list{
 column-count: 2;
 column-rule: 1px solid lightgrey;
}


.spalte.links div.ldap_list .member {
 overflow: auto;;
}

.spalte.links div.ldap_list .member a{
 color: black;
 border-bottom: 1px dotted;
 text-decoration: none;
}

div.ldap_list .member form{
 display: inline;
}

span.membership{
 display: inline-block;
 border: 1px solid black;
 width: 16px;
 line-height: 16px;
 text-align: center;
 margin-right: 10px;
}

span.membership.indirect {
 color: white;
 background-color: black;
}

.ldap_button{
 background-color: #027bcb;
 color: #fff;

 height: 36px;
 padding: 7px 10px;
 margin: 5px 20px 5px 0px;
 font-size: 16px;

 border: none;
 cursor: pointer;
 text-decoration: none;
 white-space: nowrap;
 display: inline-block;
 font-family: TheSansUHHBoldCaps, sans-serif;
}

.spalte.links .standard a.ldap_button {
 text-decoration: none;
}

.ldap_button:hover{
 text-decoration: underline !important;
 /*background-color:#006ab0;*/
}

.ldap_button:focus{
 outline: 1px solid #fff;
}

.hinweis textarea.group_description {
 width: 100%;
 border: none;
 height: 25px;
 font-family: TheSansUHH, sans-serif;
 font-size: 16px;
 line-height: 1.5em;
 margin: 0px;
 resize: vertical;
 outline: none;
}

button.ldap_remove{
 margin-right: 10px;
 height: 20px;
 width: 16px;
 background-color: transparent;
 border: 0px;
 cursor: pointer;
 background: no-repeat center url(/public/assets/images/trash.svg);
}

span.ttl{
 display: inline-block;
 height: 20px;
 width: 20px;
 background-color: transparent;
 background: no-repeat center url(/public/assets/images/sandclock.svg);
}

button.ldap_remove:focus{
 background-color: transparent;
}

div.ldap_addmember{
 margin: 25px 0px;
}

form.ldap_login label{
 width: 200px;
 display: inline-block;
 vertical-align: top;
}

form[action='addgroup_do.php'] textarea, form[action='requestgroup_do.php'] textarea, {
 width: 243px;
 height: 80px;
}

form div{
 margin-bottom: 10px;
}

form input[type=text], form textarea, form select, form span, input[type=password], .ldap_query_dlg input{
 padding: 5px;
}

form .nameline {
 vertical-align: top;
}
form .nameline span, form .nameline select {
 height: 36px;
}

.ldap_overlay{
 display: none;
 position: fixed;
 left: 0px;
 right: 0px;
 top: 0px;
 bottom: 0px;
 background-color: #000000DD;
 z-index: 900;
 backdrop-filter: blur(2px);
}


form.memberships{
 margin-bottom: 10px;
}

form.memberships label{
 margin-right: 5px;
}

button.group_description_update {
 display: none;
}


form[action='addgroup_do.php'] input[name=name], form[action='requestgroup_do.php'] input[name=name] {
 border-left: 0px;
 width: 180px;
 vertical-align: top;
}
form[action='addgroup_do.php'] input[name=name]:focus, form[action='requestgroup_do.php'] input[name=name]:focus {outline: none; border:1px solid #55D; border-left:0px;}

input[type=text], textarea, input[type=password] {
 border: 1px solid black;
 width: 243px;
}

form[action='switch_manager_do.php'] {
 display: none;
}


form.standard div.label div.description{
 font-size: 14px;
}
form.standard div.input .mf_multiple{
 display: flex;
}
form.standard div.input .mf_multiple input:not(:first-child), form.standard div.input .mf_multiple select:not(:first-child) {
 margin-top: 0px;
}
form.standard div.input .mf_multiple span{
 white-space: nowrap;
 display: inline-block;
 border: 1px solid black;
 border-left: 0px;
 border-right: 0px;
 height: 28px;
 vertical-align: top;
 padding: 5px 0px;
 height: 36px;
 background-color: #fff;
 border: 1px solid #ddd;
}

form.standard div.input .mf_multiple select#prefix{
 min-width: 56px;
 max-width: 56px;
}


form.standard select{
 background-color:#fff;
}


.modal_overlay{
 position: fixed;
 left: 0px;
 right: 0px;
 top: 0px;
 bottom: 0px;
 background: #000A;
 z-index: 700;
 display: flex;
 justify-content: center;
 align-items: center;
}

.modal_overlay .dialog{
 background-color: #FFF;
 filter: drop-shadow(0px 0px 5px #000);
 min-width: 350px;
 max-width: 350px;
}

@media only screen and (min-width: 1201px) {
 .modal_overlay .dialog{
  min-width: 800px;
  max-width: 800px;
 }
}

.modal_overlay .dialog .title{
 padding: 10px 15px;
 background: #0271bb;
 color: white;
}
.modal_overlay .dialog .content{
 padding: 15px;
}
.modal_overlay .dialog .buttons{
 display: flex;
 justify-content: flex-end;
 padding: 15px;
}

.modal_overlay .dialog .buttons button:last-child{
 margin-right: 0;
}

.ldap_query_dlg label{
 display: block;
 margin-bottom: 2px;
}

.ldap_query_dlg input{
 margin-bottom: 10px;
}
.ldap_query_dlg select option{
 padding: 2px 5px;
}

.ldap_query_dlg select, .ldap_query_dlg input {
 width: 100%;
}

.ldap_query_dlg #dlg_results{
 height: 300px;
 width: 100%;
 overflow-y: scroll;
 overscroll-behavior-y: contain;
 border: 1px solid black;
}

.ldap_query_dlg #dlg_results .dlg_result{
 padding: 5px 5px;
 white-space: nowrap;
 display: inline-block;
 min-width: 100%;
 user-select: none;
}
.ldap_query_dlg #dlg_results .dlg_result[aria-selected=true]{
 background: #027bcb;
}
.ldap_query_dlg #dlg_results .dlg_result > * {
 display: inline-block;
 vertical-align: middle;
}
.ldap_query_dlg #dlg_results .dlg_result .icon{
 height: 30px;
 width: 30px;
 margin-right: 10px;
 background-image: url("images/unknown.svg");
}
.ldap_query_dlg #dlg_results .dlg_result .icon[data-category=Computer]{
 background-image: url("images/cpt.svg");
}
.ldap_query_dlg #dlg_results .dlg_result .icon[data-category=Person]{
 background-image: url("images/usr.svg");
}
.ldap_query_dlg #dlg_results .dlg_result .icon[data-category=Group]{
 background-image: url("images/grp.svg");
}

.ldap_query_dlg #dlg_results .dlg_result .name, .ldap_query_dlg #dlg_results .dlg_result .description{
 white-space: nowrap;
 cursor: default;
}

.ldap_query_dlg #dlg_results .dlg_result[aria-selected=true] .text {
 color: white;
}

.ldap_query_dlg #dlg_results .result_count {
 padding-left: 8px;
 line-height: 32px;
}

.ldap_query_dlg .dlg_2col {
 display: flex;
}

.ldap_query_dlg .dlg_2col > * {
 padding: 0 20px 0 0;
}
.ldap_query_dlg .dlg_2col > *:last-child {
 padding: 0 0 0 0;
}

.ldap_actons{
 margin-bottom: 16px;
 border-bottom: 1px solid #ddd;
 padding-bottom: 18px;
}

.spalte.links table.ldap_table td{
 padding: 4px 10px;
}

.spalte.links table.ldap_table td a, .spalte.links .box table.ldap_table td a{
 color: black;
 border-bottom: 1px dotted;
 text-decoration: none;
 white-space: nowrap;
}

.uhh-tabpanels .ldap_actions {
 margin-bottom: 20px;
}

form.standard .button div.input  a.ldap_button {
 height: 50px;
 padding: 13px 10px;
 margin: 0px 10px;
 vertical-align: bottom;
 margin-top: 10px!important;
}

.add_elements .elements_heading{
  display: grid;
  grid-template-columns: 227px auto;
}
.add_elements .elements_heading > * {
 align-self: end;
}
.add_elements .element {
 display: flex;
}
.add_elements input.ldap_add_member{
 margin-right: 2px;
 min-width: 190px;
 max-width: 190px;
}
.add_elements input[type=datetime-local]{
 width: 100%;
}
button.querybutton, button.useraddbutton, button.userremovebutton {
 max-width: 36px;
 min-width: 36px;
 background-color: #0271bb;
 background-image: url("https://assets.rrz.uni-hamburg.de/assets/Lupe_weiss-3f1627b723e58cc25156acaf478f47267de0cdcb1f39296fe975b6f082bcebba.svg");
 border: none;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 24px;
}
.add_elements button.useraddbutton, button.userremovebutton {
 margin-left: 2px;
}

button.useraddbutton {
 background-image: url("/public/assets/images/Plus_weiss.svg");
}

button.userremovebutton {
 background-image: url("/public/assets/images/Minus_weiss.svg");
}
