/*
RESET
*/
* {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box; }

/*
IMPORTS
*/
/*
TABLE
*/
table.epyc-table {
  border-collapse: collapse;
  margin: 20px 0; }
  table.epyc-table.epyc-table td img {
    max-height: 50px;
    max-width: 75px; }
  table.epyc-table thead {
    background-color: #242F3A;
    border-top: 10px solid #242F3A;
    border-bottom: 10px solid #242F3A; }
    table.epyc-table thead a {
      text-decoration: none;
      color: white; }
      table.epyc-table thead a:hover {
        color: white;
        text-decoration: underline; }
      table.epyc-table thead a span[class^="icon-"] {
        position: absolute;
        top: 0.5rem;
        right: 8px; }
    table.epyc-table thead th {
      padding: 5px 10px;
      border-right: 1px solid white;
      color: white;
      position: relative; }
      table.epyc-table thead th a {
        padding-right: 20px;
        white-space: nowrap; }
      table.epyc-table thead th:first-child {
        border-radius: 3px 0 0 3px; }
      table.epyc-table thead th:last-child {
        border-radius: 0 3px 3px 0;
        border-right: none; }
  table.epyc-table thead + tbody tr:first-child td {
    padding-top: 20px; }
  table.epyc-table th {
    text-align: left;
    padding-right: 10px; }
  table.epyc-table tbody tr {
    border-bottom: 1px solid #999999; }
    table.epyc-table tbody tr:nth-child(even) {
      background-color: #f5f5f5; }
    table.epyc-table tbody tr:hover {
      background-color: #eaeef2; }
    table.epyc-table tbody tr.newCandidate {
      background-color: #D5FA80 !important; }
    table.epyc-table tbody tr.changeData {
      background-color: #FED2A4 !important; }
    table.epyc-table tbody tr.doNothing {
      background-color: #EEEEEE !important; }
    table.epyc-table tbody tr.existingCandidateNewExam {
      background-color: #7AD6FD !important; }
  table.epyc-table tbody td {
    padding: 7px 5px 7px 10px; }
    table.epyc-table tbody td:first-child {
      border-top: 1px solid #999; }
    table.epyc-table tbody td:last-child {
      padding-right: 10px; }
    table.epyc-table tbody td a {
      text-decoration: none;
      padding-left: 8px;
      border-left: 1px solid #242F3A;
      color: #242F3A; }
      table.epyc-table tbody td a:first-child {
        border-left: none;
        padding-left: 0; }
      table.epyc-table tbody td a:last-child {
        padding-right: 0; }
      table.epyc-table tbody td a span[class^="icon-"] {
        font-size: 16px; }
    table.epyc-table tbody td .inline-actions a {
      padding-left: 4px; }
  table.epyc-table th,
  table.epyc-table td[data-model-attribute="reference"],
  table.epyc-table td[data-model-attribute="referenceWithCancellationOrInvalidation"],
  table.epyc-table td[data-model-attribute="examTime"],
  table.epyc-table td[data-model-attribute="epyc-table-actions"],
  table.epyc-table td[data-model-attribute="status"],
  table.epyc-table td[data-model-attribute="id"] {
    white-space: nowrap; }

.sorted {
  color: #ebcb44; }

/*
FORMS
*/
form:after {
  content: " ";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  font-size: 0; }

label, input, select, textarea, button, .optionGroup {
  display: inline-block;
  vertical-align: top;
  float: left; }

label {
  width: 200px;
  clear: both;
  padding: 5px 10px 5px 0; }

input, select, textarea, button {
  border: 1px solid #172632;
  border-radius: 3px;
  width: 300px;
  max-width: calc(100% - 10px);
  padding: 5px 7px;
  margin: 5px 0; }

legend {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0; }

textarea {
  height: 100px; }

input[type="file"] {
  padding-top: 3px;
  padding-bottom: 3px; }

button, input[type="button"], input[type="submit"], .button {
  background-color: #172632;
  color: white;
  font-weight: bold;
  width: auto;
  padding: 10px 20px;
  clear: both;
  cursor: pointer; }

button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
  background-color: #2a4255;
  color: white; }

button span[class^="icon-"] {
  padding-right: 5px; }

input[type="radio"], input[type="checkbox"] {
  width: auto;
  border: none;
  margin-right: 5px; }

input[type="checkbox"] {
  clear: both; }

input[type="checkbox"] + label {
  clear: none;
  width: auto; }

.optionGroup {
  width: 300px; }
  .optionGroup * {
    width: auto; }
  .optionGroup label {
    clear: none; }
  .optionGroup input {
    clear: both; }

.miniButton {
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 100px;
  text-align: center;
  font-size: 16px;
  line-height: 33px; }

form .miniButton {
  float: left;
  clear: none;
  display: inline-block;
  margin: 4px 0 0 4px; }

.error,
.danger {
  border-color: #ff4a43; }

.errorMessage,
.message.danger {
  color: #ff4a43;
  float: left;
  clear: none;
  display: inline-block;
  margin: 10px 0 0 4px; }

.message.danger {
  display: block;
  float: none;
  clear: both; }

.optionGroup + .errorMessage {
  margin-top: 5px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu li {
    padding: 5px; }
    .dropdown-menu li a {
      text-decoration: none; }
    .dropdown-menu li:hover {
      background-color: #ccc;
      cursor: pointer; }
      .dropdown-menu li:hover a {
        color: #457b95; }

body.home.anonymous #container, body.login.anonymous #container {
  padding-left: 0; }
  body.home.anonymous #container header, body.login.anonymous #container header {
    padding-top: 15px;
    text-align: center;
    background: #242F3A; }
    body.home.anonymous #container header .logo, body.login.anonymous #container header .logo {
      height: 135px; }
      body.home.anonymous #container header .logo a, body.login.anonymous #container header .logo a {
        display: inline-block; }
        body.home.anonymous #container header .logo a img, body.login.anonymous #container header .logo a img {
          height: 150px; }
    body.home.anonymous #container header ul, body.login.anonymous #container header ul {
      list-style: none;
      margin: 1rem 0;
      padding: 0 0 1rem 0; }
      body.home.anonymous #container header ul:after, body.login.anonymous #container header ul:after {
        content: "";
        display: table;
        clear: both; }
      body.home.anonymous #container header ul li, body.login.anonymous #container header ul li {
        display: inline-block;
        margin: 0 10px;
        padding: 0; }
        body.home.anonymous #container header ul li a, body.login.anonymous #container header ul li a {
          color: #9cafc1; }
          body.home.anonymous #container header ul li a:hover, body.login.anonymous #container header ul li a:hover {
            color: #eaeef2; }
  body.home.anonymous #container main, body.login.anonymous #container main {
    padding: 0 0 1rem 0; }
    body.home.anonymous #container main:after, body.login.anonymous #container main:after {
      content: "";
      display: table;
      clear: both; }
    body.home.anonymous #container main .column, body.login.anonymous #container main .column {
      float: left;
      border-radius: 8px;
      position: relative;
      padding-bottom: 2rem; }
      body.home.anonymous #container main .column .icon, body.login.anonymous #container main .column .icon {
        font-size: 500%;
        position: absolute;
        bottom: 10px;
        right: 10px;
        z-index: 0; }
      body.home.anonymous #container main .column .inner, body.login.anonymous #container main .column .inner {
        padding: 1rem 1rem 2rem 1rem; }
        body.home.anonymous #container main .column .inner *:not(.icon), body.login.anonymous #container main .column .inner *:not(.icon) {
          z-index: 2; }
        body.home.anonymous #container main .column .inner h2, body.login.anonymous #container main .column .inner h2 {
          text-align: center;
          font-size: 175%;
          border: 0;
          margin: 0.5rem 0;
          padding: 0; }
        body.home.anonymous #container main .column .inner p, body.login.anonymous #container main .column .inner p {
          line-height: 1.35; }
          body.home.anonymous #container main .column .inner p i, body.login.anonymous #container main .column .inner p i {
            color: #a2afbe; }
        body.home.anonymous #container main .column .inner form, body.login.anonymous #container main .column .inner form {
          padding: 0;
          margin-top: 1rem; }
        body.home.anonymous #container main .column .inner input[type="text"],
        body.home.anonymous #container main .column .inner input[type="email"],
        body.home.anonymous #container main .column .inner input[type="password"], body.login.anonymous #container main .column .inner input[type="text"],
        body.login.anonymous #container main .column .inner input[type="email"],
        body.login.anonymous #container main .column .inner input[type="password"] {
          font-size: 110%;
          padding: 8px 10px;
          border-top: 1px solid #aaa;
          border-left: 1px solid #aaa;
          border-right: 1px solid #ddd;
          border-bottom: 1px solid #ddd;
          width: 100%; }
        body.home.anonymous #container main .column .inner .help-block, body.login.anonymous #container main .column .inner .help-block {
          display: block;
          clear: both;
          margin-bottom: 1rem;
          font-weight: bold; }
      body.home.anonymous #container main .column#loginColumn, body.login.anonymous #container main .column#loginColumn {
        background: #eee; }
        body.home.anonymous #container main .column#loginColumn .icon, body.login.anonymous #container main .column#loginColumn .icon {
          font-size: 400%;
          color: #c8c8c8; }
        body.home.anonymous #container main .column#loginColumn p, body.login.anonymous #container main .column#loginColumn p {
          clear: both; }
      body.home.anonymous #container main .column#cbtColumn, body.login.anonymous #container main .column#cbtColumn {
        background: #FEEA86; }
        body.home.anonymous #container main .column#cbtColumn .icon, body.login.anonymous #container main .column#cbtColumn .icon {
          font-size: 250%;
          color: #fdd408;
          right: 20px; }
      body.home.anonymous #container main .column#cdrColumn, body.login.anonymous #container main .column#cdrColumn {
        background: #dae5ee; }
        body.home.anonymous #container main .column#cdrColumn .icon, body.login.anonymous #container main .column#cdrColumn .icon {
          font-size: 250%;
          color: #a5c0d6; }
        body.home.anonymous #container main .column#cdrColumn .diplomaSearch div, body.login.anonymous #container main .column#cdrColumn .diplomaSearch div {
          display: block; }
          body.home.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(2), body.login.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(2) {
            text-align: left;
            color: #82a8c6; }
          body.home.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(3), body.home.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(4), body.home.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(5), body.login.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(3), body.login.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(4), body.login.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(5) {
            display: table-cell; }
          body.home.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(4), body.login.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(4) {
            color: #82a8c6; }
          body.home.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(6) input[type="submit"], body.login.anonymous #container main .column#cdrColumn .diplomaSearch div:nth-child(6) input[type="submit"] {
            font-size: 85%;
            border-radius: 3px;
            border: 0; }
  @media screen and (max-width: 800px) {
    body.home.anonymous #container main, body.login.anonymous #container main {
      width: 100%;
      padding: 0; }
      body.home.anonymous #container main .column, body.login.anonymous #container main .column {
        width: 96%;
        min-width: 350px;
        margin: 10px 2%; } }
  @media screen and (min-width: 800px) and (max-width: 1110px) {
    body.home.anonymous #container main, body.login.anonymous #container main {
      width: 800px;
      margin: 0 auto; }
      body.home.anonymous #container main .column, body.login.anonymous #container main .column {
        width: 380px;
        margin: 10px; }
      body.home.anonymous #container main #loginColumn, body.login.anonymous #container main #loginColumn {
        width: 780px;
        margin: 10px 0 10px 10px; } }
  @media screen and (min-width: 1111px) {
    body.home.anonymous #container main, body.login.anonymous #container main {
      width: 1110px;
      margin: 0 auto; }
      body.home.anonymous #container main .column, body.login.anonymous #container main .column {
        width: 350px;
        margin: 10px; } }
  body.home.anonymous #container footer, body.login.anonymous #container footer {
    padding: 1rem 1rem 3rem 1rem;
    border-top: 2px solid #eee;
    font-size: 95%;
    text-align: center; }
    body.home.anonymous #container footer a, body.login.anonymous #container footer a {
      white-space: nowrap; }

