/** Assessments Page Styles **/

.assessments-shortcode-button {
  text-align: center;
}

body.assessments .container,
.single-heg_assessment .container {
  padding-top: 20px;
  padding-bottom: 100px;
}

@media screen and (min-width: 1100px){
  body.assessments .container,
  .single-heg_assessment .container {
    padding-top: 200px;
  }
}

nav.breadcrumbs {
  font-size: 16px;
}

.lms-back-link {
  display: inline-block;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 10px;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: #005ac8;
}

.lms-back-link:hover{
  color: #fff;
}

.lms-back-link i {
  font-weight: bold;
}

@media screen and (min-width: 1100px){  
  .lms-back-link {
    display: block;
    position: absolute;
    top: 120px;
    left: 0;
    padding: 10px 15px;
    border-radius: 0px 0px 10px 0px;
  }
}

@media (max-width: 1099px){
  body.assessments .fl-post-header{
    display: none;
  }
  
  body.assessments{
    background-position-y: 150px!important;;
  }
}

body.assessments, body.view-class, body.reports{
  background-repeat: no-repeat;
  background-size: contain;
}

body.reports{
  background-color: #e7f5e0;
}

.assessments h1{
  font-size: 50px;
}
.assessments .fl-page-content{
  height: auto;
  background-color: transparent;
}

.db-action-notice{
  position: absolute;
}

#class-list .db-action-notice{
  margin-top: 70px;
}

#student-list .db-action-notice{
  margin-top: 0px;
}

.view-class h1{
  width: 60%;
}

#class-list, #student-list{
  margin: 50px 0px;
}

.heg-assessment-data .selection-buttons{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.heg-assessment-data.view-class .selection-buttons{
  justify-content: flex-end;
}

.heg-assessment-data.view-class .selection-buttons select.choose-class{
  margin-right: auto;
}

.heg-assessment-data.view-class #view-class-reports{
  /*display: none;*/
}

.heg-assessment-data .main-content .selection-buttons > * {
  margin-bottom: 20px;
}

.heg-assessment-data .main-content .selection-buttons .select-year{
  margin-right: 20px;
}

.fl-post-content .selection-buttons button.button-transparent, .report-data .assessment-link a.button.button-transparent{
  color: #4585d6;
  border-color: #4585d6;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
}

.fl-post-content .selection-buttons button.button-transparent:hover{
  color: #ffffff;
  border-color: #4585d6;
  background-color: #4585d6;
  border-width: 1px;
  border-style: solid;
}

.selection-buttons select, #add-update-class.modal form select, .report-info select, #update-student.modal form select, #change-student-group.modal form select, .group_dropdown select{
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../img/arrow-select.svg) -webkit-calc(100% - 20px) 50% / 16px no-repeat;
    background: #fff url(../img/arrow-select.svg) -moz-calc(100% - 20px) 50% / 16px no-repeat;
    background: #fff url(../img/arrow-select.svg) calc(100% - 20px) 50% / 16px no-repeat;
    border: 0;
    -webkit-border-radius: 99px;
    -moz-border-radius:99px;
    border-radius: 99px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #21242c;
    cursor: pointer;
    min-width: 200px;
    outline: 0;
    padding: 10px 26px;
    padding-right: 45px;
}

#update-student.modal form select{
  width: 100%;
}

@media screen and (max-width: 600px){
  #change-student-group-form select#group-name{
    width:100%;
    min-width: auto;
  }
}

select#view-class-add-options{
  margin-top: 20px;
}

@media screen and (min-width: 561px){
  select#view-class-add-options{
    margin-top: 0px;
  }
}

select.blue{
  background: #015AC8 url(../img/arrow-select-white.svg) -webkit-calc(100% - 20px) 50% / 16px no-repeat;
  background: #015AC8 url(../img/arrow-select-white.svg) -moz-calc(100% - 20px) 50% / 16px no-repeat;
  background: #015AC8 url(../img/arrow-select-white.svg) calc(100% - 20px) 50% / 16px no-repeat;
  color: #fff;
  min-width: 250px;
  padding-right: 0px;
}

#add-update-class-modal form select:focus {
  outline: 3px solid #2E1BA6;
  border-color: transparent;
}

#add-update-class-form .error, #update-student-form .error, #add-update-group .error{
  padding-left: 15px;
  color: red;
  font-size: 14px;
}

.selection-buttons button#add-class{
  margin-left: auto;
  padding-top: 15px;
  color: #fff;
  font-weight:400;
}

@media screen and (max-width: 615px){
  .selection-buttons button#add-class{
    margin-left: 0px;
  }
}

.data-table{
  margin-top: 50px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
}

.data-table .table-header{
  padding: 15px;
  font-size: 19px;
  color: #fff;
  background: #005AC8;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.data-table .table-header > *{
  margin: 0px;
  color: #fff!important;
}

