/* Individual cpd start */

.mb-0 {
  margin-bottom: 0px;
}

.file.btn.btn-lg.btn-primary input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
  width: 150px;
  height: 40px;
}

.individualWrapper .file.btn.btn-lg.btn-primary {
  width: 150px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #000;
  font-size: 16px;
  margin-left: 12px;
 border-color: #00312B;
}

.individualWrapper .bi {
  font-size: 26px;
  color: #00312B !important;
  margin-right: 10px;
}

.individualWrapper .bi.plusIcBg {
  color: #006881 !important
}
.individualWrapper .mb-5 {
  margin-bottom: 5px !important;
}

.individualWrapper p.cpdModalTitle {
  color: #222222;
  font-size: 18px;
  margin-bottom: 10px;
}

.individualWrapper p {
  color: #000;
  font-size: 16px;
}

.individualWrapper span {
  color: #000;
  font-size: 16px;
}

.individualWrapper .mt-30 {
  margin-top: 30px;
}
.individualWrapper .radio-button__input:checked+.radio-button__control:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background-color: #01a982;
  border-radius: 43%/50%;
  background-image: url(../../assets/img/check_icon.png);
  width: 14px;
  height: 14px;
  background-size: contain;
}

.individualWrapper .radio-button__control {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  background-color: inherit;
  color: #017b5f;
  border: 1px solid #002144;
  border-radius: 43%/50%;
}

.individualWrapper .radio-button__input {
  opacity: 0;
  position: absolute;
}

.individualWrapper input {
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 8px;
  outline: 0;
  background-color: transparent;
}
.individualWrapper input.date-picker-c,.reflective-date{
  background: #fff url(../img/Calendar.png) no-repeat 99%;
}

.reflective-date {
  background-color: #f9f9f9 !important;
}

.individualWrapper .startModuleBtn {
  align-items: center;
  display: flex;
  padding: 8px 20px 10px 20px;
  border-radius: 24px;
  transition: none;
  font-size: 16px;
  font-weight: 400;
  transition: 0.3s;
  color: #fff;
  background: #00312B;
}

.individualWrapper .startModuleBtn span {
  color: #fff
}

.individualWrapper .loginBtnDetailsPage {
  text-decoration: underline;
  text-underline-position: under;
}

.individualWrapper .form-control:focus {
  box-shadow: none;
}

.mt-10 {
  margin-top: 10px;
}

.individualWrapper .form-control::placeholder {
  opacity: 0;
}

.individualWrapper input:hover::placeholder {
  opacity: 1;
}

.individualWrapper .hoverLabelRadius:hover label:before {
  content: "";
  position: absolute;
  top: 0px;
  background: transparent;
  width: 100%;
  height: 13px;
  /* z-index: 9999999999; */
  color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  left: 0px;
  border-bottom: 0px;
}

