@charset "UTF-8";
@import "variables";
@import "bootstrap-3.3.7-sass/bootstrap/variables";
@import "bootstrap-3.3.7-sass/bootstrap/glyphicons";
@import "bootstrap-3.3.7-sass/bootstrap/mixins";
@import "bootstrap-3.3.7-sass/bootstrap/tooltip";

.adminForm {
  label {
    font-weight: normal;
  }
  .content {
    overflow: visible;
  }
  td.type, th.type {
    text-align: center;
  }
  td.del, th.del {
    text-align: center;
  }
  .save-row {
    text-align: center;
  }
}

legend, label.legend {
  display: block;
  border: none;
  color: rgb(40, 95, 25);
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 5px 0;
}

label.legend {
  margin-top: 15px;
}

.form-horizontal .text_full_width .controls {
  margin: 0;
}

.control-group {
  margin-bottom: 10px;
  margin-top: 10px;
}

.control-label {
  font-size: 13px;
  float: left;
  text-align: right;
  padding-top: 5px;
}

.adminIndex {
  h3 {
    font-size: 18px;
  }
  > ul > li {
    font-weight: bold;
    margin-top: 20px;
    &.secondary {
      font-weight: normal;
    }

    li {
      margin-top: 10px;
    }
  }
  .motionTypeCreate {
    font-weight: normal;
    font-style: italic;
  }
  .exportList {
    display: inline;
    padding: 0;
    list-style-type: none;
    > li {
      font-weight: normal;
      display: inline-block;
      margin-right: 10px;
      &:after {
        content: "\002a";
        @extend .glyphicon;
        margin-left: 10px;
        font-size: 0.5em;
        color: #444;
        line-height: 17px;
        vertical-align: middle;
        display: inline-block;
        padding-bottom: 3px;
      }
      &:last-child:after {
        content: "";
      }
    }
  }

  .del-site-caller {
    text-align: right;
    button {
      color: red;
    }
  }
}

.adminTodo {
  ul {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
    li {
      padding-bottom: 15px;
      .action {
        font-size: 0.8em;
      }
      .description {
        font-size: 0.8em;
      }
    }
  }
}

#consultationsList {
  list-style-type: none;
  margin: 0;
  padding: 0;

  > li {
    position: relative;
    margin: 10px 0 30px;
    padding: 10px;
    overflow: auto;
    border: solid 1px #afa;
    border-radius: 4px;
    background-color: #f4fFf4;

    h3 {
      margin: 0;
      margin-bottom: 5px;
      font-size: 1.2em;
    }

    .stdbox {
      float: right;
    }

    .delbox {
      color: red;
      position: absolute;
      bottom: 10px;
      right: 10px;
    }
    html.no-touchevents & {
      .delbox {
        visibility: hidden;
      }
      &:hover {
        .delbox {
          visibility: visible;
        }
      }
    }
  }
}

.consultationCreateForm {
  .fakeUrl {
    input.form-control {
      display: inline-block;
      width: 130px;
    }
  }
  .settingsTypeLabel {
    font-weight: normal;
  }
  #SiteCreateWizard {
    display: none;
  }
}

#sectionsList {
  list-style-type: none;
  margin: 0;
  padding: 0;

  > li {
    margin: 10px 0 30px;
    padding: 0;
    overflow: auto;
    border: solid 1px #afa;
    border-radius: 4px;
    background-color: #c0ffc0;

    > .sectionContent {
      margin-left: 50px;
      border-left: 1px solid #afa;

      label {
        font-weight: normal;
      }
      background-color: #f4fFf4;
    }

    .sectionTitle {
      width: 250px;
    }

    > .drag-handle {
      font-size: 30px;
      float: left;
      display: block;
      font-weight: bold;
      cursor: move;
      padding: 0 10px 10px;
    }
    &.title, &.image {
      .drag-handle {
        margin-top: 33px;
      }
    }
    &.textSimple, &.textHtml {
      .drag-handle {
        margin-top: 55px;
      }
    }

    .sectionType {
      display: inline-block;
      width: 190px;
      vertical-align: top;
      margin-right: 16px;
    }
    .toprow {
      padding: 10px 10px 0;
      border-bottom: 1px solid #afa;

      .remover {
        font-size: 20px;
        float: right;
        &:link, &:visited {
          color: red;
          opacity: 0.4;
          &:hover {
            opacity: 1;
          }
        }
      }
    }
    .bottomrow {
      display: table;
      table-layout: fixed;
      height: 57px;
    }

    .optionsRow {
      > label {
        display: block;
      }
    }

    .positionRow, .optionsRow, .commAmendRow {
      display: table-cell;
      padding: 10px;
      vertical-align: top;
      width: 210px;
    }
    .commentrow, .optionsRow {
      border-left: 1px solid #afa;
    }
    .commentRow {
      margin-bottom: 10px;
    }
    .commAmendRow {
      label {
        margin-bottom: 0;
      }
    }
    .tabularDataRow {
      display: none;
      border-top: solid 1px #afa;
      padding: 10px;
      ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        > li {
          margin: 0;
          padding: 5px;
          > .drag-data-handle {
            font-size: 16px;
            font-weight: bold;
            cursor: move;
            padding: 0 10px 10px;
          }
          .form-control {
            display: inline-block;
            width: 200px;
          }
        }
      }
      .addRow {
        padding-left: 40px;
        margin-top: 6px;
        display: inline-block;
      }
    }
    .maxLenInput {
      padding-left: 15px;
      input {
        width: 60px;
      }
    }
    .lineLengthSoft {
      padding-left: 15px;
      font-size: 12px;
    }

    &.no-maxLenSet {
      .maxLenInput, .lineLengthSoft {
        display: none;
      }
    }
    &.image {
      .commentrow {
        display: none;
      }
      .lineNumbersLabel, .fixedWidthLabel, .lineLength {
        display: none;
      }
    }
    &.title {
      .lineNumbersLabel, .fixedWidthLabel {
        display: none;
      }
      .commentrow {
        display: none;
      }
    }
    &.textHtml {
      .lineNumbersLabel, .fixedWidthLabel {
        display: none;
      }
      .commentParagraph {
        display: none;
      }
    }
    &.tabularData {
      .commentRow {
        display: none;
      }
      .lineNumbersLabel, .fixedWidthLabel, .lineLength {
        display: none;
      }
      .tabularDataRow {
        display: block;
      }
    }
  }
}