/*
MAIN ELEMENTS
*/
body {
  color: #3d4957;
  font-family: 'Roboto', sans-serif;
  font-size: 14px; }

h1, h2, h3, h4, h5, h6, p {
  padding: 10px 0; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #d7d7d7;
  margin-bottom: 10px;
  padding-top: 20px; }

h1 + h2 {
  padding-top: 0; }

h3 {
  padding-top: 20px;
  font-size: 18px; }

a {
  color: #78a9c1;
  cursor: pointer; }

a:hover {
  color: #457b95; }

ul, ol {
  padding: 5px 0 5px 30px; }

li {
  padding: 5px 0; }

hr {
  border-top: 1px dotted #d7d7d7;
  margin: 10px 0; }

dl {
  background: #eee;
  padding: 1em 1em 0 1em;
  border-width: 2px 1px 1px 2px;
  border-color: #aaa #ccc #ccc #aaa;
  border-style: solid;
  margin: 2rem 0; }

dl:after {
  content: "";
  display: table;
  clear: both; }

dl dt {
  float: left;
  width: 150px;
  margin: 0 1em 1em 0;
  text-align: right; }

dl dd {
  font-weight: bold;
  margin-bottom: 1em; }

.hidden {
  visibility: hidden; }

footer {
  padding: 1rem;
  border-top: 2px solid #eee;
  font-size: 95%;
  text-align: center; }
  footer a {
    white-space: nowrap; }

/*
FORMS
*/
form:after {
  content: " ";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  font-size: 0; }

label, input, select, textarea, button, .optionGroup {
  display: inline-block;
  vertical-align: top;
  float: left; }

label {
  width: 200px;
  clear: both;
  padding: 5px 10px 5px 0; }

input, select, textarea, button {
  border: 1px solid #172632;
  border-radius: 3px;
  width: 300px;
  max-width: calc(100% - 10px);
  padding: 5px 7px;
  margin: 5px 0; }

legend {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0; }

textarea {
  height: 100px; }

input[type="file"] {
  padding-top: 3px;
  padding-bottom: 3px; }

button, input[type="button"], input[type="submit"], .button {
  background-color: #172632;
  color: white;
  font-weight: bold;
  width: auto;
  padding: 10px 20px;
  clear: both;
  cursor: pointer; }
  button.danger, input[type="button"].danger, input[type="submit"].danger, .button.danger {
    background-color: #ff4a43; }

button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
  background-color: #2a4255;
  color: white; }
  button:hover.danger, input[type="button"]:hover.danger, input[type="submit"]:hover.danger, .button:hover.danger {
    background-color: #ff4a43; }

p.danger,
span.danger {
  color: #ff4a43; }

button span[class^="icon-"] {
  padding-right: 5px; }

input[type="radio"], input[type="checkbox"] {
  width: auto;
  border: none;
  margin-right: 5px; }

input[type="checkbox"] {
  clear: both; }

input[type="checkbox"] + label {
  clear: none;
  width: auto; }

.optionGroup {
  width: 300px; }

.optionGroup * {
  width: auto; }

.fullWidthOptions {
  display: table;
  width: 100%;
  padding-top: 1rem; }
  .fullWidthOptions label {
    display: table-cell;
    min-width: 200px; }
  .fullWidthOptions .optionGroup {
    display: table-cell;
    width: auto; }
    .fullWidthOptions .optionGroup label {
      white-space: nowrap; }

.optionGroup label {
  clear: none; }

.optionGroup input {
  clear: both; }

.miniButton {
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 100px;
  text-align: center;
  font-size: 16px;
  line-height: 33px; }

form .miniButton {
  float: left;
  clear: none;
  display: inline-block;
  margin: 4px 0 0 4px; }

.error,
.danger {
  border-color: #ff4a43;
  color: #ff4a43; }

.errorMessage,
.message.danger {
  color: #ff4a43;
  float: left;
  clear: none;
  display: inline-block;
  margin: 10px 0 0 4px; }

.message.danger {
  display: block;
  float: none;
  clear: both; }

.optionGroup + .errorMessage {
  margin-top: 5px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.dropdown-menu li {
  padding: 5px; }

.dropdown-menu li:hover {
  background-color: #ccc;
  cursor: pointer; }

.dropdown-menu li:hover a {
  color: #457b95; }

.dropdown-menu li a {
  text-decoration: none; }

/*
NAVIGATION
*/
nav {
  background-color: #242F3A;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 20px 0;
  width: 60px;
  z-index: 2; }

.navigationText {
  display: none;
  padding-left: 20px;
  font-size: 14px;
  line-height: 22px;
  vertical-align: top;
  text-transform: uppercase; }

nav ul {
  padding: 0; }

nav li {
  padding: 0;
  list-style-type: none; }

nav a {
  color: white;
  text-decoration: none;
  font-size: 20px;
  display: block;
  padding: 10px 20px; }

nav a:hover {
  background-color: #2a4255;
  color: white; }

nav a.active {
  background-color: #ebcb44;
  color: #242F3A; }

nav hr {
  border-top: 1px solid white;
  margin: 20px; }

.logo {
  text-align: center;
  height: 85px; }

.logoBaseline {
  transition: opacity 700ms;
  margin: 2px auto 0 auto;
  display: block;
  visibility: hidden;
  opacity: 0; }

nav li ul {
  padding-bottom: 5px; }

nav li li a {
  font-size: 10px;
  line-height: 14px;
  padding: 5px 20px 5px 25px; }

nav li li .navigationText {
  color: #8f9498;
  font-size: 12px;
  text-transform: none;
  line-height: 14px;
  padding-left: 27px; }

nav li li a.active, nav li li a.active .navigationText {
  color: #ebcb44;
  background-color: transparent; }

nav:hover {
  width: auto; }

nav:hover .navigationText {
  display: inline-block; }

nav:hover .logoBaseline {
  opacity: 1;
  visibility: visible; }

/*
CONTAINER
*/
#container {
  padding-left: 60px; }

/*
MAIN
*/
main {
  display: block;
  padding: 10px 30px 30px 30px; }

/*
BREADCRUMB
*/
.breadcrumb {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  margin: 20px 0;
  padding: 0;
  font-weight: bold; }

.breadcrumb li {
  display: inline-block;
  list-style-type: none;
  padding: 0; }

.breadcrumb li:after {
  content: "\00a0";
  display: inline-block;
  width: 6px;
  height: 26px;
  vertical-align: super;
  background-image: url("../images/breadcrumb_arrow.png");
  background-repeat: no-repeat;
  margin: 0 8px; }

.breadcrumb li:last-child:after {
  display: none; }

.breadcrumb a {
  color: #172632;
  text-decoration: none;
  display: inline-block;
  font-weight: normal;
  padding: 5px 0 0 0; }

.breadcrumb li:first-child {
  padding-left: 10px; }

/*
TYPE SELECTION
*/
#typeSelection,
#centerSelection {
  display: inline-block;
  list-style-type: none;
  padding: 30px 10px 10px 30px; }
  #typeSelection li, #typeSelection span,
  #centerSelection li,
  #centerSelection span {
    display: inline-block;
    padding: 0; }
    #typeSelection li a, #typeSelection span a,
    #centerSelection li a,
    #centerSelection span a {
      border: 1px solid #242F3A;
      border-radius: 3px;
      padding: 3px 8px;
      color: #242F3A;
      text-decoration: none;
      text-transform: uppercase; }
      #typeSelection li a:hover, #typeSelection span a:hover,
      #centerSelection li a:hover,
      #centerSelection span a:hover {
        background-color: #efefef; }
      #typeSelection li a.active, #typeSelection span a.active,
      #centerSelection li a.active,
      #centerSelection span a.active {
        background-color: #242F3A;
        color: white; }

.roleIndicator {
  border: 1px solid #ebcb44;
  display: inline-block;
  list-style-type: none;
  border-radius: 3px;
  padding: 3px 8px !important;
  background-color: #ebcb44;
  color: white;
  margin-right: 25px; }

/*
USER HEADER
*/
#userHeader {
  float: right;
  display: inline-block;
  padding-top: 30px;
  padding-right: 30px; }

#userHeader div {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #242F3A; }

#userHeader div:last-child {
  padding-right: 0;
  border-right: none; }