.group_enabled .data-table .student.table-header{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-grow: 1;
}

.data-table .student.table-header .input.search{
  width: 100%;
}

.group_enabled .data-table .student.table-header .input.search{
  flex-basis: 100%;
  margin-bottom: 20px;
  color:#000!important;
}

@media screen and (min-width:400px){
  .data-table .student.table-header .input.search{
    width: 20%;
  }

  .group_enabled .data-table .student.table-header .input.search{
    flex-basis: 20%;
    margin-bottom: 0px;
  }
}

/* @media screen and (min-width:798px){
  .heg-assessment-data.view-class .student.table-header .input.search{
    flex-basis: 30%;
  }
}
 */

.data-table .student.table-header .view-buttons a{
  float: left;
  color: #fff;
  background-color: inherit;
  border: #fff 1px solid;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 8px 6px 8px;
}

.data-table .student.table-header .view-buttons a.selected{
  background-color: #fff;
  color: #015AC8;
}

.data-table .student.table-header .view-buttons a.normal-view{
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
  margin-right: 0px;
  border-right: none;
}

.data-table .student.table-header .view-buttons a.report-view{
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  margin-left: 0px;
  border-left: none;
}

.data-table .table-body{
  padding-left: 10px;
}

.data-table .student.table-body .group-header:first-child{
  margin-top: 30px;
}

.data-table .student.table-body .group-header{
  padding-left: 20px;
  margin-top: 60px;
  overflow: hidden;
}

.data-table .student.table-body .group-header p{
  font-weight: 500;
  color: #000;
}

.data-table .column-header{
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: bold;
  color: #21242C;
  padding-top: 25px;
}

.data-table .column-data{
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  align-items: center;
}

.data-table .column-header, .data-table .column-data{
  padding-left: 20px;
  border-bottom: #E5E5E5 1px solid;
}

.data-table .column-data p {
  line-height: 40px;
}

.data-table .column-data.empty_group p{
  padding-right: 50px;
}

.data-table .column-data{
  color: #21242C;  
}

.data-table.group-class-list .column-teacher-name, .data-table.group-class-list .column-data .teacher-name{
  flex: 0 0 15%;
}

.data-table.group-class-list .column-class-name, .data-table.group-class-list .class-name, .data-table.group-class-list .column-student-name, .data-table.group-class-list .student-name{
  flex: 0 0 30%;
}

.data-table .column-class-name, .data-table .class-name, .data-table .column-student-name, .data-table .student-name{
  flex: 0 0 45%;
}

.data-table .column-school-year, .data-table .class-school-year, .data-table .column-class-level, .data-table .class-level{
  flex: 0 0 10%;
  min-width: 150px;
}

.data-table .column-num-assessments, .data-table .num-assessments{
  flex: 0 0 20%;
  min-width: 100px;
}

.data-table .column-action, .data-table .class-action, .data-table .student-action{
  display: flex;
  flex-wrap: wrap;
}

.data-table .column-data .edit, .data-table .column-data .change-group{
  display: inline-block;
  margin-right: 20px;
}

.data-table .column-data .report{
  margin-right: 20px;
}

/* .data-table .class.column-data .report{
  display: none;
}
 */
.data-table .class-name{
  font-size: 19px;
  color: #21242C;
}

.data-table .class-school-year{
  font-size: 16px;
  font-weight: normal;
  color: #252733;
}

.data-table .no-data-message {
  padding: 100px;
  color: #21242C;
  font-size: 19px;
  text-align: center;
}

.data-table.class .edit a, .data-table.student .edit a, .data-table.student .change-group a{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  border: #005AC8 1px solid;
  border-radius: 50%;
  font-size: 13px;
  color: #005AC8;
}

.data-table.student .change-group a{
  font-size: 18px;
}

.data-table.class .edit i, .data-table.student .edit i {
  line-height: 40px;
}

.data-table .button-transparent a, 
.data-table .report .button-transparent.button,
.data-table .button-solid a
{
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-radius: 100px;
  white-space: nowrap;
}

.data-table .button-transparent a, .data-table .report .button-transparent.button, .learndash-wrapper .data-table .button-transparent a{
  color: #4585D6;
  background: #fff;
  border: #4585D6 1px solid!important;
}

.data-table .button-solid a{
  color: #fff;
  background: #005AC8;
}

#ld-assessment-info-table.data-table p.button-solid{
  line-height: 0px;
}

#ld-assessment-info-table.data-table p.button-solid a.button{
  padding: 10px 16px;
}

.data-table .button-solid a:hover{
  background: #4585D6;
}

/*Group Styled*/
.student.table-body h3 a.group-edit{
  padding-left: 10px;
  font-size: 16px;
}

