/* My account page CSS */

/* Covid banner */
body > div[style*="red"] {
  display: none!important
}
.html_header_top.html_header_sticky body #header {
  top: 0
}
html.responsive, .responsive body,
#wrap_all {
  overflow: visible
}
.html_header_top.html_header_sticky #header {
  position: relative
}
.html_header_top.html_header_sticky #top #wrap_all #main {
  padding-top: 0!important
}
#main > .container {
  margin-top: 0!important;
  padding-top: 0!important
}
@media (max-width:768px) {
  #main > .container {
    width: 100%;
    max-width: 100%;
    padding: 0 1rem
  }
}


/* General */
a {
  color: #4099d3
}
a:hover,
a:active,
a:focus {
  color: #2771a8
}

/* Sidebar navigation */
.list-group-item {
  font-size: 16px;
  text-decoration: none!important;
  border-radius: 0!important;
  padding: 7px 14px;
  color: #787878;
  transition: all .5s;
  border: 0;
  margin-right: 1rem
}
.list-group-item.active {
  background-color: #333333;
  color: #ffffff;
  border: 0
}
.list-group-item:not(.active):hover {
  color: #787878;
  background: #c4c4c4
}

/* Saved forms table */
.nf-saves-cont table {
  margin: 0;
  font-size: 15px
}
.nf-saves-cont table tr td,
.nf-saves-cont table tr th {
  display: none
}
.nf-saves-cont table tr td:nth-last-child(2),
.nf-saves-cont table tr td:last-child,
.nf-saves-cont table tr th:nth-last-child(2),
.nf-saves-cont table tr th:last-child {
  display: table-cell
}
.nf-saves-item.active a.cancel,
.nf-saves-item:not(.active) a.load {
  display: block
}

/* Application form */
.nf-form-wrap {
  background: #f8f8f8;
  padding: 2rem;
  border-radius: 5px
}
@media (max-width: 768px) {
  .nf-form-wrap {
    padding: 1rem
  }
}
.nf-progress-container {
  background-color: #ffffff
}
.nf-form-content {
  max-width: 100%!important
}
.nf-mp-body,
.nf-mp-footer {
  max-width: 1100px;
  margin: auto
}
.nf-row {
  margin: 0!important
}
@media (max-width: 768px) {
  .nf-row.visible[class*='academic_qualifications']:not(:last-of-type),
  .nf-row.visible[class*='professional_qualifications']:not(:last-of-type) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    margin-bottom: 1rem!important;
  }
}
.nf-multi-cell .nf-cell {
  padding: 0 5px!important
}
.nf-field-container {
  margin-bottom: 10px !important
}
.save-container .nf-field-label,
.submit-container .nf-field-label {
  display: none
}
.nf-form-content .label-hidden .nf-field-label {
  margin: 0!important
}
.list-radio-wrap .nf-field-element li,
.list-radio-wrap .nf-field-element li label {
  margin-bottom: 0!important
}
.save-container .nf-field-element,
.submit-container .nf-field-element {
  width: 100%;
  text-align: center;
  padding-top: 10px
}
.save-container input[type=button],
.submit-container input[type=button] {
  background: #53ace0
}
.nf-field-container[class*='add_'] .nf-field-element p {
  line-height: 1
}
.nf-field-element h3,
.nf-field-element h4,
.nf-field-element h5 {
  margin-top: 1rem;
  margin-bottom: 1.5rem
}
@media (min-width: 800px) {
  .label-left .nf-field-label {
    width: 35%!important
  }
}
.nf-mp-header .nf-breadcrumbs {
  margin: 20px 0 !important
}
.nf-mp-header .nf-breadcrumbs li a {
  padding: 7px 14px
}
.nf-mp-header .nf-breadcrumbs li.errors a {
  padding: 7px 14px 7px 33px
}
hr.ninja-forms-field {
  margin-bottom: 23px
}
.nf-form-layout {
  font-size: 16px
}
.nf-form-content h2 {
  font-size: 29px;
  margin: 1rem 0 2rem;
}
.nf-form-content label {
  font-size: 16px;
  font-weight: 600
}
.nf-form-content input:not([type=button]),
.nf-form-content textarea,
.nf-form-content select {
  color: #000000!important
}
.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content input.ninja-forms-field,
.nf-form-content select.ninja-forms-field:not([multiple]) {
  height: 40px
}
.nf-form-content textarea.ninja-forms-field {
  height: 100px
}
.nf-form-content .inline-ul li {
  display: inline-block
}
@media (min-width: 769px) {
  .nf-form-content .inline-ul li:not(:first-of-type) {
    margin-left: 1rem!important
  }
}
@media (max-width: 768px) {
  .nf-form-content .inline-ul li:not(:last-of-type) {
    margin-right: 1rem!important
  }
}
.ninja-forms-req-symbol {
  color: #e80000!important
}
.label-left .nf-after-field {
  margin-left: 20%;
  margin-top: 6px
}
.nf-error .nf-error-msg {
  font-size: 14px
}
.nf-error.field-wrap .nf-field-element:after {
  height: 39px;
  width: 35px;
  line-height: 40px
}
.nf-form-content .ninja-forms-field[type="button"] {
  border-radius: 0;
  padding: 8px 20px;
  font-size: 15px
}
.nf-next-previous li input {
  font-size: 15px;
  padding: 8px 20px
}
.signature input {
  font-family: cursive!important;
  font-size: 1.3rem!important
}
.floaty {
  position: sticky;
  top: 0;
  background: #f8f8f8;
  z-index: 1
}
.floaty .score {
  margin-bottom: 0!important
}
.scores ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: .9rem;
  border-left: 1px solid #c4c4c4;
  border-top: 1px solid #c4c4c4;
}
.scores ol li {
  flex: 1 1 50%;
  padding: .5rem 1rem;
  list-style: none;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}