#userHeader span[class^="icon-"] {
  padding: 0 5px; }

#userHeader a {
  color: #242F3A;
  text-decoration: none; }

/*
LANGUAGE SELECTOR
*/
.languageSelector .active {
  font-weight: bold; }

/*
BUTTON LINK
*/
.buttonLink {
  padding-bottom: 5px;
  border-bottom: 1px dotted #d7d7d7;
  text-decoration: none;
  color: #242F3A;
  white-space: nowrap;
  line-height: 30px; }

.buttonLink span[class^="icon-"] {
  margin-right: 5px; }

.buttonLink + .buttonLink {
  margin-left: 10px; }

/*
FILTER
*/
.filter {
  margin: 10px 0; }

.filter input, .filter select {
  width: 150px;
  float: none; }

/*
PAGINATION
*/
.pagination {
  padding: 20px 0 0 0;
  text-transform: uppercase; }

.pagination ul, .pagination li {
  display: inline-block; }

.pagination ul {
  padding-left: 10px; }

.pagination li {
  list-style-type: none;
  padding: 3px 5px;
  font-size: 16px; }

.pagination a {
  color: #242F3A;
  text-decoration: none; }

.pagination a:hover {
  color: #457b95; }

.pagination .active {
  font-weight: bold;
  border: 1px solid #242F3A;
  border-radius: 3px; }

table + .pagination {
  padding-top: 0; }

/*
MESSAGES
*/
.message {
  border-top: 1px dotted #d7d7d7;
  border-bottom: 1px dotted #d7d7d7;
  padding: 10px 0;
  margin: 20px 0; }

.message.error {
  border-color: #ff4a43;
  color: #ff4a43; }

.message.success {
  border-color: #4e9d07;
  color: #4e9d07; }

.message.notice,
.message.warning {
  border-color: #d87a00;
  color: #d87a00; }

.message.info {
  border-color: #242F3A;
  color: #242F3A; }

/*
LOGIN
*/
#loginBar {
  background-color: #242F3A;
  width: 400px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  color: white; }

#loginBar form {
  padding: 150px 40px 0 40px; }

#loginBar h1 {
  font-size: 50px;
  margin-bottom: 30px; }

#loginBar form * {
  float: none;
  clear: none; }

#loginBar label {
  font-size: 16px; }