.student.table-body h3 a.group-edit:hover{
  color: #000;
}

/*Class Page Normal View Styles*/
#normal .student.column-header{
  clear: both;
}

.skills-in-focus span, .skills-in-focus ul{
  float: left;
}

.skills-in-focus ul{
  padding-left: 10px;
}

.skills-in-focus ul li{
  list-style-type: none;
  float: left;
}

.skills-in-focus ul li:not(:first-child):before {
    content: " | ";
  font-size: 12px;
}

.skills-in-focus ul li a{
  text-decoration: underline;
  font-size: 12px;
  padding-left: 3px;
  padding-right: 5px;
}

/*Report View Styles*/
#report.view{
/*   margin-top: 100px; */
  position: relative;
}

#report.view .select-assessment{
  margin-top: 20px;
  padding-right: 50px;
  text-align: right;
}

#report.view .column-header{
  position: sticky;
  top: 0;
  padding-top: 50px;
  background: #fff;
  transition: all 0.5s ease;
}

#report.view .column-header.scrolled{
  padding-top: 100px;
}

#report.view .column-header .group-name{
  padding-top: 15px;
}

.data-table #report.view .column-data{
  padding-top: 0px;
}

#report.view .group-name{
  flex-basis: 20%;
}

#report.view .student-name{
  flex-basis: 15%;
  padding-top: 15px;
}

#report.view .skill-name-details{
  flex-basis: 3.5%;
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}

#report.view .skill-name-details:nth-child(even){
  background: #F5F5F5;
}

#report.view .skill-name-details.column .fas{
  font-size: 22px;
}

#report.view .skill-name-details.column .fas.fa-times-circle{
  color: #ED2F24;
}

#report.view .skill-name-details.column .fas.fa-check-square{
  color: #08AA51;
}

#report.view .skill-name-details.column .fas.fa-exclamation-triangle{
  color: #F1CA04;
}

#report.view .column-header .skill-name-details .skill-name{
  position: absolute;
  width: 200px;
  margin-top: -80px;
  margin-left: -50px;
  padding: 10px;
  background: #F0F0F0;
  font-weight: normal;
  font-size: 14px;
  border-radius: 8px;
}

#report.view .column-header .skill-name-details .skill-name:before{
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  bottom: -12px;
  margin-left: 20%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #F0F0F0;
}

#report.view .column-header .skill-name-details .skill-number{
  cursor: pointer;
}

#report .column-data .group-name{
  margin-bottom: 0px;
}

#report .column-data .group-name select, #report.view .select-assessment select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../img/arrow-select.svg) -webkit-calc(100% - 10px) 50% / 16px no-repeat;
  background: #fff url(../img/arrow-select.svg) -moz-calc(100% - 10px) 50% / 16px no-repeat;
  background: #fff url(../img/arrow-select.svg) calc(100% - 10px) 50% / 16px no-repeat;
  border: #000 1px solid;
  -webkit-border-radius:99px;
  -moz-border-radius: 99px;
  border-radius: 99px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 16px;
  cursor: pointer;
  min-width: 200px;
  max-width: 200px;
  outline: 0;
  padding: 0px 45px 0px 10px;
  padding-right: 45px;
}

#report.view .select-assessment select{
  padding: 10px 20px 10px 10px;
  min-width: 250px;
  font-size: 18px;
}
/* Modal Styles */
#add-update-class.modal form select{
  display: block;
  width: 100%;
  min-width: auto;
  max-width: 100%;
}

#add-update-class.modal form select:focus{
  border: 1px #4585D6 solid;
}

.heg-assessment-data .modal{
  display: none;
  position: fixed;
  top: 20%;
  left: 20%;
  max-height:70%;
  overflow-y: scroll;
  z-index: 9999;
  width:60%;
  padding: 50px;
  background: #F5F5F5;
  border-radius: 8px;
}

.modal-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 9999;
}

.heg-assessment-data .modal.show, .modal-overlay.show{
  display: block;
}

.close-modal{
  position: absolute;
  top: 10px;
  right: 15px;
}

.heg-assessment-data .modal h3{
  color: #21242C;
  font-size: 36px;
  line-height: 44px;
}

.heg-assessment-data .modal form{
  height: auto;
  overflow: hidden;
}

#add-update-class.modal form .school-year-div{
  display: flex;
  flex-wrap: wrap;
}

.heg-assessment-data .modal form label{
  display: block;
  margin-top: 40px;
  color: #21242C;
  font-size: 19px;
  font-weight: normal;
}

.heg-assessment-data .modal form input{
  padding: 10px;
  background: #fff;
  border: none;
  border-radius: 8px;
}

.heg-assessment-data .modal form input{
  display: block;
  width: 100%;
}

.heg-assessment-data .modal form input.small{
  width: 80%;
}

