/* line 1, ../scss/compat.scss */
.ui-timepicker-minutes {
  padding-left: 20px !important; }

/* line 5, ../scss/compat.scss */
#compatability_forms .form {
  width: 49%;
  display: inline-block; }
  /* line 8, ../scss/compat.scss */
  #compatability_forms .form table {
    width: 100%;
    table-layout: fixed; }
    /* line 12, ../scss/compat.scss */
    #compatability_forms .form table tr td {
      padding: 5px;
      position: relative;
      vertical-align: middle; }
      /* line 16, ../scss/compat.scss */
      #compatability_forms .form table tr td .img {
        width: 150px;
        border-radius: 5px; }
      /* line 20, ../scss/compat.scss */
      #compatability_forms .form table tr td input {
        width: 75%; }
      /* line 23, ../scss/compat.scss */
      #compatability_forms .form table tr td .download {
        position: absolute;
        top: 64px;
        left: 50%;
        font-size: 32px;
        margin-left: -13px;
        cursor: pointer;
        color: #eaeaea !important;
        -webkit-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out; }
        /* line 32, ../scss/compat.scss */
        #compatability_forms .form table tr td .download:hover {
          color: #6d6d6d !important; }
    /* line 39, ../scss/compat.scss */
    #compatability_forms .form table tr.avatar .progress_bar {
      width: 80%;
      height: 35px;
      border: 1px solid #ccc;
      margin: 0 auto;
      border-radius: 5px;
      overflow: hidden;
      display: none; }
      /* line 47, ../scss/compat.scss */
      #compatability_forms .form table tr.avatar .progress_bar .percent {
        width: 0%;
        height: 100%;
        background-color: #EAEAEA; }
    /* line 53, ../scss/compat.scss */
    #compatability_forms .form table tr.avatar .male_download, #compatability_forms .form table tr.avatar .female_download {
      width: 75%;
      line-height: 20px;
      border: 1px solid #ccc;
      color: #ABA9B9 !important;
      padding-left: 5px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 0; }
    /* line 64, ../scss/compat.scss */
    #compatability_forms .form table tr.avatar td:first-child label[for="male_download"],
    #compatability_forms .form table tr.avatar td:first-child label[for="female_download"] {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      display: inline-block; }
    /* line 73, ../scss/compat.scss */
    #compatability_forms .form table tr.gender {
      text-align: center; }
/* line 80, ../scss/compat.scss */
#compatability_forms #male .gender {
  color: #FE8167; }
/* line 84, ../scss/compat.scss */
#compatability_forms #male label {
  color: #FE8167; }
/* line 89, ../scss/compat.scss */
#compatability_forms #female .gender {
  color: #5563AE; }
/* line 93, ../scss/compat.scss */
#compatability_forms #female label {
  color: #5563AE; }
/* line 97, ../scss/compat.scss */
#compatability_forms .submit {
  display: block;
  margin: 0 auto;
  margin-top: 20px; }
/* line 102, ../scss/compat.scss */
#compatability_forms .error {
  text-align: center;
  display: none; }
  /* line 105, ../scss/compat.scss */
  #compatability_forms .error .text {
    display: inline-block;
    border: 1px solid red;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
    background-color: #FFF0F0; }

/* line 116, ../scss/compat.scss */
#compatability_results {
  display: none; }
  /* line 118, ../scss/compat.scss */
  #compatability_results img {
    display: block;
    margin: 0 auto; }

/* line 123, ../scss/compat.scss */
.text-center {
  text-align: center; }

/* line 126, ../scss/compat.scss */
.italic {
  font-style: italic; }

/* line 129, ../scss/compat.scss */
.ui-timepicker-table table a {
  display: inherit; }