/**
 * @file
 * Form Styling
 */
/****************
OUR CUSTOM MIXINS
*****************/
/***********
~VARIABLES
***********/
/***********
~BREAKPOINTS
***********/
/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/* IMporting some boostrap elements */
[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}

.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  margin-right: 10px;
}
@media (max-width: 400px) {
  .btn {
    clear: both;
    float: left;
  }
}

.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
}
.form-item input {
  max-width: 99%;
  color: #333333;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  /* Highlight the form elements that caused a form submission error */
  border: 1px solid #c00;
}
.form-item label {
  /* The label for a form element */
  display: block;
  font-weight: normal;
  color: #666666;
  font-size: 90%;
}
.form-item label.btn {
  display: inline;
}
.form-item label.option {
  /* The label for a radio button or checkbox */
  display: inline;
  font-weight: normal;
}
.form-item .form-required {
  /* The part of the label that indicates a required field */
  color: #c00;
}
.form-item .description {
  /* The descriptive help text (separate from the label) */
  font-size: 80%;
  font-style: italic;
  color: #777777;
}
.form-item .form-file {
  color: #666666;
  font-size: 90%;
}
.form-checkboxes .form-item, .form-radios .form-item {
  /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0;
  /* Drupal core uses "0.4em 0" */
}
.form-item .form-text, .form-item .form-textarea, .form-item .form-file {
  min-height: 30px;
  line-height: 30px;
  border: 1px solid #CCCCCC;
  font-size: 90%;
  color: #666666;
}
.form-item .field-add-more-submit {
  text-shadow: none;
  color: white;
}
.form-item .icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}
.form-item .input-large {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  display: inline-block;
  height: 26px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
  margin-bottom: 0;
}

.form-text:focus, .form-text:hover, .form-text:active, .form-textarea:focus, .form-textarea:hover, .form-textarea:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-text:focus, .form-textarea:focus {
  border: 1px solid #61AEE2;
  background: #f9f9f9;
}

