/*
 * Copyright (c) 2018 Eclipse Foundation, Inc.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 * 
 * Contributors:
 *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
 * 
 * SPDX-License-Identifier: EPL-2.0
*/

// accounts.eclipse.org form-box-wrapper styles
// Custom style for boxing forms.

.solstice-form-box-wrapper{
  text-align:center;
  fieldset .panel-body,
  .panel{
    padding:0;
    margin:0;
  }

  .form-item-pass-pass2,
  .field-name-field-profile-legal-address,
  .form-item-field-profile-legal-address-und-0-country {
     margin-bottom:0px;
  }
  
  i{
    padding-top:3px;
  }

  ul{
    text-align:left;
    li:last-child{
      padding-bottom:0;
    }
  }

  hr{
    border-top:1px solid darken(@eclipse-highlight-grey, 10%);
  }

  .help-block.password-help{
    font-size:0.7em;
    border:none;
    margin:0 5px;
    text-align:left;
    ul{
      padding-left:20px;
    }
  }

  background:@eclipse-highlight-grey;
  border: 1px solid darken(@eclipse-highlight-grey, 25%);
  padding:30px;

  h3{
    margin-top:0;
    margin-bottom:20px;
  }

  #edit-actions{
    margin-bottom:0;
  }

  .form-type-password-confirm,
  .form-type-password{
    .form-item {
      input{
        width:100%;
      }
    }
  }

  .description,
  label,
  .help-block{
    text-align:left;
    display:block;
  }

  .captcha {
    margin: 15px auto !important;
    width: auto !important;
    height: auto !important;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -ms-center;
    img{
      margin-bottom:15px;
    }
  }

  .form-type-checkbox{
    text-align:left;
    label{
      display:inline;
    }

  }
  #fieldset-form-profile-organization-fields {
    .panel-default {
      box-shadow: none;
      border:none;
      margin-bottom: 0;
      & > .panel-heading {
        text-align:left;
        padding:0;
        margin-bottom: 5px;
        background-color:transparent;
        border:none;
        .panel-title {
          font-size:14px;
        }
      }
    }
    .form-item-field-organization-employment-status, .form-item-field-organization-non-member {
      label {
        font-size:12px;
        .form-radio {
          margin: 1px 0 0px -20px;
        }
      }
    }
  }
}