ministryofjustice/civil-claims-frontend-claimant

/*
 *  icon font generated using http://icomoon.io/app
 */
@font-face {
  font-family: 'validators';
  src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
     url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWX4tf4AAAd8AAAAHEdERUYANwAGAAAHXAAAACBPUy8yT9zcHwAAAVgAAABWY21hcO8zHB4AAAHQAAABcmdhc3D//wADAAAHVAAAAAhnbHlmAGICEAAAA1wAAAIMaGVhZP2Oh4kAAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BK4AAAAAAbAAAAAebG9jYQImAXAAAANEAAAAFm1heHAAUAAvAAABOAAAACBuYW1lSwlncwAABWgAAAGqcG9zdKBZThkAAAcUAAAAPgABAAAAAQAAfRuKJl8PPPUACwIAAAAAAM43o2YAAAAAzjejZgAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAKACwABAAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZABAACHwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAAAAAAIAAAAAAAAAAAEAAAADAAAAAAADAAAAAwAAABwAAQAAAAAAbAADAAEAAAAcAAQAUAAAAA4ACAACAAYAAAAiAC8AbgB58AD//wAAAAAAIQAvAG4AePAA//8AAAAA/9n/lwAAEAMAAQAAAAwAAAAAAAoAAAAAAAYACQAHAAQAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAGCQAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAHBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOACwAVAB0AL4A0AEGAAAAAQAA/+ACAAHgAAIAABEBIQIA/gAB4P4AAAAAAAIAAP/gAgAB4AAHAA0AAAAiBhQWMjY0ASc3FzcXAWrUlpbUlv7Qai87uRcB4JbUlpbU/vaKMUuXFwAAAAIAAP/gAgAB4AAHABcAAAAiBhQWMjY0DwEXFSMnByM1Nyc1Mxc3MwFq1JaW1JaAU1MtU1MtU1MtU1MtAeCW1JaW1BdTUy1TUy1TUy1TUwAABAAA/+ACAAHgAAAACAAMABAAACUDIwcVFzM3NQMjNTM1IzUzAgCQ4JCQ4JDgQEBAQHABcJDgkJDg/vBAQMAAAAEAAf/hAf8B3wArAAAlJzc2NzYvASYHBg8BJyYnJg8BBhcWHwEHBgcGHwEWNzY/ARcWFxY/ATYnJgH7m5sDAQQISQcKAwObmwMDCgdJCAQBA5ubAwEECEkHCgMDm5sDAwoHSQgEAUWbmwMDCgdJCAQBA5ubAwEECEkHCgMDm5sDAwoHSQgEAQObmwMBBAhJBwoDAAABAAAAEAIAAaAABQAAAQcnBxcBAbDwcFDAAUABoPBwUMABQAAEAAP/4AH9AeAAAgAOABYAHgAAAQMhAjIXExYGIyEiJjcTAhQWMjY0JiI0MhYVByMnNAEArAFYviQM2w0TGv5OGhMN2wITGhMTGhoTCiwKAZH+jwHAFv5MFiAgFgG0/qMaExMaE6ATDWBgDQAAAAwAlgABAAAAAAABAAoAFgABAAAAAAACAAcAMQABAAAAAAADACYAhwABAAAAAAAEAAoAxAABAAAAAAAFAAsA5wABAAAAAAAGAAoBCQADAAEECQABABQAAAADAAEECQACAA4AIQADAAEECQADAEwAOQADAAEECQAEABQArgADAAEECQAFABYAzwADAAEECQAGABQA8wB2AGEAbABpAGQAYQB0AG8AcgBzAAB2YWxpZGF0b3JzAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHYAYQBsAGkAZABhAHQAbwByAHMAIAA6ACAAMQA5AC0AOAAtADIAMAAxADMAAEZvbnRGb3JnZSAyLjAgOiB2YWxpZGF0b3JzIDogMTktOC0yMDEzAAB2AGEAbABpAGQAYQB0AG8AcgBzAAB2YWxpZGF0b3JzAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAAB2AGEAbABpAGQAYQB0AG8AcgBzAAB2YWxpZGF0b3JzAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAEAAgECAFwAUQAEAFsAEgAFB3VuaUYwMDAAAAAAAAH//wACAAEAAAAOAAAAGAAAAAAAAgABAAMACQABAAQAAAACAAAAAAABAAAAAMmJbzEAAAAAzjejZgAAAADON6Nm) format('truetype');
  font-weight: normal;
  font-style: normal;
}

.validation-enabled form {
  input {
    display:inline-block;
  }
  input:focus:invalid {
    color: #555555;
    border-color: #73b9ef;
    -webkit-box-shadow: 0px 0px 3px 2px rgba(115, 185, 239, 0.3);
  }
  input:focus {
    border-color: #73b9ef;
    -webkit-box-shadow: 0px 0px 3px 2px rgba(115, 185, 239, 0.3);
  }
  input.tabbed-out:invalid {
    color: red;
    border-color: red;
    -webkit-box-shadow: 0px 0px 3px 2px rgba(255, 0, 0, 0.3);
  }
  
  input.tabbed-out:valid + span.icon-container,
  input.tabbed-out:invalid + span.icon-container {
    display: inline !important;
  }


  input.tabbed-out:valid + span.icon-container:after {
    content: 'y';
    color: green;
  }
  input.tabbed-out:invalid + span.icon-container:after {
    content: 'n';
    color: red;
  }
  input + span.icon-container:after {
    font-family: 'validators';
    top:3px;
    left:-27px;
    position:relative;
  }
}