.form-submit, button, input[type="button"], input[type="reset"], input[type="submit"] {
  font-size: 90%;
  padding: 0.2em 1.1em 0.3em 1.2em;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF999999', endColorstr='#FF666666');
  background: -moz-linear-gradient(#999999, #888888 70%);
  background: -webkit-linear-gradient(#999999, #888888 70%);
  background: linear-gradient(#999999, #888888 70%);
  -moz-box-shadow: #bfbfbf 0 1px 0 inset;
  -webkit-box-shadow: #bfbfbf 0 1px 0 inset;
  box-shadow: #bfbfbf 0 1px 0 inset;
  border: 1px solid #7b7b7b;
  color: white;
  text-shadow: #585858 0 -1px 0;
  padding: 0.4em 1.1em 0.5em 1.2em;
}

@media (max-width:830px) {
    .form-submit {
        margin: 10px 5px 0 10px;
    }
}

@media (min-width:831px) {
    .form-submit {
      margin: 0px 5px 0 0px;
    }
}

.form-submit:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  text-decoration: none;
}
.form-submit:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background-color: #7b7b7b;
  background: -moz-linear-gradient(#8c8c8c 3%, #7b7b7b 75%);
  background: -webkit-linear-gradient(#8c8c8c 3%, #7b7b7b 75%);
  background: linear-gradient(#8c8c8c 3%, #7b7b7b 75%);
}
.form-submit:active, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  -moz-box-shadow: #747474 0 1px 2px inset;
  -webkit-box-shadow: #747474 0 1px 2px inset;
  box-shadow: #747474 0 1px 2px inset;
}
.form-submit.disabled, .form-submit[disabled], button.disabled, button[disabled], input[type="button"].disabled, input[type="button"][disabled], input[type="reset"].disabled, input[type="reset"][disabled], input[type="submit"].disabled, input[type="submit"][disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #888888;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-submit::-moz-focus-inner, button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}

a.button {
  font-size: 90%;
  padding: 0.2em 1.1em 0.3em 1.2em;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF999999', endColorstr='#FF666666');
  background: -moz-linear-gradient(#999999, #888888 70%);
  background: -webkit-linear-gradient(#999999, #888888 70%);
  background: linear-gradient(#999999, #888888 70%);
  -moz-box-shadow: #bfbfbf 0 1px 0 inset;
  -webkit-box-shadow: #bfbfbf 0 1px 0 inset;
  box-shadow: #bfbfbf 0 1px 0 inset;
  border: 1px solid #7b7b7b;
  color: white;
  text-shadow: #585858 0 -1px 0;
  margin: 0 5px 0 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.button:hover {
  text-decoration: none;
}
a.button:hover {
  background-color: #7b7b7b;
  background: -moz-linear-gradient(#8c8c8c 3%, #7b7b7b 75%);
  background: -webkit-linear-gradient(#8c8c8c 3%, #7b7b7b 75%);
  background: linear-gradient(#8c8c8c 3%, #7b7b7b 75%);
}
a.button:active {
  -moz-box-shadow: #747474 0 1px 2px inset;
  -webkit-box-shadow: #747474 0 1px 2px inset;
  box-shadow: #747474 0 1px 2px inset;
}
a.button.disabled, a.button[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #888888;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.button::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}
a.button:hover {
  color: white;
}

html.js input.form-autocomplete {
  background-position: 100% 5px;
}

.ajax-progress .throbber {
  background-position: 0px -18px;
}

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline;
}
.container-inline .select2-container {
  display: inline-block;
  margin-bottom: 10px;
}
.container-inline .select2-display-none {
  display: none;
}

dd {
  margin: 10px 0 10px 30px;
}

.tips {
  /* Tips for Drupal's input formats */
}

a.button {
  /* Buttons used by contrib modules like Media */
  -moz-appearance: button;
  -webkit-appearance: button;
}

fieldset {
  margin-bottom: 15px;
  padding: 0;
}
fieldset legend {
  float: left;
  background: #EEEEEE;
  width: 100%;
  margin-bottom: 10px;
}
fieldset legend .fieldset-legend {
  padding: 5px 10px;
  display: block;
}
fieldset .fieldset-wrapper {
  padding: 15px;
}
fieldset.filter-wrapper {
  padding: 0;
  font-size: 90%;
  background: #f9f9f9;
}
fieldset.filter-wrapper .fieldset-wrapper {
  padding: 5px;
  border-top: 1px dotted #C0C0C0;
}
fieldset.filter-wrapper .filter-help {
  padding: 0 20px 0 0;
}
fieldset.filter-wrapper .form-item {
  padding-top: 0;
  margin-top: 5px;
}

.ckeditor_links {
  font-size: 90%;
}

.vertical-tabs ul.vertical-tabs-list li a {
  text-decoration: none;
}
.vertical-tabs ul.vertical-tabs-list li a:hover {
  text-decoration: none;
  outline: none;
  color: #61AEE2;
}
.vertical-tabs ul.vertical-tabs-list li a strong {
  font-weight: normal;
}
.vertical-tabs ul.vertical-tabs-list li a .summary {
  font-size: 90%;
  font-style: italic;
  color: #777777;
}

html.js fieldset.collapsed {
  border: 1px solid #CCCCCC;
  height: 2.15em;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}

/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form {
  /* Wrapper for the search form */
}

/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left;
  /* LTR */
  /*
   * OpenID
   *
   * The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
}
#user-login-form ul {
  /* OpenID creates a new ul above the login form's links. */
  margin-bottom: 0;
  /* Position OpenID's ul next to the rest of the links. */
}
html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* The "Log in using OpenID" link. */
  margin-top: 1.5em;
  margin-left: -20px;
  /* LTR */
  /* Un-do some of the padding on the ul list. */
}
#user-login-form li.user-link {
  /* The "Cancel OpenID login" link. */
  margin-top: 1.5em;
}

#user-login ul {
  margin: 1.5em 0;
}

/*
 * Drupal tables
 *
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */
table {
  width: 100%;
}

th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc;
  font-weight: normal;
  padding: 5px 10px;
}

tbody {
  border-top: 1px solid #ccc;
}

td {
  padding: 10px;
}

tr.even {
  background-color: #fff;
}

table .item-list ul {
  margin: 0;
}

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */
td.menu-disabled {
  background: #ccc;
}

html.js input.form-autocomplete {
  background-position: 100% 8px;
}

@media (max-width:830px) {
    .login-form-container{
        //float:right;
        margin:0px;
        display:none;
    }
    
    .clear {
        clear:both;
    }
}
@media (min-width:831px) {
    .login-form-container {
        float: right;
        margin: 0 50px 0 0;
        //position: relative;
        //top: 22px;
    }
}
/*@media (max-width: 830px) {
  .login-form-container {
    display: none;
  }
}*/
@media (max-width:830px) {
    #login-form {
        float: left;
        padding:0px;
        font-size:90%;
    }
}

@media (min-width:831px) {
    #login-form {
      float: left;
      padding: 20px 0;
      font-size: 90%;
    }
}
#login-form .login-form-fields {
  float: left;
  margin: 3px 0 0 0;
}
#login-form .login-form-fields label {
  float: left;
  margin-right: 5px;
  color: #939598;
  font-weight: normal;
}
#login-form .login-form-fields input.form-text {
  float: left;
  margin-right: 15px;
  background: #f2f2f2;
  border: 0;
}

.invalid-text {
    font-style: italic;
    color: red !important;
    border-color:red;
    box-shadow: 0 0 10px #AC4747;
}
.invalid-text:hover {
    border-color:red;
    box-shadow: 0 0 10px #AC4747;
}
/*#login-form .login-form-fields.initial {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#login-form .login-form-fields.initial.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}*/
#login-form .login-form-sub {
  float: left;
}

.clearing-mobile {
    clear:both;
}
#login-form .login-form-sub .form-submit, #login-form .login-form-sub .form-submit[type="submit"] {
  background: transparent;
  padding: 4px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: none !important;
  color: #666;
}

.invis {
    visibility: hidden;
}

.demo-button {
    background: linear-gradient(#C25410, #E56C1E 70%) !important;
    border:1px solid #C25410 !important;
    font-size:16px !important;
    text-shadow:none !important;
}