@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

body.slideNav {overflow: hidden;}

/* HEADINGS ------------------------------ */
h1 {
  font-size: 1.375rem;
  margin: 0 0 1rem;
  padding: 0;
  border: none;
  font-weight: 600;
  color: var(--primary);
}
h2 {font-size:1.3125rem}
h3 {font-size:1.25rem}
h4, th{font-size:1.125rem}
h5 {font-size:1.0625rem}
h6 {font-size: 1rem}

h1>span { color: #555; font-size: .875rem; font-weight: 400; }

.intro {font-size: 1.125rem;}
.icon-buttons { float: none; }

ol, main ul, main ul>li>ul { padding-left: 1.25rem; }

/* HEADER ------------------------------ */
body>header{position: relative;}
body>header:before{content: "";opacity: 0; z-index: 3;background-color: #000;display: block;position: fixed;left:100vw;top:0;width:100vw;height:100vh;transition:left 0ms ease 200ms, opacity 200ms ease}
header .logo {display: inline-block;padding: 1rem 0 1.5rem;}
header .logo img {
    height: auto;
    max-height: 9.5em;
    max-width: 100%;
    max-width: 100%;
    width: auto;
}
body.slideNav>header:before{left:0;opacity: .5;transition:left 0ms ease 0ms, opacity 200ms ease}
#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 75%;max-height: 100vh;background-color: var(--primary);z-index:3;-webkit-transition: left 200ms ease;transition: left 200ms ease;overflow:auto;-webkit-overflow-scrolling: touch;}
body.slideNav #navContainer{left: 25%;}
#navContainer nav{display: inline;text-align: left;}
body.home header #navContainer .wrap { padding: 0;}
#navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0}
#navContainer li {display:block;float: left;width: 100%; position: relative; border-top: 1px solid rgba(255,255,255,0.125)}
#navContainer li li {border: 0}
#navContainer a, #navContainer .menu{color:#ccc;line-height:2.75em;padding: 0 1rem;display:block;float: left;width: 100%;}
#navContainer .menu{ cursor: pointer; }
#navContainer a:hover,#navContainer .menu:hover,
#navContainer li.on a{background-color: #131131;color: #fff;}
#navContainer li.open{background-color: #000}
#navContainer li>span{display: block; background: rgba(255,255,255,0.5); position: absolute;right: 0;top: 0;width:2.75em;height: 2.75em;}
#navContainer li>span:before{content: ""; display: block; width: 50%; height: 0.0625rem; background-color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(90deg); transform-origin: center center;}
#navContainer li>span:after{content: ""; display: block; width: 50%; height: 0.0625rem; background-color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center;}
#navContainer li.open > span:before {transform: translate(-50%, -50%)rotate(0deg);}
#navContainer li > span::before { -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease;}
#navContainer ul ul {font-size: .8em;display: none}
#navContainer ul ul a {padding-left: 2rem}
#navContainer ul ul li.on a {background-color: darkred}
#navContainer #ancillary {clear:both;display: block;}
#navContainer #ancillary .search {clear:both; display: block; overflow: auto; padding:1rem; border-top: 1px solid rgba(255,255,255,0.125)}
#navContainer #ancillary .search input {float: left;}
#navContainer #ancillary .search input[type="text"] {width: calc(100% - 5rem)}
#navContainer #ancillary .search input[type="submit"] {width: 5rem;}
/* mobilenav */
#mobilenav{background-color: #131131;float: left;width: 100%;text-align: center;display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;-ms-flex-line-pack: center;align-content: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
#mobilenav a, #mobilenav span{color: #FFF;cursor: pointer;line-height: 2.5;-ms-flex-order: 0;-webkit-box-ordinal-group: 1;order: 0;-ms-flex: 1 1 auto;-webkit-box-flex: 1;flex: 1 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}
#mobilenav a:hover, #mobilenav span:hover{color: #fff;background-color: var(--secondary);}
/* hamburger */
.hamburger{cursor: pointer;height: 2em;width: 2em;display: block;position: fixed;right: 3px;top:3px;z-index:2;opacity: 0;background-color: #131131;padding: 1px 3px 3px 3px;}
.hamburger path {fill:#FFF;font-size: 1.5em;}
.hamburger svg {left: 50%;position: absolute;pointer-events: none;top: 50%;transform: translate(-50%,-50%);width: 1.5rem;}
.hamburger.on{opacity: .5;}
.hamburger.on:hover{opacity: .75;}

/* MAIN ------------------------------ */
.twoCol, .threeCol, .resCol{
  -webkit-column-rule:1px outset rgba(0,0,0,.15);
  column-rule:1px outset rgba(0,0,0,.15);
  -webkit-columns: auto;
  columns: auto;
  -webkit-column-width: 13em;
  column-width: 13em;
}

.content ul li {padding-left: 1.5em;}

.formTable, .formTable table{width:100%;display: block}
.formTable tbody{display: block}
.formTable tr{display: block}
.formTable td{display: block;width:100%;padding: 0}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{margin-bottom:1em}
.formTable table td + td {padding-left: 0 !important;}
.photoright{margin:0 0 .75em 1em;}
.photoleft{margin:0 1em .75em 0;}

.with-sidenav > .sidenav {margin-top: 4em}

/* DESKTOP / MOBILE ONLY ------------------------------*/
.d-desktop { display: none; }
.d-mobile { display: block; }
#steps .d-mobile { display: inline-block; }

/* RESPONSIVE TABLES ------------------------------ */
.table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { display: block; }
.table-responsive thead tr { left: -9999px; position: absolute; top: -9999px; }
.table-responsive { border: 1px solid #DDD; }
.table-responsive tr { border-bottom: 1px solid #DDD; }
.table-responsive td { border: none; border-bottom: 1px solid #F2F2F2; padding-left: 50%; position: relative; }
.table-responsive td::before { left: 6px; padding-right: 10px; position: absolute; top: 6px; white-space: nowrap; width: 45%; }
.table-responsive td::before { color: var(--primary); font-size: 1rem; font-weight: 700; }

/* DASHBOARD ------------------------------ */
#dashboard-filter { margin: 1.5rem 0 0;}
#dashboard { margin: 1.5rem 0 0; }
#dashboard tr th:not(:nth-child(1)), #dashboard tr td:not(:nth-child(1)) { text-align: left; width: 100%; }
#dashboard td:nth-of-type(1):before { content: 'Candidate Tracker'; }
#dashboard td:nth-of-type(2):before { content: 'Account Setup'; }
#dashboard td:nth-of-type(3):before { content: 'A-1, B, C'; }
#dashboard td:nth-of-type(4):before { content: 'Form A-2s'; }

/* CANDIDATE PROFILE ------------------------------ */
#candidate-profile.flex-row { flex-direction: column; margin-top: 1rem; }
#candidate-profile .column-user { width: 100%; }
#candidate-profile .column-form { margin: 3rem 0 0; padding: 0; width: 100%; }
#candidate-profile .column-user .profile-photo { left: 50%; top: 0; transform: translate(-50%,-50%); }
#candidate-profile .top {padding: 3.5rem 1.25rem 2rem;}
#candidate-profile .bottom { padding: 1.5rem 1.25rem; }


.candidate-info .profile-pic { left: 50%; top: 0; transform: translate(-50%,-50%); }

/* CANDIDATE LOGIN ------------------------------ */
#steps li { margin: 0 0 2.5rem; }
#steps li>.icon-button { margin: 1rem 0 0 0; }
#steps .step { display: table; }

/* CANDIDATE INFO ------------------------------ */
.candidate-info { margin: 3.5rem 0 2.5rem; padding: 3.5rem 1.25rem 2rem; width: 100%; }
.candidate-info img {left: 50%;top: 50%;transform: translate(-50%,-50%);}

.candidate-block .ED126 {margin-bottom: 3rem}

/* FORMS / TABLES ------------------------------ */
#save {margin: 0; }

.app-form table.formTable td { padding: .25rem 0; }
.app-form input:not([type='submit']) { margin: 0; }
.app-form .e-sign input{margin: 0 0 1rem;width: 100%;}

.app-form .e-sign .signature-pad-body + label input { margin: 0;}

.radio-buttons { margin: 0; padding:0; }
ol.radio-list {padding-left: 1.5rem;}
.radio-list li { margin: 2rem 0;}
.radio-list li>div { flex-direction: column; }
.radio-list>li>div>p { width: 100%; }

.wrap-full, .wrap-halfs, .wrap-thirds, .wrap-custom { flex-direction: column; }
.wrap-full label, .wrap-halfs label, .wrap-thirds label, .wrap-custom label { margin: 0 0 1rem; }
.wrap-halfs > *, .wrap-thirds > *,
.wrap-halfs > :is(label, fieldset), .wrap-thirds > :is(label, fieldset) { width: 100%; }
#previous-positions-form .wrap-halfs .radios {margin-bottom:1rem}
#previous-positions-form .wrap-halfs .date {justify-content: space-between;}
#previous-positions-form .wrap-halfs .date input {margin-top:5px; width:calc(100% - 50px)}

.app-form .e-sign input:not([type="submit"]):not([type="file"]) {
  display: block;
  max-width: 100%;
  width: 17.5rem;
}

.app-form .e-sign .wrap-halfs.full-width.mt-2 { margin-top: 0; }
.signature-pad-body { margin: 0; }

#btnClearSig {
  bottom: 0;
  display: block;
  margin-left: auto;
  position: relative;
}

.icon-buttons.back {margin: 0 0 1rem auto;}

#candidate-profile ul.form-a2s,
#candidate-profile table.form-table {margin-left: .5rem;}

/* FOOTER ------------------------------ */
body>footer .wrap{ display: flex; flex-direction: row; justify-content: space-between; }
#web-solutions{-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}
body>footer .wrap nav a+span:before {content: "|"; margin: 0 0.5em}

/* MEDIA QUERIES ------------------------------ */

@media (max-width: 650px) {
  #dashboard-filter label:first-of-type { display: block; }
  #dashboard-filter label + label { margin: 1.5rem 0 0 0; }
  #dashboard-filter label + input[type="submit"] { margin-top: 1.5rem;}

  .responsive-table thead {
    height: 0;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 0;
  }

  .responsive-table tr,
  .responsive-table td,
  .responsive-table th,
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table table {
    display: block;
  }

  .responsive-table tbody tr:nth-child(2n+1) {
    background-color: #F6F6F6;
  }

  .responsive-table tbody tr td::before {
    display: inline-block;
    min-width: 6.25rem;
    border-right: 1px solid #FAB10F;
    margin-right: .625rem;
    font-weight: 600;
    width: 25%;
  }

  .responsive-table tbody tr td::before { content: attr(data-title); }

}


@media (max-width: 600px) {
  body.home header .wrap { text-align: center; }
  header .logo {display: block;float: none;padding: 1rem 0 0;text-align: center;}
  header .login {display: inline-block; float: none; margin: 0; }
  header .buttons {font-size: 0;margin: .75rem 0 0;text-align: center;}
  header .buttons a {display: inline-block;float: none;margin: 0 .25rem .5rem;}
  header .tool-title {display: block;font-size: 1.125rem;margin: .5rem auto .625rem;position: static;text-align: center;}

  body>footer .wrap { flex-direction: column; text-align: center; }
  #web-solutions { margin-top: .375rem; }
}

/* -- - - - - MPS - [STYLE-M.CSS] - - - - -- */