@media (max-width: 768px) {
  .label-left .nf-field-label {
    width: 100%!important
  }
}
.nf-response-msg > p {
  margin-bottom: 0
}

/* Default hide repeatable fields and buttons */

[class*="add_more_"] .field-wrap {
  display: none
}
.visible [class*="add_more_"] .field-wrap {
  display: block;
  cursor: pointer
}
.visible [class*="add_more_"] .field-wrap[disabled] {
  cursor: not-allowed;
  opacity: 0.5
}
.academic_qualifications,
.professional_qualifications,
.employment_history,
.residential_history {
  display: none
}
.visible .academic_qualifications,
.visible .professional_qualifications,
.visible .employment_history,
.visible .residential_history {
  display: block
}

/* Live site datepicker fix */
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent!important;
  border: none!important;
  border-radius: 0!important;
  box-sizing: border-box!important;
  color: inherit!important;
  cursor: pointer!important;
  font-size: inherit!important;
  font-family: inherit!important;
  font-family: inherit!important;
  font-weight: 300!important;
  height: auto!important;
  line-height: inherit!important;
  margin: -1px 0 0 0!important;
  outline: none!important;
  padding: 0 0 0 .5ch!important;
  position: relative!important;
  vertical-align: initial!important;
  -webkit-box-sizing: border-box!important;
  -webkit-appearance: menulist!important;
  -moz-appearance: menulist!important;
  width: auto!important;
  display: inline-block!important;
}
.flatpickr-current-month input.cur-year {
  background: transparent!important;
  -webkit-box-sizing: border-box!important;
  box-sizing: border-box!important;
  color: inherit!important;
  cursor: text!important;
  padding: 0 0 0 .5ch!important;
  margin: 0!important;
  display: inline-block!important;
  font-size: inherit!important;
  font-family: inherit!important;
  font-weight: 300!important;
  line-height: inherit!important;
  height: auto!important;
  border: 0!important;
  border-radius: 0!important;
  vertical-align: initial!important;
  -webkit-appearance: textfield!important;
  -moz-appearance: textfield!important;
  appearance: textfield!important;
}

/* Application form > Tabbed (breadcrumb) nav */
.nf-breadcrumbs li a {
  background: #ffff;
  color: #787878;
  transition: all .5s;
  margin-right: 10px;
  font-size: 1.1rem
}
@media (max-width: 768px) {
  .nf-breadcrumbs li a {
    font-size: 1rem
  }
}
.nf-breadcrumbs li.active a {
  background: #333;
  color: #f7f7f7
}

/* Application form > Progress bar */
.nf-progress-container,
.nf-progress {
  height: 25px
}
.nf-progress {
  background-color: #61b5e3
}
#passport_img{
  display:block;
  position:relative;
  width:150px;
  height: 210px;
}
#passport_img img{
       max-height: 100% !important;
}

