/* Includes some default style for the starter application.
 * This can be safely deleted to start fresh.
 */

/* Milligram v1.3.0 https://milligram.github.io
 * Copyright (c) 2017 CJ Patoilo Licensed under the MIT license
 */

*,*:after,*:before{box-sizing:inherit}
html{box-sizing:border-box;font-size:62.5%}
body{color:#000000;font-family:'Helvetica', 'Arial', sans-serif;font-size:1.2em;font-weight:300;line-height:1.2}
blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}
blockquote *:last-child{margin-bottom:0}
.button,button,input[type='button'],input[type='reset'],input[type='submit']{
  background-color:#384E6B;
  border:0.1rem solid #384E6B;
  border-radius:.4rem;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-size:1.1rem;
  font-weight:700;
  height:3.8rem;
  letter-spacing:.1rem;
  line-height:3.8rem;
  padding:0 3.0rem;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap
}
.button:focus,.button:hover,button:focus,button:hover,input[type='button']:focus,
input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,
input[type='submit']:focus,input[type='submit']:hover{
  background-color:#606c76;
  border-color:#606c76;
  color:#fff;outline:0
}
.button[disabled],button[disabled],input[type='button'][disabled],
input[type='reset'][disabled],input[type='submit'][disabled]{cursor:default;opacity:.5}
.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,
button[disabled]:hover,input[type='button'][disabled]:focus,
input[type='button'][disabled]:hover,input[type='reset'][disabled]:focus,
input[type='reset'][disabled]:hover,input[type='submit'][disabled]:focus,
input[type='submit'][disabled]:hover{background-color:#384E6B;border-color:#384E6B}
.button.button-outline,button.button-outline,input[type='button'].button-outline,
input[type='reset'].button-outline,input[type='submit'].button-outline{background-color:transparent;color:#384E6B}
.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,
input[type='button'].button-outline:focus,input[type='button'].button-outline:hover,
input[type='reset'].button-outline:focus,input[type='reset'].button-outline:hover,
input[type='submit'].button-outline:focus,input[type='submit'].button-outline:hover{
  background-color:transparent;
  border-color:#606c76;
  color:#606c76
}
.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,
button.button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,
input[type='button'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,
input[type='reset'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus,
input[type='submit'].button-outline[disabled]:hover{border-color:inherit;color:#384E6B}.button.button-clear,
button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,
input[type='submit'].button-clear{background-color:transparent;border-color:transparent;color:#384E6B}
.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,
input[type='button'].button-clear:focus,input[type='button'].button-clear:hover,input[type='reset'].button-clear:focus,
input[type='reset'].button-clear:hover,input[type='submit'].button-clear:focus,
input[type='submit'].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}
.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,
button.button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,
input[type='button'].button-clear[disabled]:hover,input[type='reset'].button-clear[disabled]:focus,
input[type='reset'].button-clear[disabled]:hover,input[type='submit'].button-clear[disabled]:focus,
input[type='submit'].button-clear[disabled]:hover{color:#384E6B}code{
background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}
pre{background:#f4f5f6;border-left:0.3rem solid #384E6B;overflow-y:hidden}
pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}
hr{border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0}
input[type='date'],input[type='email'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],
input[type='text'],input[type='url'],textarea,
select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:transparent;
  border:0.1rem solid #d1d1d1;
  border-radius:.4rem;
  box-shadow:none;
  box-sizing:inherit;
  height:3.0rem;
  padding:.6rem 1.0rem;width:100%
}
input[type='date']:focus,input[type='email']:focus,input[type='number']:focus,input[type='password']:focus,
input[type='search']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='url']:focus,
textarea:focus,select:focus{border-color:#384E6B;outline:0}
select{
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
padding-right:3.0rem}
select:focus{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23384E6B" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
}
textarea{min-height:6.5rem}
label,legend{display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}
fieldset{border-width:0;padding:0}
input[type='checkbox'],input[type='radio']{display:inline}
.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}
.row{display:flex;flex-direction:column;padding:0;width:100%}
.row.row-no-padding{padding:0}
.row.row-no-padding>.column{padding:0}
.row.row-wrap{flex-wrap:wrap}
.row.row-top{align-items:flex-start}
.row.row-bottom{align-items:flex-end}
.row.row-center{align-items:center}
.row.row-stretch{align-items:stretch}
.row.row-baseline{align-items:baseline}
.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}
.row .column.column-offset-10{margin-left:10%}
.row .column.column-offset-20{margin-left:20%}
.row .column.column-offset-25{margin-left:25%}
.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}
.row .column.column-offset-50{margin-left:50%}
.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}
.row .column.column-offset-75{margin-left:75%}
.row .column.column-offset-80{margin-left:80%}
.row .column.column-offset-90{margin-left:90%}
.row .column.column-10{flex:0 0 10%;max-width:10%}
.row .column.column-20{flex:0 0 20%;max-width:20%}
.row .column.column-25{flex:0 0 25%;max-width:25%}
.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}
.row .column.column-40{flex:0 0 40%;max-width:40%}
.row .column.column-50{flex:0 0 50%;max-width:50%}
.row .column.column-60{flex:0 0 60%;max-width:60%}
.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}
.row .column.column-75{flex:0 0 75%;max-width:75%}
.row .column.column-80{flex:0 0 80%;max-width:80%}
.row .column.column-90{flex:0 0 90%;max-width:90%}
.row .column .column-top{align-self:flex-start}
.row .column .column-bottom{align-self:flex-end}
.row .column .column-center{-ms-grid-row-align:center;align-self:center}
@media (min-width: 40rem){
  .row{flex-direction:row;margin-left:-1.0rem;width:calc(100% + 2.0rem)}
  .row .column{margin-bottom:inherit;padding:0 1.0rem}
}
a{color:#384E6B;text-decoration:none}
a:focus,
a:hover{color:#606c76}
dl,ol,ul{list-style:none;margin-top:0;padding-left:0}
dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3.0rem}
ol{list-style:decimal inside}ul{list-style:circle inside}
.button,button,dd,dt,li{margin-bottom:1.0rem}
fieldset,input,select,textarea{margin-bottom:1.0rem}
blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:1rem}
table{border-spacing:0;width:100%;}
table.bordered{border: 1px solid #E5E7E9;}
td,th{padding:0.5rem 1rem;text-align:left; vertical-align: top;}
th{font-size: 1.4em;background: #E5E7E9;}
tr.underline > td,tr.underline > th{border-bottom:0.1rem solid #e1e1e1}
/*td:first-child,th:first-child{padding-left:0}
td:last-child,th:last-child{padding-right:0}*/
b,strong{font-weight:bold}
p{margin-top:0}
h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.1rem;margin-bottom:1.0rem;margin-top:0}
h1{font-size:2.4rem;line-height:1.2}
h2{font-size:2.0rem;line-height:1.25}
h3{font-size:1.8rem;line-height:1.3}
h4{font-size:1.4rem;letter-spacing:-.08rem;line-height:1.35}
h5{font-size:1.2rem;letter-spacing:-.05rem;line-height:1.5}
h6{font-size:1.1rem;letter-spacing:0;line-height:1.4}
img{max-width:100%}
.clearfix:after{clear:both;content:' ';display:table}
.float-left{float:left}
.float-right{float:right}


/* General style */
h1{font-size: 2.8rem; line-height: 1.25}
h2{font-size: 2.4rem; line-height: 1.3}
h3{font-size: 2.0rem; letter-spacing: -.08rem; line-height: 1.35}
h4{font-size: 1.6rem; letter-spacing: -.05rem; line-height: 1.5}
h5{font-size: 1.2rem; letter-spacing: 0; line-height: 1.4}
h6{font-size: 1.0rem; letter-spacing: 0; line-height: 1.2}
pre{padding: 1em;}

.container{
  margin: 0 auto;
  max-width: 160.0rem;
  padding: 0 2.0rem;
  position: relative;
  width: 100%
}
select {
  /*width: auto;*/
}

/* Headers */
header {
  width: 100%;
  background: #fdfdfd;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 1rem;
}
header section {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
header section :first-child {
  order: 2;
}
header section :last-child {
  order: 1;
}
header nav{
  width: 100%;
  font-size: 1.2em;
}
header nav ul{
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  display: block;
}
header nav li {
  margin: 0;
  padding: 0 5px;
  text-align: right;
  white-space: nowrap;
  display: inline-block;
  border-left: 1px solid #384E6B;
}

header nav ul :first-child {
  border-left: none;
}
header nav ul {
  margin: 1rem;
  margin-top: 0;
}
header nav a {
  display: block;
}

nav.pagination{

}

nav.pagination li{
  display: inline-block;
  background-color:#384E6B;
  border:0.1rem solid #384E6B;
  border-radius:.4rem;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-size:1.1rem;
  font-weight:700;
  height:2.8rem;
  letter-spacing:.1rem;
  line-height:2.8rem;
  padding:0 1.0rem;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap
}

nav.pagination li.curent{
  font-size: 1.4em;

}

nav.pagination li a{
  color: #fff;
}

@media (min-width: 40.0rem) { /* Small devices (landscape phones, 576px and up) */
  header section {
    flex-direction: row;
  }
  header nav ul {
    margin: 1rem;
  }
  .phx-logo {
    flex-basis: 527px;
    margin: 2rem 1rem;
  }
}


/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* This file is for your main application css. */
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; }

ul {
  list-style-position: outside; }

div.flex-row-container {
  display: flex;
  flex-direction: row;
  flex-flow: column wrap;
  justify-content: left;
  align-content: flex-start;
  align-items: flex-start; }

div.flex-col-container {
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
  justify-content: left;
  align-content: flex-start;
  align-items: flex-start; }

div.flex-row-container > div, div.flex-col-container > div {
  flex-grow: 1;
  margin: 10px; }

div.flex-row-container > div.card, div.flex-col-container > div.card {
  border: 1px solid lightgrey;
  padding: 5px 10px;
  margin: 10px;
  box-shadow: 5px 5px 5px 0px rgba(217, 208, 217, 0.75);
  flex-grow: 0; }

div.flex-row-container > div.small-card, div.flex-col-container > div.small-card {
  border: 1px solid lightgrey;
  padding: 2px 5px;
  margin: 2px;
  box-shadow: 5px 5px 5px 0px rgba(217, 208, 217, 0.75);
  flex-grow: 0; }

div.flex-row-container > div.status-card, div.flex-col-container > div.status-card {
  border: 1px solid lightgrey;
  padding: 5px 10px;
  margin: 10px;
  box-shadow: 5px 5px 5px 0px rgba(217, 208, 217, 0.75);
  flex-grow: 0;
  text-align: center;
  min-width: 120px; }

/* LiveView specific classes for your customizations */
/*.phx-no-feedback.invalid-feedback,
.phx-no-feedback .invalid-feedback {
  display: none;
}
*/
.phx-submit-loading {
  color: lightgrey; }

.phx-click-loading {
  opacity: 0.5;
  transition: opacity 1s ease-out; }

.phx-disconnected {
  cursor: wait; }

.phx-disconnected * {
  pointer-events: none; }

.phx-modal {
  opacity: 1 !important;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

.phx-modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; }

.phx-modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.phx-modal-close:hover,
.phx-modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

/* Alerts and form errors */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert-info {
  color: white;
  background-color: #78915B;
  border-color: #78915B; }

.alert-warning {
  color: white;
  background-color: #D5532F;
  border-color: #D5532F; }

.alert-danger {
  color: white;
  background-color: #D0000A;
  border-color: #D0000A; }

.alert p {
  margin-bottom: 0; }

.alert:empty {
  display: none; }

.invalid-feedback {
  color: #a94442;
  display: block;
  margin: -1rem 0 2rem;
  font-weight: bold; }

/* br/bc satus  */
span.status {
  font-weight: bold;
  color: #999999;
  font-size: 1.1em; }

span.processing {
  color: #145A32; }

span.review_email {
  color: #1E8449; }

span.jp_review {
  color: #27AE60; }

span.client_review {
  color: #2471A3; }

span.create_sp {
  color: #7D3C98; }

span.new {
  color: #7DCEA0; }

span.bc-status {
  font-weight: bolder;
  color: #999999;
  font-size: 0.9em; }

span.bc-status-large {
  font-weight: bolder;
  color: #999999;
  font-size: 1.2em; }

span.bc-new {
  color: #0000FF; }

span.bc-capture_bio {
  color: #B7950B; }

span.bc-bio_complete, span.bc-capture_results {
  color: #7D6608; }

span.bc-feedback_and_reporting {
  color: #16A085; }

a.delete {
  color: red; }

a.cancel {
  color: dimgray; }

table.actions {
  width: auto; }

table.actions td {
  vertical-align: middle; }

.red-text {
  color: red; }

.green-text {
  color: green; }

.orange-text {
  color: darkorange; }

span.current-battery {
  color: green;
  font-weight: bold; }

span.loading {
  display: none; }

form.phx-change-loading span.loading {
  display: block; }

form.phx-change-loading .hide-on-load {
  display: none; }

form.phx-change-loading .disable-on-load {
  pointer-events: none;
  opacity: 0.4; }

div.current-booking-tests {
  padding: 5px;
  margin-bottom: 10px; }

span.booking-test {
  border-radius: 3px;
  color: white;
  background-color: MediumAquamarine;
  padding: 5px 6px;
  margin: 5px; }

span.client-user, span.report-viewer {
  border-radius: 3px;
  color: black;
  background-color: lightgray;
  padding: 5px 6px;
  display: inline-block; }

div.sp-scroll {
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  /*background-color: lightgrey;*/
  padding: 5px;
  border: 1px solid lightgrey;
  border-radius: 5px; }

table.sp-selection {
  margin-bottom: 0;
  width: auto; }

table.sp-selection td {
  padding: 0; }

table.mail {
  width: auto;
  margin: 2px; }

table.mail td {
  padding-top: 2px; }

span.feedback-confirmed {
  color: green; }

span.feedback-notconfirmed {
  color: #D4AC0D; }

body nav.status-filter {
  display: inline-block;
  margin: 5px; }

body nav.status-filter ul {
  margin: 0.5rem;
  margin-top: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  display: block; }

body nav.status-filter li {
  margin: 0;
  padding: 0 5px;
  text-align: right;
  white-space: nowrap;
  display: inline-block;
  border-left: 1px solid lightgrey;
  font-size: 1.2em; }

body nav.status-filter ul :first-child {
  border-left: none; }

body nav.status-filter a {
  display: block;
  color: grey; }

body nav.status-filter a.selected {
  font-size: 120%;
  font-weight: bold;
  color: #384E6B; }

input.required {
  border: 1px solid darkorange; }

div.required {
  border: 1px solid darkorange;
  padding: 5px;
  background: #F0F8D0; }

span.required {
  border: 1px solid darkorange;
  padding: 5px;
  background: #F0F8D0; }

.button a {
  color: #fff; }

.small-button {
  padding: 0px 5px 2px 5px;
  margin: 0px;
  height: 3rem;
  line-height: 3rem;
  vertical-align: top; }

span.edit-booking-request {
  font-weight: 700;
  font-size: 1.2em;
  color: #21618C; }

span.edit-candidate {
  font-weight: 700;
  font-size: 1.2em;
  color: #21618C; }

div.login div:first-child {
  width: 450px;
  flex-grow: 0; }

div.client-sso {
  padding-left: 30px; }

table.client-sso td, able.client-sso tr td:first-child {
  padding: 10px 5px;
  width: auto; }

table.compact {
  padding: 2px;
  margin: 2px;
  width: auto; }

table.compact > tbody > tr {
  padding: 2px;
  margin: 2px; }

table.compact > tbody > tr > td {
  padding: 2px;
  margin: 2px; }

table.bc-header {
  width: auto; }

section.log-in {
  width: 100%; }

body nav.batt-ass-svc {
  display: inline-block;
  margin: 5px; }

body nav.batt-ass-svc ul {
  margin: 0.5rem;
  margin-top: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  display: block; }

body nav.batt-ass-svc li {
  margin: 0;
  padding: 0 5px;
  text-align: right;
  white-space: nowrap;
  display: inline-block;
  border-left: 1px solid lightgrey;
  font-size: 1em; }

body nav.batt-ass-svc ul :first-child {
  border-left: none; }

body nav.batt-ass-svc a {
  display: block;
  /*color: grey;*/ }

body nav.batt-ass-svc a.selected {
  font-size: 120%;
  font-weight: bold;
  color: #384E6B; }

div.uploads {
  min-height: 50px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 5px 10px; }

span#jp_rpt_nav_show_hide {
  color: #a02f2c;
  cursor: pointer;
  font-size: 18px; }

nav#jp_report_nav {
  padding-left: 0px;
  left: 10px; }

span.paged-selected {
  text-decoration: underline; }

nav.report-nav {
  margin: 20px 0px;
  padding: 10px 10px 10px 10px;
  position: fixed;
  z-index: 100;
  top: 14em;
  font-size: 1.3em;
  line-height: 1.5em;
  background-color: transparent;
  overflow: hidden; }

nav.external-report-nav {
  margin: 20px 0px;
  padding: 20px;
  position: sticky;
  z-index: 100;
  top: 4em;
  box-shadow: 5px 5px 5px 0px rgba(217, 208, 217, 0.75);
  font-size: 1.3em;
  background-color: transparent; }

nav.report-nav ul#report-nav-links {
  list-style: none;
  overflow: hidden;
  display: none; }

nav.report-nav li {
  margin: 0;
  padding: 0 5px; }

nav.report-nav-h {
  margin: 5px 20px;
  padding: 5px 20px;
  position: sticky;
  z-index: 100;
  top: 4em;
  box-shadow: 5px 5px 5px 0px rgba(217, 208, 217, 0.75);
  background: white; }

nav.report-nav-h ul {
  margin: 0.5rem;
  margin-top: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  display: inline; }

nav.report-nav-h li {
  margin: 0;
  padding: 0 5px;
  text-align: right;
  white-space: nowrap;
  display: inline-block;
  border-left: 1px solid lightgrey;
  font-size: 1.2em; }

div.report-page {
  box-shadow: 5px 5px 5px 0px rgba(217, 208, 217, 0.75);
  min-width: 1143px;
  padding: 10px; }

div.external-report-page {
  max-width: 85%;
  padding: 10px;
  flex-grow: 0;
  border: 1px solid lightgrey; }

div.external-report-page div {
  box-shadow: 5px 5px 5px 0px rgba(217, 208, 217, 0.75);
  padding: 10px;
  margin: 10px; }

div.external-report-page div.report-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  z-index: 100;
  cursor: pointer;
  box-shadow: none; }

/* REPORTS */
div.flex-col-container > div.candidate_report_wrapper,
div.candidate_report_wrapper {
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  width: 1100px;
  box-shadow: 5px 5px 5px 0px rgba(217, 208, 217, 0.75);
  border: 1px solid lightgray;
  padding: 30px;
  background: url("/images/report_bg_gray_2-4c189aedbde3b1205f37703a27f49e3b.png?vsn=d");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #D3D4D3;
  text-align: justify;
  text-justify: inter-word; }

div.candidate_report_wrapper h1.section-header {
  padding: 15px 10px;
  color: black;
  width: 100%;
  background: url("/images/jp_logo-69a4a74f2bba756012ed393eea3aee03.png?vsn=d");
  background-size: 100px auto;
  background-position: right center;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-color: white;
  background-color: white;
  text-transform: uppercase; }

div.candidate_report_wrapper h2 {
  font-size: 1.2em; }

div.candidate_report_wrapper h3 {
  color: #ED7D31; }

div.candidate_report_wrapper span.h3 {
  font-weight: bold;
  font-size: 120%;
  color: #ED7D31; }

div.candidate_report_wrapper p {
  line-height: 1.5; }

div.candidate_report_wrapper table {
  margin-bottom: 0; }

div.report-spacer {
  height: 20px; }

div.cover {
  width: 100%;
  margin-bottom: 50px;
  min-height: 1200px;
  text-align: center; }

div.cover div.jp-header {
  background: url("/images/jp_logo-69a4a74f2bba756012ed393eea3aee03.png?vsn=d");
  height: 100px;
  background-size: 100px auto;
  background-position: right center;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-color: transparent; }

div.report-title {
  font-size: 24pt;
  background-color: #E4A837;
  color: black;
  text-align: center;
  display: inline-block;
  margin: 100px 10% 5px 10%;
  width: 80%;
  padding: 10px 5px; }

div.report-candidate-name {
  font-size: 24pt;
  background-color: white;
  color: black;
  text-align: center;
  display: inline-block;
  margin: 10px 15% 20px 15%;
  width: 60%;
  padding: 10px 5px; }

div.report-pvt {
  font-size: 24pt;
  color: #ED7D31;
  text-align: center; }

div.report-candidate-info {
  padding-top: 20px;
  padding-bottom: 40px;
  text-align: center;
  background-color: white;
  width: 70%;
  margin: 30px 15% 20px 15%; }

div.report-candidate-info table {
  width: auto;
  font-size: 16pt;
  margin-left: auto;
  margin-right: auto; }

div.report-candidate-info table th {
  text-align: left;
  background-color: transparent;
  font-size: 16pt; }

div.report-use {
  font-size: 12px;
  background-color: white;
  width: 98%;
  margin: 100px 10px;
  padding: 5px;
  text-align: left; }

div.report-use ul {
  list-style: disc;
  padding-inline-start: 20px; }

div.report-use ul li {
  margin: 0; }

div.report-page {
  background-color: #D3D4D3; }

div.report-page div {
  box-shadow: none; }

div.report-page-content {
  padding: 15px;
  background: white; }

div.positioning {
  text-align: center;
  background-color: white;
  margin-top: 50px;
  padding: 10px;
  background: white; }

div.positioning p {
  text-align: left; }

table#report_intro_legend {
  font-size: 12pt;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
  border-color: gray;
  border-collapse: collapse; }

table#report_intro_legend td {
  vertical-align: top;
  border: 1px solid lightgrey;
  width: 50%; }

table.report-flow {
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 80%;
  border-collapse: separate;
  border-spacing: 12px 5px; }

table.model-framework {
  margin-bottom: 8px; }

table.report-flow tr {
  margin: 5px 2px;
  vertical-align: top; }

table.report-flow tr td {
  text-align: center;
  padding: 10px; }

table.report-flow td.model-framework {
  background-color: #767171;
  border-radius: 7px; }

table.report-flow td.overview-recommendation {
  background-color: #5B9BD5;
  border-radius: 7px; }

table.report-flow td.overview-recommendation-arrow {
  color: #5B9BD5;
  border-radius: 3px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0; }

table.report-flow td.overview-recommendation-arrow i {
  width: 30px; }

table.report-flow td.future-ready {
  background-color: #70AD47;
  border-radius: 7px;
  width: 50%; }

table.report-flow td.org-framework {
  background-color: #92D050;
  border-radius: 7px; }

table.report-flow td.detail {
  background-color: #ED7D31;
  border-radius: 7px; }

table.report-flow td.detail-arrow {
  color: #ED7D31;
  border-radius: 3px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0; }

div.narrative {
  text-align: left;
  padding-left: auto;
  padding-right: auto;
  background-color: white;
  padding: 10px; }

div.recommends-slider-dots {
  border: 1px solid #6EAC52;
  border-radius: 3px;
  min-height: 20px;
  width: 80%;
  margin-left: 70px;
  margin-top: 20px;
  margin-bottom: 20px; }

div.recommends-slider {
  border: 1px solid #6EAC52;
  border-radius: 3px;
  background: linear-gradient(90deg, #e2efde 0%, #6eac52 100%);
  min-height: 20px;
  width: 80%;
  margin-left: 70px;
  margin-top: 20px;
  margin-bottom: 20px; }

table.recommends-score-table {
  width: 100%;
  text-align: center;
  border-collapse: collapse; }

table.recommends-score-table th,
table.recommends-score-table td {
  background: transparent;
  font-size: 1em;
  vertical-align: middle;
  text-align: center;
  padding: 2px; }

table.recommends-score-table td.selected-recommends {
  background: url("/images/selected_recommends-3e8ad9a7bd2559b78df5b3f0578e41d2.png?vsn=d");
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: bold;
  font-size: 160%;
  height: 50px;
  width: 50px;
  color: white; }

table.recommends-score-table td.recommends {
  background: url("/images/recommends-b5c214029d034c037eeb93c8d0362188.png?vsn=d");
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 70%;
  height: 50px;
  width: 50px;
  color: grey; }

table.recommends-score-table span.recommended-score {
  font-weight: bold;
  font-size: 160%; }

table.recommends-circle td {
  text-align: center;
  vertical-align: middle; }

table.recommends-circle td.not-applicable {
  border-left: 1px solid gray;
  text-align: center; }

table.recommends-circle span.recommended-score {
  font-weight: bold;
  font-size: 120%; }

div.insights {
  border-radius: 10px;
  padding: 5px; }

div.cnt-content {
  padding: 15px;
  background: white; }

ul.cnt_level {
  margin-left: 20px;
  list-style-type: circle;
  list-style-position: outside; }

ul.cnt_level li:first-child {
  color: green; }

ul.cnt_level li:last-child {
  color: orange; }

ul.cnt_level li > span {
  color: black; }

div.cnt-level-style {
  padding: 30px; }

div.cnt-level-styles-header {
  color: white;
  font-weight: bold;
  font-size: 2.2em;
  padding: 10px 15px 5px 15px; }

div.cnt-level-styles-summary {
  font-size: 1.6em;
  padding: 10px 15px 5px 10px; }

table.cnt-level-style {
  border-collapse: collapse;
  border: 1px solid #9BBB59; }

table.cnt-level-style td {
  padding: 5px 5px 5px 7px;
  vertical-align: top;
  border: 1px solid #9BBB59; }

table.cnt-level-style td.level {
  width: 150px;
  color: white;
  font-weight: bold; }

table.cnt-level-style td.response {
  width: 205px;
  color: white;
  font-weight: bold; }

table.cnt-level-style td.style {
  width: 340px;
  color: white;
  font-weight: bold; }

table.cnt-level-style td.time {
  width: 150px;
  color: white;
  font-weight: bold; }

table.cnt-level-style td.impact {
  width: 300px;
  color: white;
  font-weight: bold; }

table.cnt-level-style tr.current td {
  background-color: rgba(217, 213, 208, 0.6); }

table.cnt-level-style tr.current td:first-of-type {
  padding: 4px;
  background-color: transparent; }

table.cnt-level-style tr.potential td {
  background-color: rgba(138, 201, 226, 0.6); }

table.cnt-level-style tr.potential td:first-of-type {
  padding: 4px;
  background-color: transparent; }

table.cnt-level-style tr.header {
  background: #9BBB59;
  color: white; }

table.cnt-level-style td.operational-top {
  border-bottom: none; }

table.cnt-level-style td.operational-bottom {
  border-top: none; }

table.cnt-level-style td.innovation-top {
  border-bottom: none; }

table.cnt-level-style td.innovation {
  border-bottom: none; }

table.cnt-level-style td.innovation-bottom {
  border-top: none; }

table.cnt-level-style td.systems {
  border-top: none;
  border-bottom: none; }

table.cnt-level-style td.systems-top {
  border-bottom: none; }

table.cnt-level-style td.systems-bottom {
  border-top: none; }

table.cnt-level-style ul {
  padding: 5px 20px;
  list-style-position: outside;
  list-style: disc; }

table.cnt-level-style ul li {
  text-indent: 0; }

div.cnt-strengths, div.cnt-improvements, div.cnt-work-env {
  width: 45%;
  margin-left: 0; }

div.cnt-eventual-level-graphic {
  min-width: 300px;
  width: 45%; }

div.cnt-eventual-level-text {
  width: 45%; }

div.cnt-potential-image {
  text-align: center;
  padding: 10px; }

ul.matrigma-constructs {
  padding: 5px 20px;
  list-style-position: outside;
  list-style: disc; }

table.defs {
  border: none;
  vertical-align: top;
  max-width: 950px;
  width: auto; }

table.defs tr {
  border: none;
  vertical-align: top; }

table.defs td {
  border: none;
  vertical-align: top;
  padding-right: 10px;
  border-collapse: collapse; }

table.sub-scales {
  border-style: collapse; }

table.sub-scales tr.highest th {
  background-color: #b7b1a9;
  color: white;
  text-align: center;
  border-bottom: 0; }

table.sub-scales tr.lowest th {
  background-color: #b7b1a9;
  color: white;
  text-align: center;
  border-bottom: 0; }

table.sub-scales th {
  border-bottom: 1px solid gray;
  min-width: 170px;
  font-weight: normal;
  text-transform: none;
  background: transparent;
  font-size: 16px; }

table.sub-scales td {
  border-bottom: 1px solid gray; }

table.sub-scales td.scale {
  border-bottom: 1px solid gray;
  min-width: 50px;
  vertical-align: middle;
  text-align: center; }

table.sub-scales td.low {
  background: #E2F0D9; }

table.sub-scales td.functional {
  background: #A9D18E; }

table.sub-scales td.high {
  background: #548235; }

span.eq-sub-header {
  color: #434244;
  font-weight: bold; }

span.eq-self-perception {
  display: block;
  background-color: #DC5C35;
  border-radius: 3px;
  font-weight: bold;
  width: 100%;
  padding: 2px 5px; }

span.eq-self-expression {
  display: block;
  background-color: #EAA548;
  border-radius: 3px;
  font-weight: bold;
  padding: 2px 5px; }

span.eq-interpersonal {
  display: block;
  background-color: #71985F;
  border-radius: 3px;
  font-weight: bold;
  padding: 2px 5px; }

span.eq-decision-making {
  display: block;
  background-color: #008DC0;
  border-radius: 3px;
  font-weight: bold;
  padding: 2px 5px; }

span.eq-stress-management {
  display: block;
  background-color: #DC463D;
  border-radius: 3px;
  font-weight: bold;
  padding: 2px 5px; }

div.wave-content {
  padding: 15px;
  background-color: white; }

table.wave-enhancers {
  width: 95%;
  border-collapse: collapse; }

table.wave-enhancers thead tr.enhancers th {
  background-color: #b7b1a9;
  color: white;
  text-align: center;
  border-bottom: 0;
  text-transform: capitalize; }

table.wave-enhancers span.h2 {
  font-weight: bold;
  font-size: 1.5em;
  color: black; }

table.wave-enhancers span.h3 {
  font-weight: bold;
  font-size: 120%;
  color: black; }

table.wave-enhancers th {
  background: transparent; }

table.wave-enhancers td {
  border-bottom: 1px solid black; }

div#spider_sketch {
  background-color: white;
  font-weight: 300;
  margin: 5px; }

div#spider_sketch_2 {
  background-color: #EADCD1;
  font-weight: 300;
  margin: 20px; }

div.giotto-graphic-outer {
  display: flex;
  justify-content: center; }

div.giotto-graphic-inner {
  width: 800px;
  height: 450px;
  background-color: #EADCD1;
  border: 1px solid black;
  margin: 20px;
  font-weight: 300; }

div.giotto-indicators-def {
  width: 45%;
  text-align: center;
  border: 1px solid gray;
  height: 450px;
  padding: 5px; }

table.giotto-indicators {
  width: 95%;
  border-collapse: collapse; }

table.giotto-indicators th {
  font-size: 12px;
  background: transparent; }

table.giotto-indicators span.h2 {
  font-weight: bold;
  font-size: 1.5em;
  color: black; }

table.giotto-indicators span.h3 {
  font-weight: bold;
  font-size: 120%;
  color: black; }

table.giotto-indicators td, table.giotto-indicators th {
  border: 1px solid black; }

table.giotto-sw {
  max-width: 950px;
  border-collapse: collapse;
  font-size: 12px; }

table.giotto-sw th {
  border: 1px solid orange;
  min-width: 170px;
  font-weight: normal;
  text-transform: none; }

table.giotto-sw td {
  border: 1px solid orange;
  min-width: 30px; }

table.giotto-sw td.low {
  background: #F73A39; }

table.giotto-sw td.high {
  background: #6EBE66; }

.giotto-far-below {
  color: #B61A25; }

.giotto-below {
  color: #FC763F; }

.giotto-average {
  color: #FFC13C; }

.giotto-above {
  color: #9AB978; }

.giotto-far-above {
  color: #7D8F5C; }

div.future-fit {
  padding: 18px;
  background-color: white; }

div.future-fit-header {
  color: white;
  font-weight: bold;
  font-size: 2.2em; }

div.future-fit-summary {
  padding: 15px 15px; }

table.future-fit {
  border-collapse: collapse; }

table.future-fit td {
  text-align: left; }

table.future-fit tr {
  border-collapse: collapse; }

table.future-fit tr.header {
  font-weight: bolder; }

table.future-fit tr.header td {
  text-align: center; }

table.future-fit tr.self-scores {
  height: auto;
  padding-top: 0;
  margin-top: 0; }

table.future-fit tr.self-scores td {
  background-color: #FFC13C;
  padding-top: 0; }

table.future-fit tr.self td {
  background-color: #FFC13C;
  border-bottom: 10px solid #FFC13C; }

table.future-fit tr.self td.attitude {
  background-color: #FC763F;
  vertical-align: middle;
  padding: 15px 5px;
  border-bottom: 0; }

div.vertical {
  text-orientation: sideways;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-align: center; }

table.future-fit td.row-name {
  height: 180px;
  color: white;
  font-weight: bolder;
  padding: 40px 20px; }

table.future-fit tr.relationships-scores td {
  background-color: #9AB978; }

table.future-fit tr.relationships td {
  background-color: #9AB978;
  border-bottom: 10px solid #9AB978; }

table.future-fit tr.relationships td.attitude {
  background-color: #FC763F;
  border-top: 10px solid #FC763F;
  border-bottom: 10px solid #FC763F; }

table.future-fit tr.solutions-scores td {
  background-color: #60AAD8; }

table.future-fit tr.solutions td {
  background-color: #60AAD8;
  border-bottom: 10px solid #60AAD8; }

table.future-fit tr.solutions td.attitude {
  background-color: #FC763F;
  border-top: 10px solid #FC763F; }

table.future-fit td {
  vertical-align: top;
  margin: 10px;
  border: 10px solid white; }

table.future-fit td.re-content {
  padding: 10px 10px 10px 15px;
  vertical-align: top; }

table.future-fit td.content {
  padding-left: 5px;
  padding-right: 20px;
  vertical-align: top; }

table.future-fit td.res-content {
  padding: 10px 10px 10px 15px;
  vertical-align: top; }

table.future-fit td.last {
  padding: 10px 15px;
  vertical-align: top; }

table.future-fit td.scale {
  vertical-align: top; }

table.future-fit td.scale hr {
  padding: 0px;
  margin: 10px;
  color: black;
  border: 0;
  height: 1px;
  background: black; }

table.future-fit td.scale img {
  width: 30px; }

table.future-fit td.scale table.scale td {
  width: 33%;
  text-align: center;
  padding: 0; }

table.future-fit td.attitude {
  vertical-align: middle;
  text-align: center;
  background-color: lightgrey; }

table.future-fit td.ripple-effect {
  width: 250px;
  min-width: 180px;
  vertical-align: middle;
  background-color: lightgrey; }

table.future-fit td.resourcefulness {
  width: 250px;
  min-width: 180px;
  vertical-align: middle;
  background-color: lightgrey; }

table.future-fit td.change-ability {
  width: 250px;
  min-width: 180px;
  vertical-align: middle;
  background-color: lightgrey; }

span.ff-sub {
  font-weight: bold;
  display: block; }

div#wave_sketch_2 {
  margin: 30px 100px; }

div.hds-content, div.hbri-content, div.swift-content {
  padding: 15px;
  background-color: white; }

td.hbri-score {
  width: 250px; }

td.hbri-cognitive-style {
  width: 50%;
  height: 400px; }

td.hbri-cognitive-style-text {
  width: 50%;
  height: 400px;
  margin: 10px;
  padding: 15px; }

table.hbri-cognitive-style {
  height: 400px; }

table.hbri-cognitive-style td {
  width: 50%;
  height: 200px;
  vertical-align: middle;
  text-align: center;
  color: grey; }

table.hbri-cognitive-style td.selected {
  color: black;
  border: 1px solid black;
  background-color: #a2ba7b; }

table.hbri-y-desc {
  vertical-align: middle;
  height: 400px;
  text-align: center;
  padding: 0;
  margin: 0;
  fontweight: bold; }

td.hbri-y-desc {
  text-align: center;
  width: 50px;
  padding: 0;
  margin: 0; }

td.hbri-x-desc {
  text-align: center;
  height: 50px;
  padding: 0;
  margin: 0; }

table.hbri-x-desc td {
  text-align: center;
  font-weight: bold; }

table.hbri-y-desc td {
  text-align: center;
  font-weight: bold; }

div.hbri-y-desc-vertical {
  text-orientation: sideways;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-align: center;
  width: 50px; }

table.br-index-header form, table.br-index-header input {
  margin-bottom: 0px; }

div.hds-high-risk {
  background-color: lightgrey;
  padding: 10px 10px;
  margin: 15px 10px; }

div.hds-moderate-risk {
  background-color: white;
  border: 2px dashed #7ca9d7;
  padding: 10px 10px;
  margin: 15px 10px; }

ul.hds-behaviours {
  margin-left: 20px;
  list-style-type: square;
  list-style-position: outside; }

div.om_leadership_traits {
  text-align: left;
  padding-left: auto;
  padding-right: auto;
  background-color: white;
  padding: 10px; }

td.om_leadership_col1 {
  width: 700px; }

td.om_leadership_col2 {
  width: 300px; }

table.om_leadership {
  width: auto; }

table.recommends-circle td.om_sub_trait {
  font-size: 12px;
  text-align: left; }

table.recommends-score-table td.swfit-score-name, table.recommends-score-table th.swift-score-name {
  width: 35%;
  max-width: 35%;
  text-align: left; }

table.recommends-score-table td.swift-pace-description, table.recommends-score-table th.swift-pace-description {
  text-align: left; }

table.recommends-score-table td.swift-pace-col {
  width: 35%;
  max-width: 35%; }

/* END REPORTS */
div.search-filter {
  font-weight: bold;
  font-size: 1.1em; }