#loginBar input[type="text"], #loginBar input[type="password"] {
  margin-bottom: 30px; }

#loginBar input {
  padding: 10px;
  width: 100%; }

#loginBar a {
  color: white;
  text-decoration: none;
  border-bottom: 2px solid white;
  padding-bottom: 5px; }

#loginBar input[type="submit"] {
  float: right;
  width: 140px;
  margin-top: -10px;
  background-color: transparent;
  border: 2px solid white;
  text-transform: uppercase; }

#loginBar input[type="submit"]:hover {
  background-color: white;
  color: #242F3A; }

#loginContainer {
  padding: 130px 60px 60px 460px;
  max-width: 1400px; }

#loginLogos {
  padding-left: 0;
  padding-bottom: 30px; }

#loginLogos li {
  display: inline-block;
  background-color: #242F3A;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  height: 92px;
  vertical-align: top;
  margin-right: 10px; }

/*
CENTERS
*/
.centerLogo img {
  max-height: 100px;
  max-width: 100px; }

/*
MOBILE NAVIGATION
*/
#mobileHeader {
  display: none;
  padding: 15px;
  text-align: right;
  position: relative;
  height: 70px; }

#mobileNavigationToggle {
  display: inline-block;
  font-size: 30px;
  color: #242F3A;
  border: 1px solid #242F3A;
  border-radius: 3px;
  padding: 5px 5px;
  line-height: 20px;
  position: absolute;
  right: 15px;
  top: 15px; }