#motionUpdateForm {
  #motionTextEditCaller {
    text-align: center;
  }
  #parentMotion > button {
    width: 100% !important;
  }
  #motionType > button {
    width: 100% !important;
  }
  .tagList, .nonAmendable {
    label {
      font-weight: normal;
      margin-top: 5px;
      margin-right: 15px;
    }
  }

  .checkButtonRow {
    text-align: center;
  }
  .saveholder {
    .checkAmendmentCollissions {
      display: none;
    }
  }
}

#amendmentUpdateForm {
  #amendmentTextEditCaller {
    text-align: center;
  }
}

.adminTypeForm {
  .submitRow {
    text-align: center;
  }
  .sectionAdder {

  }
  .contactDetails {
    label {
      font-weight: normal;
      margin-right: 20px;
    }
  }
  .initiatorsCanMergeRow {
    .control-label {
      font-weight: bold;
    }
    label {
      display: block;
      font-weight: normal;
      cursor: pointer;
    }
  }
  .form-group.checkbox {
    margin-top: -13px;
    margin-bottom: 13px;
  }
}

.motionListExportRow {
  padding: 10px 19px;
  border-bottom: solid 1px #aaa;
  background: #f7f7f7;
  display: table;
  width: 100%;

  > .new {
    display: table-cell;
  }
  > .export {
    display: table-cell;
    text-align: right;
    > * {
      display: inline-block;
    }
  }

  .title {
    line-height: 33px;
    vertical-align: middle;
    font-weight: bold;
  }

  .errorProne {
    font-size: 0.9em;
  }

  li.checkbox {
    label {
      font-weight: normal;
      padding: 0 0 0 30px;
    }
  }
}

.motionListSearchForm {
  margin-bottom: 20px;
  margin-top: 20px;

  .inputPrefix {
    width: 60px;
  }

  > * {
    float: left;
    margin-right: 20px;
    position: relative;
  }
}

.adminMotionTable {
  border: solid 1px gray;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;

  .markCol {
    width: 30px;
  }
  .typeCol {
    width: 5%;
  }
  .prefixCol {
    width: 10%;
  }
  .actionCol {
    width: 120px;
    overflow: visible;
  }
  td.titleCol {
    text-indent: 0;
    > span {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;
    }
  }
  td.exportCol {
    font-size: 0.9em;
  }
  &.JColResizer {
    .actionCol {
      overflow: visible;
    }
  }
  .dropdown-menu {
    left: auto;
    right: 0;
  }
  .amendmentAjaxTooltip {
    float: right;
    color: gray;
  }

  th, td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0; // Necessary because of colResizable
    padding-right: 0;
    text-indent: 5px;
    border: solid 1px gray;
    position: relative;
  }
}

#siteSettingsForm {
  .loginMethods {
    margin-top: 20px;
    div.checkbox {
      margin-left: 15px;
    }
  }
}

.accountEditExplanation {
  font-size: 12px;
  h3 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
  }
}

#accountsEditForm, #accountsCreateForm {
  h3.lightgreen {
    margin-left: -20px;
    margin-right: -20px;
  }
  textarea {
    width: 100%;
  }
}

.accountListTable {
  margin-top: 10px;
  .accessViewCol, .accessCreateCol {
    text-align: center;
    label {
      display: block;
      margin: 0;
    }
  }
}

.sysadminForm {
  text-align: right;
}

.motionTypeCreateForm {
  .typePreset {
    font-weight: bold;
    vertical-align: middle;

    div {
      display: inline-block;
      vertical-align: middle;
    }
    input {
      vertical-align: middle;
      margin-top: 0;
      margin-right: 6px;
    }
  }
  .typePresetInfo {
    padding-left: 10px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 15px;
    border-left: solid 3px lightgray;
  }
}

.deleteTypeOpener {
  text-align: right;
}

.deleteTypeForm {
  .notDeletable {
    font-style: italic;
  }
  .submitRow {
    text-align: right;
  }
}

#motionSupporterHolder {
  ul {
    list-style-type: none;
    padding: 0;

    > li {
      padding: 5px 0 5px 40px;
    }
    .nameCol {
      position: relative;
      .moveHandle {
        position: absolute;
        left: -15px;
        top: 5px;
        font-size: 1.5em;
        color: lightgrey;
        cursor: move;
      }
    }
    .delSupporter {
      float: right;
      color: #f77;
      margin-top: 5px;
    }
    html.no-touchevents & {
      > li {
        .moveHandle {
          display: none;
        }
        .delSupporter {
          visibility: hidden;
        }
      }
      > li:hover {
        .moveHandle {
          display: inherit;
        }
        .delSupporter {
          visibility: visible;
        }
      }
    }
  }
  .supporterRowAdder {
    margin-left: 42px;
  }
  .fullTextAdder {
    float: right;
  }
  #fullTextHolder {
    @include clearfix();
    padding-left: 25px;
  }
}