.heg-assessment-data .modal form .delete-confirmation-box{
  display: none;
  padding: 20px;
}
.heg-assessment-data .modal form .form-buttons{
  margin-top: 50px;
  text-align: right;
}

.button-right{
  float: right;
}

.heg-assessment-data .modal form .form-buttons button{
  display: none;
}

.heg-assessment-data .modal form .form-buttons button.show{
  display: inline-block!important;
  margin-left: 20px;
}

.heg-assessment-data .modal form button.button{
  font-size: 19px;
  line-height: 28px;
  border-radius: 100px;
  padding: 19px 70px;
  margin-left: 0px;
  margin-bottom: 10px;
}

@media screen and (min-width: 786px){
  .heg-assessment-data .modal form button.button{
    margin-left: 20px;  
  }
}

@media screen and (max-width: 500px){
  .heg-assessment-data .modal form button.button{
    padding: 14px 34px;
  }
}

.heg-assessment-data .modal form button.button-transparent{
  color: #005AC8;
  background: #fff;
  border: 1px solid #005AC8;
}

.heg-assessment-data .modal form button.button-transparent:hover, .heg-assessment-data .modal form button.button-transparent:focus{
  background: #4585D6;
  border-color: #4585D6;
  color:#fff;
}

.heg-assessment-data .modal form button.button-solid{
  color: #fff;
  background: #005AC8;
}

.heg-assessment-data .modal form button.button-solid:hover, .heg-assessment-data .modal form button.button-solid:focus{
  background: #4585D6;  
}

.heg-assessment-data .modal form .dropdown-display-label{
  border-radius: 99px;
  padding: 0px 25px 0px 10px;  
  background: #fff url(../img/arrow-select.svg) -webkit-calc(100% - 20px) 50% / 16px no-repeat;
  background: #fff url(../img/arrow-select.svg) -moz-calc(100% - 20px) 50% / 16px no-repeat;
  background: #fff url(../img/arrow-select.svg) calc(100% - 20px) 50% / 16px no-repeat;
}

.heg-assessment-data .modal form #skills-in-focus .dropdown-display-label{
  border-radius: 0px;
  padding: 5px 25px 0px 10px;  
}

.heg-assessment-data .modal form .dropdown-display-label:after, .dropdown-display:after{
  display: none;
}

.heg-assessment-data .modal form .dropdown-display-label .dropdown-selected{
  padding: 3px 20px 2px 5px;
  background: #EBEBEB;
  border: none;
  border-radius: 99px;
  color: #000;
  font-size: 12px;
}

.heg-assessment-data .modal form .dropdown-display-label .dropdown-selected .del{
  right: 7px;
  top: 3px;
  color: #000;
}

/* View Class Page*/

.selection-buttons input.input{
  max-width: 300px;
  background: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 26px;
}

/* .selection-buttons input.input.search{
  background: #fff url('../img/search_icon.png') 98% center no-repeat;
}
 */

.student.table-header input.input.search{
  background: #fff url('../img/search_icon.png') 98% center no-repeat;
}

.selection-buttons input.input::placeholder{
  color: #5B666F;
  font-size: 19px;
  font-weight: normal;
}

.selection-buttons .student-action-buttons a.button.button-transparent{
  margin-right: 20px;
  background: #fff;
  color: #005ac8;
  border: #005ac8 1px solid;
}

.selection-buttons .student-action-buttons a.button.button-transparent:hover{
  background: #4585d6;
  color: #fff;
  border: #4585d6 1px solid;
}

.data-table .student.assess, .learndash-wrapper .ld-focus .ld-tabs-content .group_dropdown .data-table .column-data ul.student.assess{
  margin: 0px!important;
  padding-left: 0px!important;
  list-style-type: none!important;
}

.data-table .student.assess button {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  border-radius: 100px;
  font-size: 16px;
}

.student.assess li.view ul li .fas, #ld-assessment-info-table .column-data .column-assessment-status .fas.fa-check{
  padding-left: 20px;
  color: #27AE60;
}

.data-table .student.assess li a.button-solid{
  padding: 6px 16px;
  background: #005AC8;
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  list-style-type: none;
}

.data-table .student.assess li a.button-solid:hover{
  background: #4585D6;
}

.data-table .student.assess li ul, .learndash-wrapper .ld-focus .ld-tab-content .group_dropdown #ld-assessment-info-table.data-table .column-data ul.student.assess li ul:not(.blocks-gallery-grid):not(.wp-block-gallery){
  list-style-type: none!important;
  display: none!important;
  margin: 0px!important;
  padding-left: 0px!important;
}

.data-table .student.assess li ul li{
  padding: 10px;
  border-bottom: #fff 1px solid;
}