/*
@media screen and (max-width: 800px){
    #mobileHeader {
        display: block;
        width: 100%;
    }

    nav, nav:hover {
        display: none;
        width: 100%;
        z-index: 1000;
        padding-top: 70px;
        overflow-y: auto;
    }

    #mobileNavigationToggle.active {
        z-index: 1001;
        color: white;
        border-color: white;
        position: fixed;
    }

    .navigationText {
        display: inline-block;
    }

    .logo {
        display: none;
    }

    #container {
        padding-left: 0;
    }

    main {
        padding-left: 15px;
        padding-right: 15px;
    }

    .breadcrumb {
        margin: 0;
    }

    .breadcrumb li:first-child {
        padding-left: 15px;
    }

    #typeSelection {
        position: absolute;
        top: 28px;
        left: 15px;
        padding: 0;
    }

    #userHeader {
        padding: 0;
        position: absolute;
        top: 28px;
        left: 110px;
    }

    #userHeader div {
        display: none;
    }

    #userHeader div:last-child {
        display: block;
    }

    #loginBar {
        position: inherit;
        width: 100%;
    }

    #loginBar form {
        padding: 15px;
    }

    #loginBar h1 {
        font-size: 30px;
        margin-bottom: 0;
        padding-top: 0;
    }

    #loginBar input[type="text"], #loginBar input[type="password"] {
        margin-bottom: 5px;
    }

    #loginBar input[type="submit"] {
        width: auto;
        margin-right: 10px;
    }

    #loginContainer {
        padding: 15px;
    }

    #loginLogos li {
        padding-right: 5px;
    }

    #loginLogos img {
        max-width: 115px;
    }
}
*/
form li {
  list-style: none; }

