/*  BACKGROUND GRADIENTS */
/*  USAGE Example: @include background-gradient(red, black, vertical) */
/* BACKGROUND SIZE */
/* USAGE Example: @include background-size(100%, 100%); */
/* BOX SIZING */
/* usage example: @include box-sizing(border-box); */
/* POSITION */
/* USAGE EXAMPLE : @include position(absolute, 10px, null, 10px, 10px); */
/* OPACITY */
/* USAGE EXAMPLE : @include opacity(0.2); */
/* Arrows / Triangles */
/* Circle */
/* Not Text */
/* Auto */
/* generic transform */
/* rotate */
/* rotate */
/* scale */
/* translate */
/* skew */
/* transform origin */
/* IMAGES */
/*$img-path: '../images/' !default;



$font-body-base-small:ceil(($font-body-base * 0.75)) !default;*/
/* Font Size */
/*$line-height-base: 1.625em !default;*/
/* COLORS */
/*Common Link Color*/
/*$brand-color-hover : #027BAA;*/
.form-group {
  display: block;
}
.form-group .from-control {
  position: relative;
  margin-bottom: 15px;
}
.form-group .from-control input, .form-group .from-control label, .form-group .from-control textarea, .form-group .from-control select {
  width: 100%;
  display: block;
  font: inherit;
  font-size: 16px;
  line-height: 24px;
  /*fixed height for FF line height issue. 
  height = 24(lineheight) + 10*2(padding) + 2(border)*/
  height: 46px;
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.form-group .from-control input, .form-group .from-control textarea, .form-group .from-control select {
  padding: 10px 0px;
  outline: none;
  outline: remove;
}
.form-group .from-control label, .form-group .from-control option {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px 0px;
  border-color: transparent;
  color: #666;
  cursor: text;
}
.form-group .from-control .labelStyle {
  display: block;
  float: left;
  position: relative;
}
.form-group .from-control .labelStyle:first-child {
  padding-left: 2px;
}
.form-group .from-control .labelStyle:last-child {
  padding-right: 2px;
}
.form-group .from-control .select {
  display: inline-block;
  padding-right: 10px;
  padding-top: 20px;
}
.form-group .from-control .select input[type="radio"], .form-group .from-control .select [type="checkbox"] {
  float: left;
  width: 10px;
  display: inline-block;
  padding: 5px;
  height: auto;
}
.form-group .from-control .select span {
  float: left;
  display: inline-block;
  padding: 5px;
}
.form-group .from-control .focussed {
  pointer-events: none;
}
.form-group .btn {
  display: block;
}

#loginSection, #registerSection, #forgot {
  dispaly: block;
}
#loginSection .philanthropicContant, #registerSection .philanthropicContant, #forgot .philanthropicContant {
  padding: 20px 20px 20px 10px;
  list-style: none;
}
#loginSection .philanthropicContant p, #registerSection .philanthropicContant p, #forgot .philanthropicContant p {
  display: block;
}
#loginSection .philanthropicContant a, #registerSection .philanthropicContant a, #forgot .philanthropicContant a {
  display: block;
  padding-left: 10px;
  margin-bottom: 10px;
  text-decoration: none;
}
#loginSection .form-group, #registerSection .form-group, #forgot .form-group {
  width: 100%;
}
#loginSection .form-group .pull-left, #registerSection .form-group .pull-left, #forgot .form-group .pull-left {
  margin-right: 5px;
  width: 49%;
  display: inline-block;
}
#loginSection .form-group .pull-left a, #registerSection .form-group .pull-left a, #forgot .form-group .pull-left a {
  display: block;
  text-decoration: none;
  padding: 10px 10px;
}
#loginSection .form-group .pull-right, #registerSection .form-group .pull-right, #forgot .form-group .pull-right {
  width: 50%;
  display: inline-block;
}
#loginSection .form-group .btn, #registerSection .form-group .btn, #forgot .form-group .btn {
  display: inline-block;
  width: auto;
}
#loginSection .form-group .personalDetails, #registerSection .form-group .personalDetails, #forgot .form-group .personalDetails {
  display: block;
}
#loginSection .form-group textarea, #registerSection .form-group textarea, #forgot .form-group textarea {
  height: 32px;
}
#loginSection .form-group .select input[type="checkbox"], #registerSection .form-group .select input[type="checkbox"], #forgot .form-group .select input[type="checkbox"] {
  margin: 9px 0px;
}
#loginSection .forgot-frame, #registerSection .forgot-frame, #forgot .forgot-frame {
  text-align: left;
  width: 350px;
  padding: 10px;
  margin: auto;
}
#loginSection .forgot-frame .peraTitle, #registerSection .forgot-frame .peraTitle, #forgot .forgot-frame .peraTitle {
  margin-bottom: 50px;
}
#loginSection .forgot-frame .form-group .from-control, #registerSection .forgot-frame .form-group .from-control, #forgot .forgot-frame .form-group .from-control {
  margin-top: 10px;
}

#mobileconfirmation {
  display: block;
}
#mobileconfirmation .mobile {
  text-align: left;
  width: 450px;
  padding: 10px;
  margin: auto;
}
#mobileconfirmation .mobile .peraTitle {
  margin-bottom: 10px;
}
#mobileconfirmation .mobile .form-group .from-control {
  margin-top: 10px;
}
#mobileconfirmation .mobile .form-group .left {
  display: inline-block;
  float: left;
}