.data-table .student.assess li:hover ul, .learndash-wrapper .ld-focus .ld-tab-content .group_dropdown #ld-assessment-info-table.data-table .column-data ul.student.assess li:hover ul{
  display: block!important;
  position: absolute;
  z-index: 100;
  margin-top: 0px;
  padding: 0px;
  background: #005AC8;
  border-radius: 8px;
  color: #fff;
}

.data-table .student.assess li ul li:first-child{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.data-table .student.assess li ul li:last-child{
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: none;
}


.data-table .student.assess li ul li:hover{
  background: #4585D6;
}

.data-table .student.assess ul li a{
  color: #fff;
  font-size: 15px;
}

/**Assessment Forms */

body.single-heg_assessment{
  background-image: url("../img/assessment_form_bck.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  /*background-color: #EBCAC1;*/
}

.single-heg_assessment .fl-page-content{
  background: transparent;
}

.single-heg_assessment .assessment-form {
  position: relative;
}

.single-heg_assessment a.show-directions.button{
  display: inline-block;
  margin: 30px 0px;
}

.single-heg_assessment #student-assessment-id, .single-heg_assessment #assessment-post-id{
  display: none;
}

.single-heg_assessment .form-directions{
  margin-bottom: 50px;
}

.single-heg_assessment .form-directions.show{
  transition: 0.5s all ease-in-out;  
}

.assessment-skills h3 span.sub-title{
  font-size:18px;
  line-height: 1.4;
}

.single-heg_assessment .student-info span{
  display: inline-block;
  font-weight: bold;
  margin-right: 50px;
  min-width: 170px;
}

.single-heg_assessment .student-assessment-date input{
  display: inline-block;
  width: 200px;
}

.single-heg_assessment .student-assessment-date input[type="date"]::-webkit-calendar-picker-indicator::after{
  content: '/f133';
  display: block;
  background-size: 10%;
  width: 100px;
  height: 100px;
  position: absolute;
  transform: translateX(-2%);
}

.single-heg_assessment .form-directions, .single-heg_assessment .assessment-skills{
  background: #fff;
  padding: 15px 45px;
  border-radius: 8px;
}

.single-heg_assessment .assessment-skills.no-button{
  margin-top: 60px;
}

.assessment-skills .instructions{
  /*border-bottom: #5B666F 1px solid;*/
  margin-bottom: 50px;
}

.assessment-skills .instructions p{
  margin-bottom: 20px;
}

.assessment-skills .prompt{
  background: #005AC8;
  color: #fff;
  /*font-weight: bold;*/
  padding: 10px 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.assessment-skills div.skill{
  border-bottom: #ccc 1px solid;
}

.skill-table{
  /*padding: 15px;*/
}

.skill-table .questions-header{
  font-weight: bold;
}

.skill-table .questions-header, .skill-table .question-row, .skill-table .result-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  padding: 15px;
}

.skill-table .questions-header p, .skill-table .question-row p{
  flex: 1 1 20%;
  margin-bottom: 0px;
}

.skill-table .result-row p{
  flex: 1 1 50%;
}

p.results-header, p.response-check, p.skill-result{
  text-align: right;
}

p.skill-result{
  padding-right: 20px;
}

p.response-check{
  padding-right: 50px;
}

/* The container */
.response-check {
  display: block;
  position: relative;
  height: 30px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.response-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 30px;
  width:30px;
  z-index: 9999;
  margin: 0px!important;
}

.observations{
  margin-bottom: 45px;
}

.observation-heading{
  background: #0D62CB;
  margin-bottom: 20px;
  padding: 10px;
  color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.observation-heading p{
  margin-bottom: 0px;
}

.observation.skill{
  display: flex;
  align-items: start;
  padding: 15px 0px 5px 20px;
}

.observation.skill .skill-name{
  flex-basis: 20%;
  min-width: 25%;
}

.observation-body .observation.skill:nth-child(even){
  background: #F5F5F5;  
}

p.obs-name{
  display: flex;
  align-items: start;
  min-width: 20%;
  max-width: 50%;
  padding-right: 45px;
}

.obs-name .obs-check{
  margin-left: 5px;
  margin-top: 5px;
}

.obs-name label{
  font-weight: normal;
  padding-left: 15px;
  /*padding-top: 3px;*/
}

.single-observation{
  display: block;
  position: relative;
  height: 30px;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.single-observation input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 30px;
  width:30px;
  z-index: 9999;
  margin: 0px!important;
}

.single-observation label{
  font-size: 20px;
  font-weight: normal;
}

.single-observation label span.label{
  display: inline-block;
  margin-left: 35px;
  padding-top: 3px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  margin-top: 3px;
  height:25px;
  width: 25px;
  background-color: transparent;
  border: #ccc 1px solid;
  border-radius: 50%;
}

.checkmark ~ input:hover{
  background-color:transparent;
  border: #ccc 1px solid;
  border-color: #ccc;
}

.checkmark ~ input:checked{
  background-color: #27AE60;
}

.checkmark:after ~ input:checked

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color:transparent;
  border: #ccc 1px solid;
  border-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #27AE60;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


@media screen and (max-width: 600px){
  .skill-table .questions-header, .skill-table .question-row, .skill-table .result-row{
    flex-direction: column;
    align-items: flex-start;
  }
  
  .skill-table .questions-header p, .skill-table .question-row p{
    padding: 5px 0px;
  }
  
  p.results-header, p.response-check, p.skill-result{
    text-align: left;
  }
}

.question-row:nth-child(even){
  background-color: #f5f5f5;
}

.skill-table .question-row .response input{
  background: #fff;
  border-radius: 8px;
  border: 2px solid rgba(91, 102, 111, 0.2);
  color: #005AC8;
  font-weight: bold;
}

.assessment-skills textarea{
  min-height: 100px;
  margin-bottom: 50px;
}

.assessment-skills input.assessment-form-button{
  text-align: right;
}

.single-heg_assessment .delete-confirmation-box{
  display: none;
  margin-top: 150px;
  margin-right: 20px;
  text-align: right;
}

.single-heg_assessment .assessment-form-button{
  margin-right: 20px;
}

.assessment-skills .loading{
  position: absolute;
  right: 20px;
  margin-top: 5px;
  width: 30px;
  height: auto;
}

.single-heg_assessment .assessment-form .button-transparent{
  background-color: #ffffff;
  color: #005ac8;
  border: #005ac8 solid 1px; 
}

.single-heg_assessment .assessment-form .button-transparent:hover{
  background-color: #4585d6;
  color: #ffffff;
  border: #4585d6 solid 1px;
}

/*Student Reports */
#student-report-boy, #student-report-moy, #student-report-eoy{
  display: none;
}

#student-reports .breadcrumbs, #class-reports .breadcrumbs{
  width: 70%;
}