/* Account settings */
#account-settings .label-left .nf-field-label {
  order: 0!important;
 
}

/*   Employment  History  */
.disabled-btn .field-wrap{
background-color: #b5a9a9 !important;
}
.half-width_label ul{
display: flex;
flex-direction: row;
}

/*   Emergency  */
.half-width_label li:first-child{
  padding-right: 10px !important;
}
.textarea-nf input{ 
  min-height: 100px;
}

/*.nf-field-label{
  text-align: center!important ;
}*/

.nf-check-list-style .nf-field-label{
  text-align: left  !important;
  width: 95% !important;
}
.nf-check-list-style{
  margin: 0;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  padding: 10px 10px 10px 0px;
}
.checkbox-table5 {
  display: flex;
  flex-direction: column;
  justify-content: center;

}
.checkbox-table5 .nf-field-element ul{
display: flex;
flex-direction: row;
min-height: 41px;
}
.checkbox-table5 .nf-field-element li{
width: 25%;
margin: 0 !important;
display: flex;
justify-content: center;
align-items: center;
}
.checkbox-table5 .nf-field-element li label{
  color: #f5efe0;
}
.checkbox-table5 .nf-field-label{
width: 20%;
display: flex;
justify-content: center;
align-items: center !important;
}
.checkbox-table5 .nf-field-element{
width: 80%;
}
.checkbox-table5 .nf-after-field{
display: none;
}

.one-5{
  background-color: #fce282;
  text-align: center;
  margin: 0;
  font-size: 13px;
  font-weight: 700;

}

.table-row-checkbox-wrapper .nf-cell{
  background-color: #fce282;
  padding: 0.5rem 0;
  border: 1px solid gray;
  min-height: 41px;
}
.table-row-checkbox-wrapper .nf-field-container{
  margin: 0;
}

.table-row-checkbox-wrapper_body .nf-cell{
  padding: 0;
  border: 1px solid gray;
  min-height: 41px;
}
.table-row-checkbox-wrapper_body .nf-field-container{
  margin: 0;
}
.table-row-checkbox-wrapper_body .nf-after-field{
  margin: 0;
}


/** REGISTERED NURSE SKILLS EVALUATION **/
.table-row-checkbox-wrapper-6elems{
margin-top: 5rem;
}
.table-row-checkbox-wrapper-6elems .nf-cell{
  border: 1px solid gray;
  background-color: #fce282;

}

.table-row-checkbox-wrapper-6elems_body{

}

.table-row-checkbox-wrapper-6elems_body .nf-field-element ul{
  display: flex;
  flex-direction: row;
  min-height: 41px;
  }

  .table-row-checkbox-wrapper-6elems_body .nf-cell{
    padding: 0;
    border: 1px solid gray;
    min-height: 41px;
    
  }
  .table-row-checkbox-wrapper-6elems_body  .nf-cell:nth-child(1) .nf-field-label{
width: 67%;
border-right: 1px solid gray;
display: flex;
justify-content: start;
align-items: center;
  }
  .table-row-checkbox-wrapper-6elems_body  .nf-cell:nth-child(1) .nf-field-label label{
    text-align: left;
    padding-left: 15px;
  }
  .table-row-checkbox-wrapper-6elems_body  .nf-cell:nth-child(1) .nf-field-element{
width: 33%;

  }
  .table-row-checkbox-wrapper-6elems_body .nf-field-element li {
    display: flex;
    justify-content: center;
    width: 25%;
    align-items: center;
    margin: 0 0 15px 10px !important;
  }
  .table-row-checkbox-wrapper-6elems_body  input{
    min-height: 41px;
  }
  .checkbox-table6,
  .checkbox-table6-comments,
  .one-6-big,
  .one-6-small{
    margin: 0;
  }
  .checkbox-table6 .nf-after-field,
  .checkbox-table6-comments .nf-after-field{
    display: none;
  }
  
  .one-6-big p{
    margin: 0 auto;
    padding: 10px 0 10px 15px;
  }
  .one-6-small p{
    margin: 0 auto;
    padding: 10px 0 10px 10px;
  }
  .nf-breadcrumbs{
min-height: 50px;
  }

  .nf-breadcrumbs li{
    display:none;
  }
.alert-success.historyAllert.employment_history{
  display:none;
}