/* TODO: this file is not up to the best standards and will be fixed after an overhaul of the form code */

/**
 * This file provides styles for forms in general and specifically
 * for ?do=
 *   - login
 *   - resendpwd
 *   - register
 *   - profile
 *   - subscribe
 */

/* ---------------- forms ------------------------ */

.dokuwiki form {
  border: none;
  display: inline;
}

.dokuwiki label.block {
  display: block;
  text-align: right;
  font-weight: bold;
}
[dir=rtl] .dokuwiki label.block {
    text-align: left;
}

.dokuwiki label.simple {
  display: block;
  text-align: left;
  font-weight: normal;
}
[dir=rtl] .dokuwiki label.simple {
    text-align: right;
}

.dokuwiki label.block select,
.dokuwiki label.block input.edit {
  width: 50%;
  padding: 0.3125rem 0.5rem;
}

.dokuwiki label.block input.edit:focus {
  outline: none;
}

.dokuwiki label.block input.edit:disabled {
  cursor: not-allowed;
  background-color: var(--color-dark-6);
  color: var(--color-dark-2);
}

.dokuwiki label span {
    vertical-align: middle;
    margin-right: 0.25rem;
}

.dokuwiki fieldset {
  width: 400px;
  text-align: center;
  border: 1px solid @ini_border;
  padding: 0.5em;
  margin: auto;
}


.dokuwiki input.edit,
.dokuwiki select.edit {
  vertical-align: middle;
}
.dokuwiki select.edit {
  padding: 0.1em 0;
}


.dokuwiki button {
    vertical-align: middle;
}
/**
 * Styles for auth forms
 */
#dw__login label[for="remember__me"] {
    margin-left: 50%;
    margin-bottom: 1.4em;
}
#dw__login fieldset,
#dw__resendpwd fieldset,
#dw__register fieldset {
    padding-bottom: 0.7em;
}
#dw__profiledelete {
    display: block;
    margin-top: 2.8em;
}

/**
 * Styles for the subscription page
 */

#subscribe__form {
    display: block;
    width: 400px;
    text-align: center;
}

#subscribe__form fieldset {
    text-align: left;
    margin: 0.5em 0;
}
[dir=rtl] #subscribe__form fieldset {
    text-align: right;
}

#subscribe__form label {
    display: block;
    margin: 0 0.5em 0.5em;
}

#dw__login fieldset,
#dw__resendpwd fieldset,
#dw__register fieldset {
  border-radius: 0.25rem;
}

/* Admin Config */

#config__manager tr.default .input,
#config__manager tr .input {
  background-color: var(--color-dark-7);
  color: var(--color-dark-0);
}

#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select {
  background-color: var(--color-dark-6);
  color: var(--color-dark-0);
}

#config__manager .selectiondefault {
  background-color: var(--color-dark-7);
  color: var(--color-dark-0);
}

#config__manager td input.edit {
  padding: 0.3125rem 0.5rem;
  background-color: var(--color-dark-6);
  color: var(--color-dark-0);
}

#config__manager td input.edit:focus {
  outline: none;
}