#student-reports h1{
  font-size: 35px;
}

#student-reports select.assessment-intervals, #student-reports select.student-list{
  min-width: 280px;
}

.report-buttons{
  height: auto;
  overflow: hidden;
  /*float: right;*/
  max-width: 270px;
  margin-top: 30px;
}

/* .report-buttons .export{
  color: #fff;
  font-weight: bold;
}
 */

button#print-report{
/*   margin: 10px 0;
  font-size: 14px;
  padding: 10px 20px; */
}

button#print-report i.fa-print{
  margin-right: 15px;
}

a#export-student-report, #export-class-report{
  display: block;
  margin-top: 20px;
  text-align: center;
  max-width: 200px;
  cursor: pointer;
}

a i.fa-file-export{
  margin-right: 10px;
}

a i.fa-spinner{
  position: absolute;
  margin-left: 5px;
}

@media screen and (min-width: 850px){
  .report-buttons{
    float: right;
    margin-top: 20px;
  }
  a#export-student-report, #export-class-report{
    max-width: none;
  }
  
  button#print-report{
    float: right;
    margin-bottom: 20px;
  }
}

.report-info{
  margin: 30px 0 50px 0;
}

.report-info p span{
  display: inline-block;
  min-width: 120px;
  margin-right: 30px;
  font-weight: bold;
}

.report-info p span.report-class-name, .report-info p span.report-school-year{
  margin-right: 40px;
}

#student-reports .report-data-section, #class-reports .report-data{
  background: #fff;
  padding: 45px;
  border-radius: 8px;
}

.report-data h2.graph-title{
  font-size: 36px;
}

.report-data .legend{
  display: flex;
  justify-content: flex-end;
}

.report-data .legend p{
  padding-left: 40px;
}

.report-data .legend p.baseline::before, .report-data .legend p.beginning-of-year::before{
  content: '';
  display:inline-block;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  background: #005AC8;
}

.report-data .legend p.mid-year::before, .report-data .legend p.middle-of-year::before{
  content: '';
  display:inline-block;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  background: #F58832;
}

.report-data .legend p.end-year::before, .report-data .legend p.end-of-year::before{
  content: '';
  display:inline-block;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  background: #603F98;
}

.report-data .legend p.beginning::before{
  content: '';
  display:inline-block;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  background: #ED3024;
}

.report-data .legend p.developing::before{
  content: '';
  display:inline-block;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  background: #F4CF0C;
}

.report-data .legend p.proficient::before{
  content: '';
  display:inline-block;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  background: #00AA4E;
}

