.plugin_window
{
vertical-align:top;
text-align:justify;
background-color: white;
margin-top:0px;
margin-left:0;
margin-right:0;
width:auto;
border:1px solid #AAA;
padding:0;
}

div.pluginfo {
border-bottom:1px solid #AAA;
width:100%;
padding-top:2px;
padding-bottom:2px;
margin-bottom:0;
text-align:right;
vertical-align:middle;
background-color:#dbe6c6;
font-family:arial,helvetica,sans-serif;
font-size:11px;
}
html.rtl div.pluginfo {
text-align:left;
}

.plugbottom {
border-style:solid;
border-color:#a0a0a0;
width:100%;
border-top-width:1px;
border-bottom-width:0;
border-left-width:0;
border-right-width:0;
padding-top:10px;
padding-bottom:0;
text-align:right;
font-family:arial,helvetica,sans-serif;
clear:both;
}
html.rtl .plugbottom {
text-align:left;
}

/* Simple Plugin specific things */

.plugin_sections:after {
content: "";
display: block;
clear: both;
}

.plugin_section {
display:block;
float:left;
clear:left;
width:49%;
vertical-align:top;
border:1px solid #B0B0B0;
padding:0;
margin-top:0.5%;
margin-left:0.5%;
margin-bottom:0.5%;
margin-right:0;
position: relative;
}
html.rtl .plugin_section {
float:right;
clear:right;
margin-left:0;
margin-right:0.5%;
}

html.ltr .plugin_section:nth-child(even) {
float:right;
clear:right;
margin-left:0;
margin-right:0.5%;
}
html.rtl .plugin_section:nth-child(even) {
float:left;
clear:left;
margin-left:0.5%;
margin-right:0;
}

div.plugin_section {
padding-top:25px;
}

.plugin_section > div {
padding:5px;
}

fieldset.plugin_section > div {
padding-top:30px;
}

fieldset.plugin_section legend {
float:left;
padding:0;
margin:0;
}
html.rtl fieldset.plugin_section legend {
float:right;
}

fieldset.plugin_section legend span, .plugin_section > span.legend {
font-weight:bold;
background-color:#DBE6C6;
border:1px solid #B0B0B0;
width:100%;
padding-top:5px;
padding-bottom:5px;
text-align:center;
display:block;
}
html.ltr fieldset.plugin_section legend span, html.ltr .plugin_section > span.legend {
margin-left:-1px;
}
html.rtl fieldset.plugin_section legend span, html.rtl .plugin_section > span.legend {
margin-right:-1px;
}

fieldset.plugin_section legend span {
position: absolute;
top:0;
margin-top:-1px;
}
html.ltr fieldset.plugin_section legend span {
left:0;
}
html.rtl fieldset.plugin_section legend span {
right:0;
}

.plugin_section > span.legend {
margin-top:-26px;
}

fieldset.plugin_section legend img, .plugin_section span.legend img {
vertical-align:middle;
}
html.ltr fieldset.plugin_section legend img, html.ltr .plugin_section span.legend img {
margin-right:3px;
}
html.rtl fieldset.plugin_section legend img, html.rtl .plugin_section span.legend img {
margin-left:3px;
}


fieldset.plugin_section select[multiple], fieldset.plugin_section textarea {
width:100%;
}

.plugin_section > div > table {
min-width:80%;
}

html.ltr .plugin_section.fullwidth, html.rtl .plugin_section.fullwidth {
float:none;
clear:both;
width:auto;
margin-top:0.5%;
margin-left:0.5%;
margin-bottom:0.5%;
margin-right:0.5%;
}

fieldset.plugin_section.critical legend span, .plugin_section.critical > span.legend {
font-weight:bold;
background-color:#BCF;
}

fieldset.plugin_section.critical legend span:after, .plugin_section.critical > span.legend:after {
content:"   (editing this can break your LDAP)";
color:#D00;
}

.plugin_section.critical > div {
background-color:#DFEFFF;
}

/* On small screens */
@media (max-width: 640px) {
  .plugin_window {
  margin:0;
  border:none;
  width:100%;
  }
  .plugin_section > div > table {
  width:100%;
  }
  .plugin_section, .plugin_section:nth-child(even), .plugin_section.fullwidth {
  display:block;
  float:none;
  clear:both;
  width:100%;
  border-top: none;
  margin:0;
  }
  .plugbottom {
  text-align:center;
  width:100%;
  margin:0;
  padding-top:5px;
  padding-bottom:4px;
  padding-left:1px;
  padding-right:1px;
  border:none;
  }
  .plugbottom input[type=submit], .plugbottom input[type=button] {
  border:1px solid #DDD;
  width:30% !important;
  padding:10px;
  display:inline-block;
  font-weight:bold;
  }
  .plugbottom input[type=submit]:active, .plugbottom input[type=button]:active {
  position:relative;
  top:1px;
  }
  html.ltr .plugbottom input[type=submit]:active, html.ltr .plugbottom input[type=button]:active {
  left:1px;
  }
  html.rtl .plugbottom input[type=submit]:active, html.rtl .plugbottom input[type=button]:active {
  right:1px;
  }
}