label.required:after {
  content: " *";
  color: red;
  font-weight: bold; }

/**
 * Core effects
 */
.highlighted {
  animation: highlight 3s; }

/*
 * Exam form
 */
.createExams td {
  white-space: nowrap;
  vertical-align: top; }

.createExams label {
  display: none; }

.createExams .optionGroup label {
  display: inline; }

.createExams input,
.createExams .optionGroup,
.createExams select,
.createExams textarea {
  width: auto; }

.createExams th {
  white-space: nowrap; }

.columnVersion {
  min-width: 80px; }

.columnMode {
  min-width: 180px; }

.columnLanguages {
  min-width: 125px; }

.columnOpenSession label {
  display: inline; }

.columnOpenSession div input {
  float: left; }

/* Hide the inline error messages to unclutter the form */
.examRow .errorMessage,
.details .errorMessage {
  display: none; }

tbody tr td .noBorder {
  border-left: none; }

/*
 * EXAM FORM
 */
div.toggle-fieldset {
  margin: 1rem 0; }

div.toggle-fieldset:after {
  content: "";
  display: table;
  clear: both; }

div.toggle-fieldset-checkbox {
  float: left;
  width: 200px; }

div.toggle-fieldset fieldset {
  float: left;
  width: 80%;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0; }

div.toggle-fieldset fieldset legend {
  margin: 0;
  padding: 0;
  font-size: 100%; }