.score-info .table-header, .score-info .table-body div{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.score-info.data-table{
  padding-bottom: 50px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.score-info .table-body{
  padding-left: 0px;
}

.score-info .table-body div{
  padding: 15px 0px 5px 20px;
}

.score-info .table-body div:nth-child(even){
  background: #F5F5F5;
}
.score-info .table-header .skill-name, .score-info .table-body div .skill{
  flex-basis: 50%;
}

.score-info .table-header .score-level, .score-info .table-body div .score{
  flex-basis: 16%;
}

.score-info .table-header .result, .score-info .table-body .result{
  flex-basis: 25%;
}

.score-info .table-body .level{
  padding: 0px 15px;
  border-radius: 30px;
  border-color: transparent;
  border-width: 3px;
  border-style: solid;
}

.score-info .table-body .level.beginning{
  border-color: #ED3024;
}

.score-info .table-body .level.dev{
  border-color: #F4CF0C;
}

.score-info .table-body .level.pro{
  border-color: #00AA4E;
}

.notes .notes-heading{
  display: flex;
  justify-content: space-between;
  padding: 15px 15px 0px 15px;
  background: #005AC8;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
}

.notes .notes-body{
  padding: 30px;
  background: #F5F5F5;
}

.assessment-notes {
  margin-bottom: 60px;
}

.notes-heading a, .notes-heading a:hover, .notes-heading .fas{
  color: #fff;
}

form.student-notes textarea,
form.class-notes textarea {
  background: #fff;
}

.submit-note-button-wrap:after {
  content: ' ';
  display: table;
  clear: both;
}

.notes-body p input{
  border: none;
  background: transparent;
  width: 100%;
}

.previous-notes{
  margin-top: 20px;
  margin-bottom: 30px;
}

.previous-notes .note-date{
  display: inline-block;
  margin-right: 30px;
}

.previous-notes button.update{
  background: none;
  padding: 0px;
  border: none;
  color: #005AC8;
}

.notes-body .previous-notes.edit p input{
  border: #ccc 1px solid;
}

.note-edit-buttons{
  display: inline-block;
}

.add-new-notes p.submit-note-button-wrap{
  padding: 20px 0px;
}

/*Class Reports*/
.student-count{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.student-count.individual-report{
  justify-content: flex-end;
}

.student-count .assessed-num{
  margin-bottom: 20px;
  padding: 5px 10px;
  flex-basis: 30%;
  border: #DFE0EB 1px solid;
  border-radius: 8px;
}

.student-count .assessed-num.beginning-of-year{
  border-left: #005AC8 5px solid;
}

.student-count .assessed-num.middle-of-year{
  border-left: #F58832 5px solid;
}

.student-count .assessed-num.end-of-year{
  border-left: #603F98 5px solid;
}

.student-count p{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0px;
}

@media screen and (min-width: 900px){
  .student-count p{
    flex-wrap: nowrap;  
  }
  
  .student-count span.student-count-text{
    flex-basis: 50%;
    margin-left: 30px;
  }
}

.student-count span.student-num{
  font-size: 48px;
}

#class-reports .table-wrapper{
  overflow-x: auto; 
  -webkit-overflow-scrolling: auto
}

#class-reports .score-info.data-table{
  display: table;
  padding-bottom: 0px;
  margin-bottom: 50px;
}

#class-reports .table-wrapper .data-row{
  display: table-row;
}

#class-reports .table-wrapper .score-info .table-header, #class-reports .table-wrapper .score-info .level-row div{
  flex-wrap: nowrap;
}


/* #class-reports .table-wrapper .score-info .table-header, #class-reports .table-wrapper .score-info .table-body div{
  flex-wrap: nowrap;
}
 */

#class-reports .table-wrapper .score-info .table-body div{
  padding: 15px 0px 5px 10px;
}

#class-reports .table-wrapper .score-info.data-table .level-name{
  display: table-cell;
  min-width: 120px;
  vertical-align: middle;
}

.score-info.data-table .level-name{
  flex-basis: 15%;
}

#class-reports .score-info.data-table .skill-info{
  display: table-cell;
  flex-basis: 15%;
  min-width: 120px;
  text-align: center;
  vertical-align: middle;
}

#class-reports .score-info.data-table .level-row{
  padding: 15px;
}

#class-reports .score-info.data-table .level-row .skill-info{
  font-size: 16px;
}

#class-reports .score-info .level-row:nth-child(odd){
  background: #F5F5F5;
}


#class-reports .score-info.data-table .level-row .skill-info:last-child{
  border-right: none;
}


#class-reports .score-info.data-table .table-body .skill-info{
  font-size: 16px;
}

#class-reports .score-info.data-table .table-body .skill-info:last-child{
  border-right: none;
}

.score-info.data-table .skill-info span{
  display: block;
}

#class-reports .notes{
  margin-top: 50px;
}

/* .wdm-select-wrapper .gp_ldr_assessment_link{
  margin-left: 30px;
  padding-bottom: 30px;
}

.wdm-select-wrapper .gp_ldr_assessment_link p a{
  text-decoration: underline;
}
 */