.individualWrapper .accordion-body ul{
 list-style-type: none;
 padding: 10px 10px;
}
.individualWrapper .accordion-body ul li {
 line-height: 24px;
 font-size: 16px;
 margin-bottom: 8px;
 padding-left: 10px;
 padding-right: 10px;
 color: #222222;
}
.individualWrapper .accordion-body ul li:hover {
 background-color: #FBE2E1;
}
 .individualWrapper .accordion-body {
 color: #00312b;
 padding: 0px;
 border:1px solid #00312b !important;
 margin-top: 5px;
 border-radius: 8px;
}
.individualWrapper .accordion-item{
 border: none !important;
}
.individualWrapper .accordion-button:not(.collapsed){
 background-color: transparent;
 border: 1px solid #00312b;
 border-radius: 8px !important;
 color: #222222;
 padding-left: 12px;
}
.individualWrapper .accordion-item:last-of-type .accordion-button.collapsed{
 color: #222222;
 background-color: transparent;
 border: 1px solid #00312b;
 border-radius: 8px !important;
 padding-left: 12px;
}
.individualWrapper button.accordion-button{
 height: 44px;
 font-family: 'Lato', sans-serif;
 font-size: 16px;
}
.pb-6 {
  padding-bottom: 6px;
}
.mt-12{
 margin-top: 12px;
}
.pb-10{padding-bottom: 10px;}
.pb-8{padding-bottom: 8px;}
.mt-4{
 margin-top: 4px !important;
}
.mb-8{
 margin-bottom: 8px !important;
}
.pb-16{
 padding-bottom: 16px;
}
.individualWrapper label{
 display: flex;
}
.p-10{
     padding: 10px 10px !important;
}
.individualWrapper a.viewCode{
 position: absolute;
 right: 14px;
 font-size: 16px;
 font-weight: normal;
 font-family: 'Lato', sans-serif;
 color: #222222;
 text-decoration: underline;
 text-underline-position: under;
}
a.viewNursingLink{
 font-weight: normal;
   font-family: 'Lato', sans-serif;
   color: #222222;
   text-decoration: underline;
   text-underline-position: under;
}
a.evidenceCpdLink{
 font-weight: normal;
   font-family: 'Lato', sans-serif;
   color: #222222;
}
.individualWrapper .saveBtn{
 min-width: 150px;
   justify-content: center;
}
.c-uploaded{
  display: none;
}

a.upload-content-url {
  margin-right: 10px;
  color: black;
  text-decoration: underline;
}

button.remove-upload-c {
  color: #d90b0b;
  background-color: transparent;
  border: 1px solid #006881;
  border-radius: 24px;
  padding: 0px 17px;
}

@media (max-width: 991px) {
  /* individual modal css */
  .hoverLabelRadius {
  margin-bottom: 24px;
  }
  }
  
  @media (max-width: 768px) {
  
  /* individual modal css */
  .hoverLabelRadius{
  margin-bottom: 24px;
  }
  /* individual modal css end */
  }
/* Individual cpd end */



/* reflectiveWrap css start */
.dwldTempTxt a{
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #000;
 }
.mb-0{
  margin-bottom: 0px;
}
.mb-6{margin-bottom: 6px;}
.file.btn.btn-lg.btn-primary input {
  position: absolute;
  font-size: 1px;
  opacity: 0;
  right: 0;
  top: 0;
  width: 150px;
  height: 40px;
}
.reflectiveWrap .file.btn.btn-lg.btn-primary{
  width: 150px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #000;
  font-size: 16px;
  margin-left: 12px;
  border-color: #00312B;
}
.reflectiveWrap .saveBtn {
  min-width: 150px;
  justify-content: center;
}

.reflectiveWrap .bi{
  font-size: 26px;
  color: #00312B !important;
  margin-right: 10px;
}
.reflectiveWrap .bi.plusIcBg{
 color:#006881 !important
}

.reflectiveWrap .mb-5{
  margin-bottom: 5px !important;
}
.reflectiveWrap p.cpdModalTitle {
  color: #222222;
  font-size: 18px;
  margin-bottom: 10px;
}
.reflectiveWrap p {
  color: #000;
  font-size: 16px;
}

.reflectiveWrap span {
  color: #000;
  font-size: 16px;
}

.reflectiveWrap .mt-30 {
  margin-top: 30px;
}


.reflectiveWrap .radio-button__input:checked+.radio-button__control:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background-color: #01a982;
  border-radius: 43%/50%;
  background-image: url(../../assets/img/check_icon.png);
  width: 14px;
  height: 14px;
  background-size: contain;
}

.reflectiveWrap .radio-button__control {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  background-color: inherit;
  color: #017b5f;
  border: 1px solid #002144;
  border-radius: 43%/50%;
}

.reflectiveWrap .radio-button__input {
  opacity: 0;
  position: absolute;
}