input[name*="[score]"] {
  width: 65px; }

textarea[name="import"] {
  max-width: none;
  width: 100%;
  height: auto;
  float: none; }

.importReference span {
  border: 1px solid #000;
  display: inline-block;
  width: 24px;
  height: 12px; }

.newCandidate {
  background-color: #D5FA80; }

.changeData {
  background-color: #FED2A4; }

.doNothing {
  background-color: #EEEEEE; }

.existingCandidateNewExam {
  background-color: #7AD6FD; }

.changeData s {
  display: block;
  font-size: 90%; }

.importcolumns {
  margin: 50px 0 20px 0;
  padding: 10px;
  border: 1px solid #4e9d07;
  background-color: #E6F1DF; }

.importcolumns ol li {
  list-style: decimal; }

.importcolumns .exampleLink {
  font-weight: bold;
  margin-top: 10px; }

body.screen #typeSelection {
  visibility: hidden; }

body.screen-verify .languageSelector, body.screen-editDetails .languageSelector, body.screen-instructions .languageSelector, body.screen-start .languageSelector, body.screen-inProgress .languageSelector, body.screen-finished .languageSelector {
  visibility: hidden; }
body.screen-verify #userHeader, body.screen-editDetails #userHeader, body.screen-instructions #userHeader, body.screen-start #userHeader, body.screen-inProgress #userHeader, body.screen-finished #userHeader {
  visibility: hidden; }

b.newDiploma {
  color: green; }
b.deletedDiploma {
  color: maroon; }

@keyframes highlight {
  20% {
    background: #4e9d07;
    color: white; }
  80% {
    background: #4e9d07;
    color: white; }
  100% {
    background: none;
    color: inherit; } }
.epyc-table .diplomaAdded {
  background-color: limegreen !important;
  color: white; }

.epyc-table .diplomaRemoved {
  background-color: red !important;
  color: white; }

.filterPresets {
  margin: 15px 0; }
  .filterPresets .button {
    font-size: 90%;
    font-weight: normal;
    text-decoration: none;
    margin-right: 20px;
    padding: 5px 8px;
    border-radius: 4px;
    background-color: #457b95; }
    .filterPresets .button:hover, .filterPresets .button.active {
      background-color: #172632; }
    .filterPresets .button span {
      display: inline-block;
      margin-right: 5px; }

.diplomas:after {
  content: "";
  display: table;
  clear: both; }

.diploma {
  float: left;
  margin-right: 2rem; }
  .diploma h3 span {
    color: #82a8c6; }
  .diploma dl {
    margin-top: 0;
    background: #ebf1f6;
    border: 0;
    border-radius: 8px;
    display: inline-block;
    width: 25rem;
    vertical-align: top; }
    .diploma dl dt {
      float: left;
      display: block;
      width: 8rem; }
    .diploma dl dd {
      float: left;
      display: block;
      width: 14rem; }
  .diploma.invalid dd, .diploma.invalid h3 {
    text-decoration: line-through; }
  .diploma h3 {
    margin: 10px 0;
    padding: 0; }
  .diploma .diplomaInvalid {
    font-size: 110%;
    color: #ff4a43;
    font-weight: bold; }

.diplomaSearchHelp {
  background: #dae5ee;
  border-radius: 8px;
  padding: 5px 10px;
  display: table;
  margin-bottom: 1rem; }
  .diplomaSearchHelp p {
    display: table-cell;
    font-size: 95%;
    line-height: 1.5;
    vertical-align: middle; }
  .diplomaSearchHelp span.icon {
    display: table-cell;
    font-size: 200%;
    padding-right: 1rem;
    vertical-align: middle;
    color: #82a8c6; }

.diplomaSearch div {
  display: inline-block;
  vertical-align: middle;
  text-align: center; }
  .diplomaSearch div input {
    display: inline-block;
    font-size: 110%;
    padding: 10px;
    width: 13rem;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  .diplomaSearch div:nth-child(1) input {
    width: 17rem; }
  .diplomaSearch div:nth-child(2) {
    padding: 0 1rem 0 0.5rem; }
  .diplomaSearch div:nth-child(4) {
    padding: 0 0.5rem 0 0; }
  .diplomaSearch div:nth-child(6) input {
    width: 6rem; }

table.epyc-table td span.inline-actions {
  margin-left: 2em;
  margin-right: 2em; }

#diplomas-options-caret {
  margin: 0 5px; }

#print-diploma-options {
  display: none; }

ul.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #dee2e6;
  margin-top: 35px; }
  ul.tabs li {
    background: none;
    color: #3d4957;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    margin-bottom: -1px; }
  ul.tabs li.current {
    background: white;
    color: #3d4957;
    border: 1px solid transparent;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: bold; }

.tab-content {
  display: none;
  background: white;
  padding: 15px;
  border: 1px solid #dee2e6 !important;
  border-top: none !important; }

.tab-content.current {
  display: inherit; }

/* JIRA report button */
.jira-report {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background-color: #242F3A;
  border-radius: 5px;
  font-size: 24px;
  color: #ebcb44;
  padding: 6px 5px;
  opacity: 0.5; }
  .jira-report:hover {
    color: #ebcb44;
    opacity: 1; }

.warning {
  color: #d87a00; }

.icon-file-csv:before {
  content: "\eae2"; }

.info-text {
  display: inline-block;
  float: left;
  padding: 5px 10px 5px 0;
  vertical-align: top; }

.upload-box-input {
  display: none; }

/*
RTL reading direction
 */
.reading-direction-RTL {
  direction: RTL; }
  .reading-direction-RTL .reading-direction-RTL input {
    direction: RTL; }
  .reading-direction-RTL label, .reading-direction-RTL input, .reading-direction-RTL select, .reading-direction-RTL textarea, .reading-direction-RTL button, .reading-direction-RTL .optionGroup {
    float: right; }
  .reading-direction-RTL label {
    text-align: left;
    padding-left: 10px;
    padding-right: 0; }
  .reading-direction-RTL .buttonLink span[class^="icon-"] {
    margin-right: 0;
    margin-left: 5px; }
  .reading-direction-RTL .breadcrumb li:first-child {
    padding-left: 0;
    padding-right: 30px; }
  .reading-direction-RTL .breadcrumb li::after {
    transform: scaleX(-1); }

.margin-b10 {
  margin-bottom: 10px; }

.scoreRadioButton {
  display: block; }
  .scoreRadioButton:after {
    content: "";
    display: table;
    clear: both; }
  .scoreRadioButton input[name*="score"] {
    width: auto;
    margin-left: 10px; }

.hide-me {
  display: none; }

.pull-left {
  float: left; }

.line-height-2-9 {
  line-height: 2.9; }

.ui-dialog-title {
  background-color: #4c545c !important;
  color: white; }

.ui-dialog-titlebar {
  background-color: #4c545c !important; }

.create-exam-vca .company-select-input, .create-exam-vca .examiner-select-input, .create-exam-vca .location-select-input {
  width: 260px !important; }

#add-a-company-inline, #add-a-location-inline {
  text-decoration: none;
  color: #4c545c; }

.ui-corner-all {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.create-exam-vca .examiner-select-box, .create-exam-vca .location-select-box, .create-exam-vca .company-select-box {
  clear: both; }

.logs-index table tbody tr.priority-0 {
  background: rgba(38, 174, 213, 0.1); }
.logs-index table tbody tr.priority-1 {
  background: rgba(38, 174, 213, 0.3); }
.logs-index table tbody tr.priority-2 {
  background: rgba(255, 255, 0, 0.5); }
.logs-index table tbody tr.priority-3 {
  background: rgba(255, 181, 0, 0.5); }
.logs-index table tbody tr.priority-4 {
  background: rgba(255, 95, 0, 0.5); }

/* Environment warning */
#environment-warning {
  background: red;
  color: white;
  padding: 10px;
  text-align:center;
}

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

.checkbox-toggle {
  margin-bottom: 0.3rem;
}

/* Contact Buttons */

.contact-button {
  margin: 3px 0;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  background-color: #ebcb44;
  padding: 5px 10px;
  color: #172632;
  text-decoration: none;
}

.contact-button:hover {
  background-color: #2a4255;
  color: white;
}

.contact-button svg {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.contact-button svg path {
  fill: #172632;
}

.contact-button:hover svg path {
  fill: white;
}

.contact-icon {
  margin-right: 10px;
}

.callout {
  font-size: 15px;
}

.callout::before {
  margin: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  content: '!';
  background-color: #ebcb44;
  border-radius: 50%;
  font-weight: bold;
}