.list--with-icons li {
  display: block;
  padding: 0 0 15px; }
  .list--with-icons li:last-of-type {
    padding: 0; }
.list--with-icons span, .list--with-icons p {
  display: inline-block;
  vertical-align: top; }
.list--with-icons span {
  width: 8%; }
.list--with-icons p {
  width: 90%; }

.list--with-checkboxes {
  padding: 30px 0 0 50px; }
  .list--with-checkboxes li {
    display: block; }
    .list--with-checkboxes li:last-of-type {
      padding: 0; }
  .list--with-checkboxes input, .list--with-checkboxes p {
    display: inline-block; }
  .list--with-checkboxes p {
    vertical-align: top;
    width: 90%; }

.icon--h-25 {
  height: 25px; }

.icon--green-fill {
  fill: #00B233; }

.icon--alert {
  background: url("/images/alert_icon.png") 6px 0px no-repeat;
  height: 44px; }

.icon--error {
  background: url("/images/error_icon.png") 13px 0px no-repeat;
  height: 44px; }

.alert-box p > a {
  color: #353535;
  text-decoration: underline; }
  .alert-box p > a:hover {
    color: #ffffff; }

.warning-box {
  background-color: #ed1c24;
  color: #ffffff;
  padding: 10px;
  margin-bottom: 30px; }
  .warning-box .icon--box, .warning-box .content {
    display: inline-block;
    vertical-align: middle; }
  .warning-box .icon--box {
    width: 15%;
    max-width: 73px; }
  .warning-box .content {
    width: 83%;
    line-height: 25px; }
    .warning-box .content p {
      padding: 0; }

.btn.btn--green {
  border-color: #159f03;
  background: #159f03;
  color: #FFF; }
  .btn.btn--green:hover {
    background: transparent;
    color: #159f03; }
.btn.btn-fixed-width {
  width: 118px; }
  @media (max-width: 760px) {
    .btn.btn-fixed-width {
      width: 100% !important; } }
  @media (max-width: 1020px) {
    .btn.btn-fixed-width {
      width: 99px; } }
.btn:disabled {
  background-color: #aeaeae;
  border-color: #aeaeae;
  color: #FFF; }
  .btn:disabled:hover {
    border-color: #aeaeae;
    background-color: #aeaeae;
    color: #FFF; }

.link_white {
  color: #FFF; }

.checkbox--big input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #222222;
  width: 1.5em;
  height: 1.5em;
  margin: 0.5em 1em 0 0; }
  .checkbox--big input[type="checkbox"]:checked {
    background: #353535;
    border-color: transparent; }

label .input-title {
  font-family: ars-maquette-web,Helvetica,Arial,"Lucida Grande",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 0 3px;
  display: inline-block; }
label .input-toggle {
  user-select: none;
  display: inline-block;
  float: right; }
  label .input-toggle input[type="checkbox"] {
    display: none; }
  label .input-toggle .password-toggle {
    width: 80px; }
    label .input-toggle .password-toggle span {
      width: 50px;
      text-align: right;
      display: inline-block;
      font-weight: 600; }
  label .input-toggle .toggle-img {
    color: #353535;
    height: 25px;
    width: 25px; }

.platforms-icons {
  display: flex;
  max-width: 60%;
  margin: 15px auto; }
  .platforms-icons .platform {
    flex: 1 1 auto;
    text-align: center; }

.landing .recovery-options-grid {
  flex-wrap: wrap; }
  @media (max-width: 760px) {
    .landing .recovery-options-grid .span6.flex-span {
      width: 100%; } }
  .landing .recovery-options-grid .flex-span {
    width: 50%;
    flex: 1 0 auto;
    padding-top: 15px;
    padding-bottom: 15px; }
  .landing .recovery-options-grid .recovery-option {
    display: flex;
    box-shadow: 0px 0px 8px 0px rgba(196, 196, 196, 0.5);
    padding: 15px 15px 30px 15px;
    transition: 0.3s box-shadow ease; }
    @media (min-width: 1021px) {
      .landing .recovery-options-grid .recovery-option {
        min-height: 160px !important; } }
    @media (min-width: 760px) {
      .landing .recovery-options-grid .recovery-option {
        min-height: 182px; } }
    .landing .recovery-options-grid .recovery-option:hover {
      box-shadow: 0px 0px 20px 0px rgba(196, 196, 196, 0.7); }
    .landing .recovery-options-grid .recovery-option .option-icon {
      width: 100px;
      margin-right: 10px;
      flex-grow: 1;
      flex-shrink: 0; }
    .landing .recovery-options-grid .recovery-option .description {
      flex-grow: 2; }
      .landing .recovery-options-grid .recovery-option .description h3 {
        color: #ff4d00;
        text-decoration: underline;
        margin-bottom: 10px;
        display: inline-block;
        text-transform: inherit;
        font-size: 1em;
        letter-spacing: inherit; }
      .landing .recovery-options-grid .recovery-option .description p {
        color: #222222;
        line-height: 22px; }

/*# sourceMappingURL=application.css.map */