.reflectiveWrap input {
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 8px;
  outline: 0;
  background-color: transparent;
}
.file.btn.btn-lg.btn-primary.pos-rel {
  border-radius: 24px;
}
.reflectiveWrap .startModuleBtn {
  align-items: center;
  display: flex;
  padding: 8px 20px 10px 20px;
  border-radius: 24px;
  transition: none;
  font-size: 16px;
  font-weight: 400;
  transition: 0.3s;
  color: #fff;
  background: #00312B;
}

.reflectiveWrap .startModuleBtn span {
  color: #fff
}

.reflectiveWrap .loginBtnDetailsPage {
  text-decoration: underline;
  text-underline-position: under;
}

.reflectiveWrap .form-control:focus {
  box-shadow: none;
}

.mt-10 {
  margin-top: 10px;
}

.reflectiveWrap .form-control::placeholder {
  opacity: 0;
}

.reflectiveWrap input:hover::placeholder {
  opacity: 1;
}

.hoverLabelRadius:hover label:before {
  content: "";
  position: absolute;
  top: 0px;
  background: transparent;
  width: 100%;
  height: 13px;
  /* z-index: 9999999999; */
  color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  left: 0px;
  border-bottom: 0px;
}
/*  css end */

/* cpd start */
.underLine{
text-decoration: underline;
text-underline-position: under;
}
.resCpdFirstBox{ display: none;}
.resCpdSecondBox{display: none;}
.resCpdDeskShow {
display: block;
}
  /* cpd end */


  /* CPD  model start */
.cpdModalTitle{
color: #222222;
font-weight: 700;
  font-family: euclidFlex-700;
  font-size: 18px;
}

.cpdModalPText p{
color: #000;
font-size: 16px;
}
.cpdModalPText ul li {
color: #000;
font-size: 16px;
}
.cpdModalPText ul{
margin-left: 20px;
}
.floatLabel{
    position: absolute;
      top: -12px;
      color: #000;
      font-size: 14px;
      left: 20px;
      background: #fff;
      padding-left: 10px;
      padding-right: 10px;
}
.cpdMt-10{
margin-top: 10px;
}
.addIndividualCpd .form-control:focus{
box-shadow: none;
}

a.upload-content {
color: #000;
cursor: default;
}

a.upload-content.uploaded-c {
text-decoration: underline;
cursor: pointer;
}

.reflect-ve-form-dt {
margin-bottom: 17px;
}

.reflect-ve-form-dt h5 {
font-size: 15px;
margin-bottom: 2px;
}

.cpd-activity-toggle li{
cursor: pointer;
}
.cpd-activity-toggle li.selected{
background-color: #ffb5b3;
}
/* RL-3391 changes */
.individualWrapper label.error:before {
  background-image: url(../images/alerts.svg);
}
.individualWrapper .hoverLabelRadius:hover label.error:before, .individualWrapper label.error:before
, .error-cpd-activity:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/info-icon.svg);
  background-size: cover;
  position: absolute;
  top: 10px;
  left: 5px;
  border: none !important;
}
.error-cpd-activity:before {
  top: 7px !important;
}

.individualWrapper .form-control.error + label.error + .floatLabel {
  background: #fff9f9;
  border-radius: 10px
}
.individualWrapper .form-control.error + label.error {
  display: inline-block !important;
}
.individualWrapper label.error, .error-cpd-activity {
  /* display: inline-block !important; */
  background: #9A054A;
  border-radius: 12px;
  padding: 5px 10px;
  color: #fff !important;
  margin-top: 5px;
  padding-left: 25px;
  position: relative;
}
.cpd-activity-item-list h2.accordion-header {
  margin-top: 5px;
}
.cpdHoursForm .d-flex.remove-flex {
  display: block !important;
}
/* RL-3391 changes */
.individualWrapper input.error {
border-color: #f3a8a8;
background-color: #fff9f9;
}

.upload-container .file {
  position: relative;
}

/* CPD modal end */