.gp-ldr-assessment-text, .gp-ldr-assessment-link{
  margin-left: 30px;
  margin-bottom: 20px;
}

#wdm_search_submit .wdm-tabs-wrapper #tab-5.tab-content:before {
    content: "Assessments";
}

/* #wdm_search_submit .wdm-tabs-wrapper #tab-3.tab-content{
  -webkit-box-ordinal-group: 4!important;
  -webkit-order: 3!important;
  -moz-box-ordinal-group: 4!important;
  -ms-flex-order: 3!important;
  order: 3!important;
} */

#wdm_search_submit .wdm-tabs-wrapper #tab-5.tab-content{
  -webkit-box-ordinal-group: 3;
  -webkit-order: 5;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 5;
  order: 5;
}

/*Bulk Add Students*/
#bulk-add-student-form .instructions{
  display: block;
  font-size: 16px;
}

/*BTG Shortcode Styles*/
.learndash-cpt-sfwd-courses-410557-parent.single-sfwd-topic .ld-tabs-content{
  position: relative;
}

.heg_lms_assessment_links{
  margin-bottom: 50px;
}

@media screen and (min-width: 1000px){
  .heg_lms_assessment_links{
    position: absolute;
    right: 50px;
    text-align: right;
    /*margin-top: -60px;*/
  }
}

.heg_lms_assessment_links .group_dropdown{
  margin-top:20px;
}

.heg_lms_assessment_links a.manage-groups{
  padding-left: 5px;
  margin-right: 20px;
}

.heg_lms_assessment_links i.fa{
  margin-left: 20px;
}

/* .group_dropdown{
  position: absolute;
  margin-top: 130px;
}
 */

/* @media screen and (min-width: 1000px){
  .group_dropdown{
    position: absolute;
    right: 50px;
    margin-top: 0px;
    margin-bottom: 50px;  
  }
}
 */
#ld-assessment-info-table{
  clear: both;
}

.group_dropdown i.fa-spinner{
  position: absolute;
  display: inline-block;
  margin-top: 10px;
}

#ld-assessment-info-table.data-table .column-student-name, #ld-assessment-info-table.data-table .column-data .column-student-name{
  flex: 0 0 30%;
}

#ld-assessment-info-table.data-table .column-assessment-status, #ld-assessment-info-table.data-table .column-data .column-assessment-status{
  flex: 0 0 15%;
}

#ld-assessment-info-table.data-table .column-assessment-score, #ld-assessment-info-table.data-table .column-data .column-assessment-score{
  flex: 0 0 10%;
}

.learndash-cpt-sfwd-courses-410557-parent.single-sfwd-topic .learndash-wrapper .ld-content-actions{
  display: none;
}

.ld-lesson-item-preview.skill-in-focus{
  border-left: #ED2F24 3px solid;
}

.learndash-wrapper .ld-lesson-topic-list.group-enabled{
  margin-top:110px;
}

body.learndash-cpt-sfwd-lessons.learndash-cpt .learndash-wrapper .ld-item-list.ld-lesson-list.ld-course-content-864576{
  display: block!important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .skill-in-focus{
  border-radius: 99px;
  background: #ED2F24;
  margin-top: 20px;
  width: 120px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 4px 2px 2px 2px;
}

@media screen and (min-width: 640px){
  .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .skill-in-focus{
    margin-top: 0px;
  }
}

.show-skills-checkbox{
  position: absolute;
  margin-top: -255px;
}

@media screen and (min-width: 400px){
  .show-skills-checkbox{
    position: absolute;
    margin-top: -205px;
  }
}

@media screen and (min-width: 800px){
  .show-skills-checkbox{
    position: absolute;
    margin-top: -215px;
  }
}


@media screen and (min-width: 1000px){
  .show-skills-checkbox{
    position: absolute;
    right: 50px;
    margin-top: -60px;  
  }
}

#show-skills-checkbox input{
  margin-right: 10px;
}

#heg-assessments-mark-complete{
  background: #00aa4e !important;
  margin: 0;
  border-radius: 20px;
  color: #fff;
  box-shadow: none;
  text-transform: none;
  font-family: inherit;
  font-weight: 500;
  font-size: .75em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  max-width: 385px;
  white-space: normal;
  text-shadow: none;
  border: 0;
  opacity: 1;
  transition: opacity .3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  line-height: 1.25em;
  background-color: #019e7c;
  padding: 1em 3em 1em 1em;
}

.learndash-assessments-link{
  text-align: center;
}

.learndash-assessments-link a{
  background-color: #005ac8;
  color:#fff;
}

.learndash-assessments-link a:hover, .learndash-assessments-link a:focus{
  background-color: #4585d6;
  color: #fff;
}