/**

 *

 * Plugin Styles

 */

body{
    color: #302F2C;
  font-family: 'Raleway', sans-serif;

}
.primary-color{
  color: #197148;	
}
.secondary-color{
color : #EE8E9E;

}
h1, h2, h3, h4, h5, h6 {
    color: #302F2C;
    font-style: normal;
    
}

p {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
   
}
.form-control{
  height: 32px;
}
h1, .heading-size-1 {
      font-size: 38px;
}
h3{
    font-size: 30px;
}
.header-inner {
  padding: 20px 0;
}
.header-navigation-wrapper{
  display: block;
}
.primary-menu-wrapper {
    display: block;
    margin: 0 0 10px;
    color: #7cbafc;
    position: absolute;
    right: 20px;
}
.primary-menu-wrapper a{
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
}
.primary-menu a {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.myeq_errors {

    position: absolute;

    top: 20%;

    z-index: 9;

    color: #fff;

}

.regislogin-main {
    margin-top: 40px;
    text-align: center;
    border: 3px solid #aaa;
    border-radius: 10px;
    padding: 20px;
    width: 80%;
    margin: 0 auto;
    float: unset;
    margin-bottom: 40px;

}

.registrationlogin_form {

    text-align: left;

    width: 70%;

    margin: auto;

}

.myeq_errors span {

    background: #e71d68;

    z-index: 9;

    padding: 10px 15px;

    letter-spacing: 0.5px;

    display: block;

}

.success-msg {
    position: absolute;
    background: #e71d68;
    z-index: 9;
    top: 20%;
    color: #fff;
    padding: 10px 15px;
    letter-spacing: 0.5px;
    display: block;
}

body.page-template-survey input[type="submit"], body .myeq-button, body button:not(.toggle), body input[type="submit"] {
    text-decoration: none;
    margin: 10px auto 0px;
    letter-spacing: 1px;
    text-transform: capitalize;
    width: auto;
    background: #259A75;
    border-radius: 55.7685px;
    font-style: normal;
    font-weight: bold;
    line-height: 34px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #E2F9EE;
    font-size: 16px;
    border: 2px solid #259A75;	
}

 .home h1.entry-title, h1.myeq_header {
    color: #302F2C;
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
  }


.forgot_pass,.upload_file_popup, .survey-error-popup , .logout-popup, .progress.popup-main, .time_counter, .princi_popup_main, .princi_popup_main_man, .new-popup-main, .format-change-message , .delete_file_popup , .delete_file_popup_bulk , .princi_popup_main_bulk {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1051; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.forgot_pass .modal-content {

  position: relative;

  background-color: #fefefe;

  margin: auto;

  padding: 0;

  border: 1px solid #888;

  width: 45%;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

  -webkit-animation-name: animatetop;

  -webkit-animation-duration: 0.4s;

  animation-name: animatetop;

  animation-duration: 0.4s

}



/* The Close Button */

.forgot_pass .close {

  color: #e71d68;

  float: right;

  font-size: 28px;

  font-weight: bold;

  position: absolute;

  top: 0;

  right: 10px;

}



.forgot_pass .close:hover,

.forgot_pass .close:focus
{

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.forgot_pass .modal-header {

  padding: 15px;

  color: #e71d68;

}

.forgot_pass .modal-header p{
  color: #e71d68;
}

.forgot_pass .modal-body {padding: 20px;}



#lostpasswordform input#user_login {

    display: inline-block;

    float: left;

    width: 100%;

    margin: 0 0 30px;

}

a#forgot_pass_link {
cursor: pointer;
    text-decoration: none;
    font-family: Raleway;
    font-style: normal;
    font-weight: 300;
    font-size: 15.9627px;
    line-height: 19px;
    color: #25282B;

}

/* Add Animation */

@-webkit-keyframes animatetop {

  from {top:-300px; opacity:0} 

  to {top:0; opacity:1}

}



@keyframes animatetop {

  from {top:-300px; opacity:0}

  to {top:0; opacity:1}

}





/* survey */

.survey-page-main {

    margin: 50px 0 150px;

    text-align: center;

}

select.survey-select {
    padding: 5px 7px;
    width: 100%;
    height: 32px;
    margin: 0 auto;
    display: block;
    text-align: left;
    float: left;
    font-size: 16px;
    color: #aaa;
    -webkit-appearance: button;  
    -moz-appearance: menulist;
    border-radius: 0;  
    border: 1px solid;
    
}
.form-group.pass_whole_class{
  display: none;
}

.assessment-page-main{

  text-align: center;

  padding: 0 15px 0;

}
.modal-open .modal{
    overflow-y: hidden;
}
/*.form-group.inline-btn .btn, .form-group.inline-btn a {
    display: inline-block;
    padding: 10px 75px;
    font-size: 22px;
    word-break: break-all;
    text-align: center;
    vertical-align: middle;
    width: auto;
}*/
.form-group.inline-btn .btn:hover, .form-group.inline-btn a:hover{
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
    opacity: 1;
}

.form-group.inline-btn {
    text-align: center;
    margin: 0;
}
div#uploadstudent {
    margin: 20px 0 0;
}
.form-group {
    display: flow-root;
    margin-bottom: 15px;
}
.instranctions-inner form {
    margin-top: 20px;
}
.teacher-info {
    font-size: 16px;
}

ul#menu-dashboard li {

    display: inline-block;

    list-style: none;

}

#studenttable_wrapper .col-sm-6 {
    width: 47%;
    margin: 24px 0 0;
}

ul#menu-dashboard li a {

    color: #fff;

    padding: 50px;

    background: #e71d68;

    display: block;

    text-decoration: none;

    font-weight: 600;

}

.assessment-page-main input.assess_type_text {

    margin: 10px auto;

    width: 500px;

}

.assessment-page-main input.assess_type_button {

    margin: 20px auto;

}
div.dataTables_wrapper div.dataTables_info{
  float: left;
}

.selection_box {
    padding: 5px;
    color: #fff;
    background: #e71d68;
    display: table-cell;
    cursor: pointer;
    font-weight: 600;
    opacity: 0.8;
    font-size: 25px;
    width: 200px;
    border-radius: 10px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
}

.selection_box.active {
    opacity: 1;
    position: relative;

}

.assessment-page-main .tabcontent {

  display: none;

  border-top: none;

}

.button-group {
    text-align: center;
    /*margin: 30px auto;*/
    display: inline-block;
    width: 100%;
}

.selection_box_main {
    overflow: visible;
    margin: 0 0 50px;
    text-align: center;
    margin: auto;
    display: table;
    border-spacing: 15px;
}
.add-class-form {
    margin: 5px 0 0;
   
}


.file_button {

    display: inline-block;

    border: 1px solid #595757;

    border-radius: 5px;
    margin-top: 10x;
    padding: 15px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 17px;

}



div#uploadclass {

    margin: 35px 0 0;

}

.instranctions-inner{

    text-align: left;

}

input[type="file"] {

    display: none;

}

.upload_file_popup .popup-inner, .survey-error-popup .popup-inner , .logout-popup .popup-inner, 
.progress-popup, .time_counter .popup-inner, .princi_popup_main .popup-inner ,.princi_popup_main_man .popup-inner_man, .new-popup-main .popup-inner, .format-change-message .popup-inner, .delete_file_popup .popup-inner , .delete_file_popup_bulk .popup-inner , .princi_popup_main_bulk .popup-inner
{
   
   
    width: 30%;

    background: #fff;

    padding: 30px;

    margin: auto;

    box-shadow: 0 0 10px #fff;

    border-top: 4px solid #259A75;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;

}

.upload_file_popup .popup-inner p,
.time_counter .popup-inner p, .princi_popup_main p, .princi_popup_main_man p, .new-popup-main p,.format-change-message p , .delete_file_popup p , .delete_file_popup_bulk p , .princi_popup_main_bulk p {
  font-size: 20px;

}

.survey-error-popup .popup-inner p,
.logout-popup .popup-inner p{

  font-size:  20px;

}
#timer{
  display: none;
}

.file-popup-close{
  display: none;
  margin: auto;
}

.survey-error-popup .popup-inner button, .upload_file_popup .popup-inner button, 
.logout-popup .popup-inner button, .time_counter .popup-inner button, .princi_popup_main button, .princi_popup_main_man button, .new-popup-main button,.format-change-message button , .delete_file_popup button , .delete_file_popup_bulk button , .princi_popup_main_bulk button {
    font-size: 20px;
    padding: 6px 28px;
    margin: 0 auto;
    width: auto;
}

.survey-form fieldset:not(:first-of-type) {

    display: none;

}
.survey-form-main fieldset:not(:first-of-type), .continue-survey-form fieldset:not(:first-of-type){

    display: none;

}
.continue-stud-survey-form fieldset:not(:first-of-type){
  display: none;
}
.continue-survey-form button.previous.btn.btn-default,
.continue-stud-survey-form button.previous.btn.btn-default{
    display: none;
}

.survey-notification {
    display: block;
    width: auto;
    background: rgba(12, 117, 84, 0.8);
    color: #fff;
    padding: 5px 100px;
    border-radius: 5px;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    text-align: center;
    margin: 0 0 10px;
}
.info-set h3{
  margin: 10px 0 10px;
  color: #595757;
  text-align: center;
}
.info-set h3 span{
  color: #7cbafc;
}
/*fieldset p {
    max-width: 70%;
    text-align: left;
    margin: auto;
}*/

button.btn {
   padding: 6px 36px;
    border-color: #7cbafc;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 18px;
}

button.btn:hover, button.btn:focus {
    background: #259A75;
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
    
}
div#create_child {
    margin: 25px 0 0;
}
.starting-page p {
    font-size: 16px;
    letter-spacing: 0.5px;
}
.starting-page .center-btn {
    margin-top: 20px;
}
.selection_box.active:before {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #e71d68;
    width: 0;
    height: 0;
    bottom: -19px;
    position: absolute;
    left: 40%;
}

.add-class-form form > .form-group.for-input{
    width: 100%;
    margin-bottom: 10px;
}
.add-class-form form, .teacher-info {
    text-align: left;
}
div.dataTables_wrapper div.dataTables_filter{
  float: right;
}
div.dataTables_wrapper div.dataTables_length select{
  height: 40px;
}
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    content: none !important;
}
button.delete_student {
    margin: 0 10px;
}
.start-survey-form{
  display: inline-block;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  vertical-align: middle;
}
.pagination>li>a, .pagination>li>span{
  color:#3c4e6c;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background-color: #3c4e6c;
    border-color: #3c4e6c;
}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}
.modal-content{
  width: 100%;
}
.data-table-actions {
    display: flex;
}
button.edit_student.btn, button.edit_child.btn {
    font-size: 16px;
    width: auto;
    padding: 6px 30px;
    margin: auto 15px;
    height: auto;   
}

button.delete_student.btn, button.delete_child.btn {
    font-size: 16px;
    width: auto;
    padding: 6px 30px;
    margin: auto 15px;
 height: auto;
}

button.survey_student.btn, button.survey_child.btn {
    font-size: 16px;
    width: auto;
    padding: 11px 26px;
    margin: auto 15px;
 height: auto;

}
/*.result_popup h4, .result_popup p{*/
/*    display: inline-block;*/
    /*width: 70%;*/
/*    float: left;*/
    /*margin: 0 0 10px;*/
/*    font-weight: 700;*/
/*}*/
.result_popup .modal-body{
    display: inline-block;
    padding: 0;
}
.result_popup span {
    float: right;
    /*width: 28%;*/
    display: inline-block;
    font-weight: 700;
    font-size: 17px;
}
.modal-dialog.modal-lg {
    width: 70%;
    margin: auto;
}
.result_popup{
  text-align: left;
}
.result_popup p {
    font-size: 15px;
     font-size: 17px;
}
.result_popup .modal-header{
    text-align: center;
    padding: 0 0 15px;
}
.complete-survey {
    color: #fff;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    background: #e71d68;
    text-decoration: none;
    letter-spacing: 0.5px;
    cursor: pointer;
}
.complete-survey:hover{
  color: #fff;
}
.result_popup .row{
  margin-bottom: 50px;
}
.survey-data {
    border: 3px solid #aaa;
    border-radius: 0px;
    padding: 0px 0px;
    margin: 20px 0;
}
.text-cap{
  text-transform: capitalize;
}
.survey-data table {
    margin: 0;
    font-size: 18px;
    border: 0;
}
.survey-data th, .survey-data td {
    font-weight: 600;
    text-align: left;
}
.starting-page h1 {
   margin-top: 0;
    margin-bottom: 30px;
}


.survey-data td > div > a:hover {
  background: #A7FFEB;
  color: #000;
}


tr.hidden-row {
    display: none;
    text-align: right;
}

.survey-data table tr td{
  color: #302F2C;
  padding: 10px;
  border: 1px solid rgba(216, 216, 216, 0.6);
}
.survey-data tr.hidden-row.open {
    display: table-row;
}
.survey-form-main {
    text-align: left;
}
.hasTooltip div {
    display: none;
    color: #000;
    text-decoration: none;
    padding: 3px;
}

.hasTooltip a {
    display: block;
    color: #fff;
    padding: 5px 45px;
    margin: 0 0 10px;
    border: 4px solid transparent;
    text-decoration: none;
    border-radius: 10px;
}

.hasTooltip a:hover{
  color: #fff;
}

.survey-data tr.open td:last-child .hasTooltip > div {
    display: block;
    position: absolute;
    background-color: #FFF;
    border: none;
    margin: 12px -13px;
    padding: 10px 10px 0;
    left: 85%;
    box-shadow: 0px 0px 5px 0px #a8d7c8;
    border-radius: 10px;
}


.blue-button, body button.blue-button {
    background: #7cbafc;
}
.gray-button, body button.gray-button {
    background: #aaa;
}
.survey-data tr {
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
}
.survey-data tr.open {
   border: unset;
    background: #a8d7c8 !important;
    color: #000;
}

.survey-data table {
  border-collapse: collapse;
  width: 100%;
}
.tack-assess-button {
   
    display: inline-block;
    width: 33%;
   /* float: left;*/
}
.main-start-assess {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px
} 

.big-button button.assess_type_btn {
    margin: auto;
    line-height: 1;
    width: 100%;
    font-weight: 700;
    font-size: 23px;
    height: 100px;
    text-align: center;
    padding: 0 15px;
}

.main-start-assess .row {
    margin-bottom: 20px;
}

.main-start-assess .row p {
    text-align: left;
}

.main-start-assess h1 {
    margin-bottom: 50px;
}
.hidden-form{
  display: none;
}


.form-group.radio .custom-radio {
  display: block;
  position: relative;
  padding-left: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 2;
}

.form-group.radio .custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.survey-form .form-group.dropdown, .continue-stud-survey-form  .form-group.dropdown{
    margin: auto;
}
.survey-form .form-group.radio,
.continue-stud-survey-form .form-group.radio {
    display: flex;
    flex-wrap: wrap;
}

.survey-form .form-group.radio > div,
.continue-stud-survey-form .form-group.radio > div {
    flex: 20%;
    margin: 0;
}
.form-group.radio .checkmark {
  position: absolute;
  top: 0;
  left: 50%;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 4px solid #595757;
  transform: translate(-50%, -0%);
   -webkit-transform: translate(-50%,-0%);
}

.form-group.radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form-group.radio .custom-radio input:checked ~ .checkmark:after {
  display: block;
}

.form-group.radio .custom-radio .checkmark:after {
  top:5px;
  left: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(12, 117, 84, 0.5);
}
.form-group.radio ul {
    margin: 0;
}
.form-group.radio ul li {
    display: inline-block;
}
.emojo-dashboard .question.main-assess .form-group.radio > div {
    width: 20%;
    float: left;
    padding: 0 15px;
    margin-bottom: 0px;
}

.form-group.radio > div {
    float: left;
    padding: 0 15px;
    margin-bottom: 12px;
}

.form-group.radio {
    display: inline-block;
    text-align: center;
    width: 100%;
}


/* checkbox*/

.custom-checkbox {
  display: block;
  position: relative;
  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;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 44%;
  height: 25px;
  width: 25px;
  border:4px solid #595757;
}


.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.custom-checkbox input:checked ~ .checkmark:before {
  display: block;
}

.custom-checkbox .checkmark:after {
  left: 4px;
  top: -4px;
  width: 5px;
  height: 27px;
  border: solid #469e76;
  border-width: 0 3px 0px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}

.custom-checkbox .checkmark:before {
    right: 9px;
  top: -6px;
  width: 5px;
  height: 27px;
    border: solid #469e76;
    border-width: 0 3px 0px 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1;
}
.lbl {
    height: auto;
    padding: 21px 0 0;
    font-size: 23px;
    line-height: 1.2;
    margin-bottom: 10px;
}
input[type="checkbox"] {
    visibility: hidden;
}
.form-group.checkbox {
    display: inline-block;
    text-align: center;
    margin: 10px 0 10px;
}
.form-group.checkbox > div {
    margin-bottom: 30px;
    width: 20%;
    float: left;
    padding: 0 15px;
}

/* checkbox end*/
.question:nth-child(even) {
    background: #e71d681c;
    display: inline-block;
    width: 100%;
}
.question {
    display: inline-block;
    width: 100%;
}

.que-inner {
    padding: 16px 25px;
    display: table;
    width: 100%;
}
fieldset {
    width: 100%;
    padding: 0 !important;
}

.form-group.numb {
    width: 27%;
    /*display: inline-block;*/
    margin: 10px auto 10px;
}
.question h5 {
    float: left;
    display: inline-block;
    margin: 15px 0 10px;
    width: 70%;
    color: #595757;
    font-size: 25px;
    line-height: 1.4;
}
.form-group.dropdown {
    width: 30%;
    display: inline-block;
    margin: 10px 0 10px;
}

/* select box*/
.form-group.dropdown select {
  flex: 1;
  padding: 0 .5em;
  color: #fff;
  cursor: pointer;
}
.form-group.dropdown::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 10px;
  background: rgba(12, 117, 84, 0.8);
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
  color: #fff;
  line-height: 3;
  font-size: 15px;
}
/* .form-group.dropdown:hover::after {
  color: #f39c12;
} */
.form-group.dropdown {
    position: relative;
    display: flex;
    height: 40px;
    line-height: 3;
    background: #2c3e50;
    overflow: hidden;
    border-radius: .25em;
    margin: 10px 0 10px;
}
.form-group.dropdown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  color: #595757;
  font-size: 18px;
  background-image: none;
  line-height: 1;
  height: 40px;
  width: 100%;
}
.form-group.dropdown select::-ms-expand {
  display: none;
}
/* select box end */
.page-template-continue-survey .continue-survey-main .main-assess .radio, .survey-form-main .main-assess .form-group.radio {
    width: 45%;
    float: unset;
    display: table-cell;
    vertical-align: middle;
}

.question.main-assess h5 {
    width: 50%;
    color: #595757;
    font-size: 23px;
    text-align: left;
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding: 10px 0;
    letter-spacing: 0.2px;
}
.question.main-assess .form-group.radio > div {
    padding: 0;
}
.answer-lbl {
    width: 50%;
    float: left;
    display: inline-block;
    font-size: 25px;
}

.answer-value {
    width: 47%;
    float: right;
    display: inline-block;
    font-weight: 700;
}

.answer-value > div {
    width: 20%;
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}
.answer-main{
  display: inline-block;
  width: 100%;
  padding: 0 25px;
  text-align:center;
}
/*.question.main-assess .checkmark {
    left: 28%;
}*/

.loader-main {
  display: none;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.loader {
  border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3c4e6c;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%,-50%);
}
.detailed-result-btn{
  display: flex;
  display: -webkit-flex;
}
.recommendation {
    display: inline;
    position: relative;

}
/*select#dstaff_stud_principal_ids,*/
/*select#dstaff_class_principal_ids {*/
/*    width: 28%;*/
/*    margin: 15px;*/
/*}*/
.district-dashborad button#search_students_btn,.district-dashborad button#search_class_btn {
    padding: 8px 20px;
    margin: 0px;
    width: 100%;
    display:block;
}
.principal-dashborad #teachers button {
    padding: 0;
    display: block;
    /*background: #fff;*/
    border: unset;
    color: #302F2C;
    text-decoration: none;
    font-weight: 500;
}
/*select#class_filter_teacher {*/
/*    width: 28%;*/
/*    margin: 15px;*/
/*}*/
button#search_students_btn,
button#search_class_btn {
    width: auto;
    float: left;
    margin: 15px 0 0;
    font-size: 20px;
    padding: 6px 50px;
}
#dstaff_classtable button,
#dstaff_schooltable .show_scl_results,
#dstaff_schooltable .btn {
    margin: 0 5px;
    padding: 5px 0px;
    font-size: 14px;
    width: auto;
    text-decoration: none;
    float: left;
}
#classresult .result_popup-inner,
#class_conbined_res_btn .result_popup-inner,
#sclresult .result_popup-inner,
#scl_conbined_res_btn .result_popup-inner,
#dst_comb_result .result_popup-inner,
#dstresult .result_popup-inner{
  width: 100%;
}
.dstaff-header .show_dst_results ,
.dstaff-header .show_dst_comb_results {
    display: inline-block;
    width: auto;
}
table.dataTable thead .sorting:after {
    opacity: 0;
    content: none !important;
}
select#teacher_list {
    margin: 15px 0 0;
}
.info-set p.congrets_text{
  font-size: 16px;
  margin: 0 !important;
}
span.user_email {
    display: block;
    margin: 4px 0 10px;
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    /*right: unset;*/
}
.result_popup h4:before{
    display: inline-block;
    content: none;
    border-radius: 0.5rem;
    height: 0.95rem;
    width: 0.95rem;
    margin-right: 1.5rem;
    background-color: #8a6d3b;
}
.result_popup .sub-title:before{
    display: inline-block;
    content: none;
    border-radius: 0.5rem;
    height: 0.95rem;
    width: 0.95rem;
    margin-right: 1.5rem;
    background-color: #7cbafc;
}
div#resultModal {
    overflow: scroll;
}
.footer-links {
    float: right;
}
#resultModal .result-info .col-md-4 {
    min-height: auto;
}
.reco-main{
  width:90%;
  margin: 0 auto;
  font-size:12px;
}
.assessment-page-main div#resultModal, .page-template-detailed-results div#resultModal {
  overflow: auto;
}
button#res_pdf_submit {
    width: auto;
    padding: 15px 40px;
    font-weight: 700;
}
.assessment-page-main .result_popup-inner{
  width: 100%;
}
button#dstaff_remove {
    margin: 0;
}
#princi_classtable button{
    margin: 0 5px !important;
    padding: 15px 10px !important;
    font-size: 13px !important;
    width: auto !important;
    display: inline-block;
    float: left;
}
#princi_classtable .data-table-actions, #princi_classtable form{
  float: left;
}
#dstaff_classtable button {
    margin: 5px;
    padding: 0px !important;
}
#scl_conbined_res_btn div#resultModal, #sclresult div#resultModal, #class_conbined_res_btn div#resultModal,
#classresult div#resultModal{
    overflow: auto;
}
#scl_conbined_res_btn, #sclresult, #class_conbined_res_btn, #classresult {
    overflow: scroll;
}
#scl_conbined_res_btn .result_popup-inner, #sclresult .result_popup-inner, #class_conbined_res_btn .result_popup-inner,
#classresult .result_popup-inner{
  margin: 0;
}
.verify-note{
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    color: #e72670;
}
#teachertable tr td:nth-child(5) {
    width: 20%;
}
span.voice-icon {
    border: 0 !important;
}

button#bbrecom {
    background: none;
    bottom: -7px;
    position: absolute;
}
.result_popup .result_popup-inner button {
    width: 250px !important;
    height: 55px;
    padding: 0;
}
.dashboard-checkbox{
      display: inline;
    float: left;
    margin: 0 10px 0 0;
}
.dashboard-checkbox input{
    width: 25px;
    margin: 0;
    height: 25px;
    visibility: visible;
    display: inline;
}
td.val_cls {border-right: 1px solid;}

th.th-cls {
    border-right: 1px solid;
}
div#compareModal {
    overflow: scroll;
}
#compareModal .modal-body{
    margin: auto;
    width:100%;
}
#compareModal img{
    margin: auto;
    width: 20px;
}
.result_popup .result_popup-inner button.close {
    background: none;
    color: #595757;
    width: auto !important;
    top: 0;
    position: absolute;
    right: 20px;
    border: 0px;
}
#compareModal .res-info-link img {
    width: auto;
}
#compareModal td.val_cls p {
    font-size: 11px;
    width: max-content;
    vertical-align: middle;
    margin: 0 !important;
}
#compareModal .table>tbody>tr>th {
    border-top: none !important;
}
#compareModal tbody{
    border: 1px solid #;
    width: 100%;
    display: inline-table;
}
#compareModal ul, #compareModal ul li {
    margin: 0;
    font-size: 14px;
}
#compareModal .result-info{
    padding: 0;
}
#compareModal .modal-footer{
  display: none;
}
#compareModal .modal-footer ul, #compareModal .modal-footer ul li {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 15px;
}

#compareModal .modal-footer h6 {
    text-align: left;
}



/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

button.previous.btn.btn-default {
    background: none;
    border: 0;
    width: 45%;
    display: inline-block;
    padding: 0;
    float: left;
}

button.next.btn.btn-info {
    background: none;
    border: 0;
    width: 45%;
    display: inline-block;
    padding: 0;
    float: right;
}
button.next.btn.btn-info img{
    float: right;
}
body button.myeq-button.login_btn {
    width: 70%;
    margin: 10px 0;
}
.question.pre-radio h5, .question.pre-checkbox h5 {
    width: 100%;
    color: #595757;
    font-size: 25px;
    margin-bottom: 50px;
}
.survey-form h3,
.continue-stud-survey-form  h3 {
    color: #595757;
   /* margin-bottom: 30px;*/
}
#resultModal .col-md-4 {
    padding: 0px;
    margin: 0 0 25px;
}
/*#resultModal .col-md-4:first-child h4,#resultModal .col-md-4:first-child .main_persentage {*/
/*    color: #8a6d3b;*/
/*    font-size: 25px;*/
/*}*/
/*#resultModal .col-md-4:nth-child(2) h4,#resultModal .col-md-4:nth-child(2) .main_persentage {*/
/*    color: #8a6d3b;*/
/*    font-size: 25px;*/
/*}*/
/*#resultModal .col-md-4:nth-child(3) h4,#resultModal .col-md-4:nth-child(3) .main_persentage {*/
/*    color: #8a6d3b;*/
/*    font-size: 25px;*/
/*}*/
/*#resultModal .col-md-4:nth-child(4) h4,#resultModal .col-md-4:nth-child(4) .main_persentage {*/
/*    color: #8a6d3b;*/
/*    font-size: 25px;*/
/*}*/
/*#resultModal .col-md-4:nth-child(5) h4,#resultModal .col-md-4:nth-child(5) .main_persentage {*/
/*    color: #8a6d3b;*/
/*    font-size: 25px;*/
/*}*/
/*#resultModal .col-md-4:nth-child(6) h4,#resultModal .col-md-4:nth-child(6) .main_persentage {*/
/*    color: #8a6d3b;*/
/*    font-size: 25px;*/
/*}*/
.post-assessment {
    border: 3px solid #aaa;
    border-radius: 10px;
    text-align: left;
    padding: 15px 150px;
    position: relative;
}
/*.result_popup .modal-body {
    border: 3px solid #aaa;
    border-radius: 10px;
    padding: 25px 25px 0;
}*/
.result_popup .modal-body .body-inner {
    padding: 0px 25px 0;
    display: inline-block;
    margin: 0 0 10px;
}
.result_popup .modal-body .notes h5{
    font-size: 15px;
    margin: 0;
    color: #fff;
    padding: 2px 18px;
    border-radius: 7px;
    min-width: 144px;
    text-align: center;
}
.result_popup .modal-body .notes .row{
  margin: 0 0 5px;
}

.result_popup .modal-body .notes div {
  font-size: 15px
}

.post-assessment > h3.post-strangth-title {
    color: #6ea87a;
    margin-top: 0;
    font-size: 20px;
}
.post-assessment h3.post-improvement-title{
   color: #dfad96;
   margin-top:5px;
   font-size: 20px;
}
.post-assessment span {
    border: 3px solid #aaa;
    border-radius: 50%;
    font-size: 25px;
    margin-right: 16px;
    line-height: 38px;
    display: inline-block;
    float: left;
    width: 45px;
    height: 40px;
    text-align: center;
}
.student-dashboard .post-assessment span{
    margin-top:20px;
}
.post-assessment .form-group.dropdown {
    width: 90%;
    background: none;
    margin: 0 0 10px;
    border-radius: 5px;
}
.post-assessment .form-group.dropdown select{
  border-radius: 5px;
}
a.myeq-button.complete-survey.blue-button {
    float: left;
    width: auto;
    text-align: center;
    padding: 16px 39px;
    font-weight: 700;   
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 20px auto 30px;
}
.info-set button.previous.btn.btn-default {
    float: left;
}
h3.modal-title {
    color: #595757;
}
div#create_class {
    margin: 20px 0 0;
}

.modal-footer.form-group.inline-btn .btn {
    margin: 0 10px 0;
    
}
#editModal input, #editModal select {
    width: 100%;
}
a.myeq-button.btn.btn-primary.down-temp-btn {
    display: inline-block;
    background: #fff;
    color: #595757;
    border: 1px solid #595757;
    font-weight: 700;
    font-size: 17px;
    padding: 16px 15px 16px;
    margin: 0px 0 0;
    width: 100%;
    border-radius: 5px;
    line-height: 1.3;
}
.gray-text{
  color: #595757;
}
a.class_code_instead {
    color: #e71d68;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
} 

.form-group.show_if_class_code {
    display: none;
}
.form-group.show_if_class_code {
    display: none;
}
input[name="have_class"] {
    visibility: visible;
    height: 20px;
    width: 20px;
    margin: 0 15px 0 0;
    background: none;
}
.continue-survey-main .message {
    position: absolute;
    margin-top: 50px;
    top: 50%;
    left: 50%;
    color: #fff;
    background: #3b4970;
    padding: 15px;
    transform: translate(-50%,-50%);
     -webkit-transform: translate(-50%,-50%);
    font-size: 30px;
    width: 100%;
    text-transform: capitalize;
}

#view_result button.close {
    background: none;
    border: none;
    margin: 14px;
    right: 0;
    color: #e71d68;
    position: absolute;
    display: block;
    width: auto;
}
#view_result .modal-body{
  display: inline-block;
}
.result_popup-inner {
    width: 70%;
    background: #fff;
    padding: 25px;
    margin: 50px auto;
}
.big-button a, .big-button button,{
  font-weight: 700;
  font-size: 35px;
  line-height: 1
}
footer#site-footer {
    position: fixed;
    bottom: 10px;
    right: 12px;
    padding: 0;
}
form#lostpasswordform {
    padding: 25px 0 0;
}
div#editModal #update_stud_form {
    text-align: left;
}
.studtable-main {
      padding: 0 0 20px;
      margin-bottom: 20px;
}
.survey-form-main .main-assess .lbl, .continue-survey-form .main-assess .lbl {
    display: none;
}
form#parent_form {
    text-align: left;
    margin: 30px 0;
}
.result_main{
  display: none;
}
/*.survey-form h3{
  margin: 30px 0 40px;
}*/
.header-titles-wrapper{
  justify-content: center !important;
}
div#wpadminbar {
    display: none;
}
.survey-data table tr.opnable td.incomplete {
    color: #302F2C;
}
.survey-data table tr td.incomplete {
    color: #e71d68;
    cursor: pointer;
}
.survey-data tr{
  cursor: pointer;
  border: 1px;
}
.result_main button.myeq-button.btn.btn-default {
    display: inline-block;
    margin: 0 10px;
    width: auto;
}
.info-set button.previous.btn.btn-default{
    width: 35%;
}
#parent_form button#child_enter {
    display: block;
    margin: auto;
    width: auto;
}
/*.survey-form .form-group.radio .checkmark, .continue-stud-survey .form-group.radio .checkmark {
    left: 44%;
}*/
#print_div:hover{
  color: #fff;
}
.singular .entry-header{
      padding: 15px 0 10px;
}
button.next.btn.btn-info, button.previous.btn.btn-default {
    width: auto;
    padding-bottom: 15px;
}
.continue-survey-main {
    position: relative;
    /*height: 85vh;*/
}
.btn-default:hover{
  color: #fff;
}
.modal-footer .btn+.btn{
  margin: 0;
}
.result_main .modal-footer {
   text-align: center;
   display: flex;
   flex-wrap: wrap;
    justify-content: center;
    float: unset;
    border: 0;
}

.hasTooltip {
    text-align: center;
}
.continue-stud-survey-form button.next.btn.btn-info.main, .survey-form button.next.btn.btn-info.main{
    display: none;
}
table#studenttable th, table#childtable th {
    text-align: left;
}
header#site-header.fixed {
    position: fixed;
    width: 100%;
    box-shadow: 0 0 10px;
    z-index: 9;
    transition: all 0.5s ease;
    animation:slide-down 0.7s;
    opacity:0.9;    
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
         -webkit-transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
         -webkit-transform: translateY(0%);
    } 
}
.home h1.entry-title {
    max-width: 500px;
    margin: auto auto 12px;
}
h1.myeq_header {
    max-width: 800px;
    margin: 15px auto;
}
.wp-block-button.aligncenter.big-button {
    margin: 20px auto;
}
.survey-page-main h1 {
    margin: 10px 0 20px;
}
.center-btn {
    text-align: center;
    margin: auto;
}
.starting-page {
    text-align: left;
}
.starting-page h1{
    text-align: center;
}
.starting-page li{
  font-size: 15px;
  margin: 0;
}
.main-start-assess.studchild {
    text-align: center;
}

.main-start-assess.studchild form {
    float: unset;
}
.survey-data table tr td span {
    background: #7cbafc;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    display: block;
    text-align: center;
}
.defination{
  display: none;
}
span#file-upload-filename {
    font-size: 12px;
}
.survey-data table.firsttable tr td:nth-child(2), .survey-data table.firsttable tr th:nth-child(2) {
    width: 58%;
}

.survey-data table.sectable tr td:nth-child(2), .survey-data table.sectable tr th:nth-child(2) {
    /*width: 20%;*/
}
.survey-data table.sectable tr td:nth-child(2), .survey-data table.sectable tr th:nth-child(2) {
    /*width: 38%;*/
}
.tooltip{
  width: 800px !important;
  margin: auto;
  text-align: left;
}
.tooltip-inner {
    width: 800px; 
    max-width: 100% !important;
    text-align:left;
    background:#fff;
    border:2px solid #595757;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    color:#e71d68;
    margin:0;
    padding:10px;
}
.tooltip-inner *{
  color:#e71d68;
}
.tooltip-inner p{
  font-size: 17px;
}
.tooltip-inner h5{
  font-weight: 700;
  font-size: 20px;
text-align:center;
}
.tooltip.top .tooltip-arrow {
  bottom: -13px;
  left: 50%;
  margin-left: -17px;
  border-top-color: #595757 !important; /* black */
  border-width: 20px 20px 0 !important;
}
.info-set p {
    font-size: 20px;
    margin: 0 0 20px !important;
}
/*button */
#editModal .modal-footer.form-group.inline-btn .btn {
    display: inline-block;
    float: left;
    width: auto;
}
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
body button.myeq-button,
.big-button a {
     background-color: #7cbafc;
    background: #259A75;
    border-radius: 55.7685px;
    font-style: normal;
    font-weight: bold;
    align-items: center;
    text-align: center;
    color: #E2F9EE;
    font-size: 16px;
    line-height: 34px;
    border: 2px solid #259A75;
    height: auto;
    padding: 6px 26px;
     
}
button:hover,
.button:hover,
.faux-button:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.big-button a:hover,
.big-button button.assess_type_btn:hover,
body button.myeq-button:hover,
a.myeq-button.complete-survey.blue-button:hover,
.form-group.inline-btn .btn, .form-group.inline-btn a:hover{
     border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
    opacity: 1;
}
.starting-page button.myeq-button {
    width: auto;
}
div#uploadstudent button, #create_class button {
    margin: 15px 15px 30px;
    width: auto;
    padding: 6px 36px;
    display: inline;
height:auto;
}
/*button end*/
.form-group.numb .form-group.dropdown {
    width: 100%;
    transition: all 0.5s ease;
    margin: 0;
}
input.only-num.survey-answer-cls {
    display: inline-block;
    float: right;
    width: 36%;
    transition: all 0.5s ease;
}
.form-group.numb .dropdown.active {
    display: inline-block;
    float: left;
    width: 60%;
    margin: 0;
    transition: all 0.5s ease;
}
.form-group.numb .dropdown{
    position: relative;
    display: flex;
    height: 40px;
    line-height: 3;
    background: #2c3e50;
    overflow: hidden;
    border-radius: .25em;
    margin: 10px 0 10px;
    width: 100%;
}
.form-group.numb .dropdown:after{
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    background: rgba(12, 117, 84, 0.8);
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #fff;
    line-height: 3;
    font-size: 15px;
}
.form-group.numb .dropdown select{
  -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    color: #595757;
    font-size: 18px;
    background-image: none;
    line-height: 1;
    height: 40px;
    flex: 1;
    padding: 0 .5em;
    /* color: #fff; */
    cursor: pointer;
    width: 100%;
}
.upload_file_popup .popup-inner, .princi_popup_main .popup-inner, .princi_popup_main_man .popup-inner_man, .new-popup-main .popup-inner,.format-change-message .popup-inner , .delete_file_popup .popup-inner , .delete_file_popup_bulk .popup-inner , .princi_popup_main_bulk .popup-inner {
    max-height: 316px;
    overflow-y: scroll;
}
/*#resultModal .modal-body .col-md-4 h4, #resultModal .modal-body .col-md-4 span.main_persentage {*/
/*    font-size: 19px;*/
/*}*/
#resultModal .modal-body .col-md-4 p, #resultModal .modal-body .col-md-4 span {
    font-size: 12px;
    font-weight: 500;
}
.notification {
    display: inline-block;
    text-align: center;
    width: 80%;
    padding: 20px;
    font-size: 20px;
}
.main-start-assess span {
    color: #e71d68;
    font-size: 25px;
    font-weight: 700;
}
.tack-assess-button {
    margin-top: 4px;
}
.post-assessment:before {
    width: 100%;
    position: absolute;
    content: "";
    background: #ffffffb8;
    display: block;
    height: 100%;
    top: 0;
    z-index: 1;
    left: 0;
}
.pre-radio .form-group.radio {
  display: flex;
  flex-wrap: wrap;
}
.pre-radio .form-group.radio > div {
    flex: 20%;
}
.def-lbl, .def-desc{
  display: inline-block;
  float: left;
}
.def-desc{
 padding-left: 5px;
}
.survey-form .form-group.dropdown,
.continue-stud-survey-form .form-group.dropdown{
  width: 100%;
  margin: 0 0 30px;
}
.survey-form .form-group, .continue-stud-survey-form .form-group {
    margin-bottom: 30px;
}
.survey-form .post-assessment .form-group.dropdown,
.continue-stud-survey-form .post-assessment .form-group.dropdown {
    width: 90%;
}
.survey-form fieldset h3,
.continue-stud-survey-form fieldset h3{
    margin: 20px 0 50px;
}
.survey-form fieldset .post-assessment h3 {
    margin: 0 0 10px;
}
fieldset.stud-info-set {
    text-align: left;
}
.stud-info-set p{
  font-size: 20px;
  margin: 0 0 20px !important
}
/*div#studenttable_length {
    display: none;
}*/
/*div#studenttable_paginate {
    display: none;
}*/
footer#site-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0;
    width: 100%;
    left: 0;
    background: #fff;
}
.footer-content {
    display: inline-block;
    left: 7px;
    position: relative;
    font-size: 8px;
}
#site-footer a{
  display: inline-block;
    float: right;
    right: 12px;
    position: relative;
    padding: 0 10px;
    color: inherit;
}
.survey-data table{
    white-space: nowrap;
}
.question h5{
  position: relative;
}
button.responsivevoice-button:not(toggle) {
    background: none;
    display: inline-block;
    width: auto;
    padding: 0 15px;
    line-height: 1;
    margin: 0;
}
.progress{
  display: none;
}


button.responsivevoice-button:not(toggle):focus {
    outline: 0;
}
.continue-survey-form .progress .progress-bar,
.survey-form-main .progress .progress-bar{
      background-color: #259A75;
}

.question img.emoji {
    width: 17px !important;
    height: unset !important;
    line-height: 1;
}
.survey-form-main button.responsivevoice-button:not(toggle) span,
.continue-survey-form button.responsivevoice-button:not(toggle) span{
    display: block;
}
.wp-block-button.aligncenter.last-btn-home a {
    padding: 15px 25px;
}

.audio-div {
    position: relative;
}
.audio-div .responsivevoice-button{
    /*position: absolute;
    bottom: -25px;
    right: 20px;
    position: relative;
    bottom: 73px;
    right: 385px;
    float: right;*/
}
.audio-div.others .responsivevoice-button {
    position: relative;
    top: -30px;
    float: right;
    /*left: -25px;*/
}
.survey-form fieldset.pre-post-survey h3, .continue-stud-survey-form fieldset.pre-post-survey h3 {
    margin: 20px 0 10px;
     font-size: 25px; 
}
.survey-form .pre-post-survey .form-group.radio, .continue-stud-survey-form .pre-post-survey .form-group.radio {
    margin: 0 0 20px;
}
.survey-form .pre-post-survey .form-group, .continue-stud-survey-form .pre-post-survey .form-group {
    margin: 0;
}
form#update_child_form {
    text-align: left;
}
#editchildModal .modal-footer.form-group.inline-btn .btn {
    display: inline-block;
    float: left;
    width: auto;
}
.inactive-btn{
  cursor: no-drop;
}
.home-btn-area .wp-block-column:first-child a,
.home-btn-area .wp-block-column:nth-child(2) a {
    
    display: block;
    line-height: 110px;
    padding: 0 15px;
}

.home-btn-area .wp-block-column a{
    display: block;
    height: 115px;
}
.copyright-content {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
}
a#teachet_princi_regis_link {
    color: #595757;
    text-decoration: none;
}
select.myeq-select {
    display: block;
    width: 100%;
    padding: 5px;
    color: #555;
    -webkit-appearance: menulist-button;
    border-color: #ccc;
}
.hidden-school-filed{
  display: none;
}
body.page .btn-group.bootstrap-select.myeq-select {
    display: block;
    width: 100%;
}
button.btn.dropdown-toggle.selectpicker.btn-default {
    margin: 0;
    padding: 7px 12px;
    border-radius: 0;
    background: #fff;
    color: #555;
    font-size: 14px;
    border-color: #a9a9a9;
}
.selectpicker .active a {
    background: #7cbafc;
}
.selectpicker li {
    margin: 0;
}
.small-state-loader, .small-city-loader, .small-school-loader {
    display: none;
    border: 3px solid #aaa;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 20px;
    height: 20px;
    margin: 0 6px -6px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.hidden-fields{
  display: none;
}
.School-info * {
    margin: 0 0 5px !important;
}
.princi-header .nav-tabs>li a,
.dstaff-header .nav-tabs>li a {
    border: 0;
    color: #000000;
    font-size: 30px;
    line-height: 42.26px;
    font-weight:400;
    background: transparent;
    border-bottom: 10px solid transparent;
}

.principal-dashboard #teachers .text-right a,.dstaff-dashboard #teachers .text-right a {
    padding-left: 30px;
    color: #302F2C;
    text-decoration: underline;
    font-weight: 500;
    font-size: 16px;
    cursor:pointer;
}
.principal-dashboard #teachers .text-right {
    margin-top: 20px;
}
/*.principal-dashboard #teachers .heading-teacher h3 {
    color: #302F2C;
    font-size: 20px;
    font-weight: 500;
}*/

.princi-header ul li.active:after,.dstaff-header ul li.active:after {
    /*content: "";
    width: 47%;
    height: 3px;
    position: absolute;
    background: #DDAB69;
    left: 70px;*/
}

table#adult_past_assessments tbody tr:hover{
    border: unset;
    background: #a8d7c8 !important;
    color: #000;
}
@media screen and (max-width: 1000px) and (min-width:800px){
    .princi-header ul li.active:after,.dstaff-header ul li.active:after {
    /*content: "";
    width: 40%;
    height: 3px;
    position: absolute;
    background: #DDAB69;
    left: 70px;*/
}
}
@media screen and (max-width: 800px){
    .princi-header ul li.active:after,.dstaff-header ul li.active:after {
    /*content: "";
    width: 40%;
    height: 3px;
    position: absolute;
    background: #DDAB69;
    left: 54px;*/
}
.princi-header ul li.active:after{
    /*left: 28% !important;*/
}
}
.princi-header ul li,.dstaff-header ul li {
    margin: 0px;
    width: 20%;
}

/*principal dashboard*/
.principal-dashborad .teachertable-main {
    margin: 30px 0;
}
.princi-header ul.nav.nav-tabs,.dstaff-header ul.nav.nav-tabs {
    margin: 0px;
}
.princi-header ul li,.dstaff-header ul li {
    margin: 0px;
}

.princi-header ul li a,.dstaff-header ul li a {
    padding: 0px;
}

.district-dashborad .btn-section .btn {
    width: 33%;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #259A75;
    /*background: #fff;*/
    /*color: #000;*/
    font-weight: 600;
}
.district-dashborad .btn-section .btn a {
    color: #fff;
}

.txt-clr-gray {
    color: #5D5D5D;
}
.heading-principal {
    padding: 20px 0px;
}
.font-size-18{
    font-size:18px;
}
.principal-dashborad .table-striped>tbody>tr:nth-of-type(odd),.district-dashborad .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}
.principal-dashborad table button,.district-dashborad table button {
    background: unset;
    color: #3b4970;
    border: 0px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
}
.principal-dashborad table thead th {
    border-top: unset;
    border-bottom: unset;
    text-align:center;
}
.principal-dashborad .teachertable-main table.dataTable {
    /*border: unset;*/
    padding-top:20px;
}
.principal-dashborad .table-striped>tbody>tr:nth-of-type(even), .district-dashborad .table-striped>tbody>tr:nth-of-type(even){
    background-color: #fff;
}
.principal-dashborad .table-striped>tbody>tr td {
    border-top: 0px;
    border-bottom: 1px solid #d0d0d0 !important;
    text-align: center;
}
.principal-dashborad {
    min-height: 100vh;
    padding-top:20px;
}
.heading-teacher h3 {
    text-align: left !important;
}
div#principal .School-info {
    padding: 20px;
    margin-top: 12px;
    margin-bottom:40px;
}
.font-size-25 {
    font-size: 25px;
}
.font-size-23 {
    font-size: 23px;
}
/*end of principal dashboard*/

.princi-header, .dstaff-header{
  background: #fff;
  display: inline-block;
  width: 100%;
  padding: 10px;
  text-align: center;
}
.princi-header .nav-tabs>li.active>a,.princi-header .nav-tabs>li.active>a:focus, .princi-header .nav-tabs>li.active>a:hover{
    background: transparent;
    border: 0;
    border-bottom: 0px;
}
.dstaff-header .nav-tabs>li.active>a,.dstaff-header .nav-tabs>li.active>a:focus, .dstaff-header .nav-tabs>li.active>a:hover{
  background: transparent;
  border: 0;
  border-bottom: 10px solid;
}
.inlin-text{
  display: inline-block;
  float: left;
}
.School-info a.inlin-text {
    border-bottom: 2px solid;
    cursor: pointer;
    color: #3b4970;
    font-size: 14px;
    font-weight: 500;
}
.School-info a.inlin-text:hover {
    text-decoration: none;
}
p.inlin-text {
    padding: 0 10px 0 0;
}

ul.nav.nav-tabs {
    border: 0;
}
.district-dashborad .dstaff_btn{  
    margin-top: 20px;
    border: none;
    color: #fff;
    font-weight: 500;
    font-size: 16px !important;
    letter-spacing: 0px;
    line-height: 19px;
    margin-left: 10px;
}
div#school .heading-principal button.dstaff_btn.pull-right:hover {
    background: #218766;
    text-decoration: none;
    color: #fff;
}
.nav-tabs>li.active a {
    border: 0;
    border-bottom: 10px solid;
}
.teacher-confirm-main {
    text-align: center;
    text-transform: capitalize;
}
.teacher-confirm-main form {
    display: inline-block;
    width: 50%;
    float: left;
    margin: 50px 0;
}
.princi-header .nav-tabs>li>a{
    border-bottom: 0px !important;
}
#teachers button.add_teacher_btn, .principal-dashborad .add_class_btn {
    float: left;
    width: auto;
    background: #505050;
}
#teachers button.add_teacher_btn,div#students .add_class_btn{
    background: #259A75;
}
div#students .select_class select.survey-select {
    background: #fff;
}
#teachers button.remove_teacher_btn {
    background: #979797;
    width: auto;
    float: right;
    text-transform: none;
border: 2px solid #979797;
}
.teachertable-main {
    display: inline-block;
    width: 100%;
    /*margin: 50px 0;*/
}

.district-dashborad .btn-section {
    margin-bottom: 20px;
}
.princi_popup_main, .princi_popup_main_man , .delete_file_popup , .delete_file_popup_bulk , .princi_popup_main_bulk {
  z-index: 9999;
}
button#teacher_edit {
    padding: 10px 15px;
    font-size: 15px;
    margin: 0;
    width: auto;
}
td.chckbox-datatable {
    float: left;
    width: 100%;
}
.datatable-checkbox{
  text-align: center;
}
.datatable-checkbox input{
    width: 25px;
    margin: 0;
    height: 25px;
    visibility: visible;
}
button.btn.dropdown-toggle.selectpicker.btn-default{
  z-index: inherit;
}
.connect_modal_princi{
  display: inline-block;
  float: left;
  padding: 20px 10px 0 0;
}
.princi_connect_form{
  display: inline-block;
    float: left;
}
.teacher-connect_main .princi_connect_form button{
  width: auto;
  display: inline-block;
  padding: 15px 45px;
}
.teacher-connect_main {
    display: inline-block;
    width: 100%;
}
.teacher-connect_main h5 {
    display: inline-block;
    float: left;
    width: 50%;
}
.teacher-connect_main h5.action{
    float: right;
    text-align: center;
}
.princi_popup_text hr {
    margin: 5px 0;
}
#add_teacher h4 , #add_teacher .form-group.for-input.row{
    text-align: center;
}
#princi_fileupload_teacher a.myeq-button.btn.btn-primary.down-temp-btn {
    margin-bottom: 30px;
}
button#add_class_submit {
    margin: auto;
}
button#change_class_submit {
    margin: auto;
}
#classtable_t button, #princi_classtable button {
    margin: 0 15px;
    padding: 15px 20px;
    font-size: 16px;
padding: 6px 30px !important;
    height: auto;
}
.principal-dashborad select#class_code {
    margin: 20px 0 0;
}
#princieditModal button.btn {
    margin: 10px;
    width: auto;
    display: inline;
}
.page-template-survey h3 {
    text-align: center;
    color: #3c4e6c !important;
}
tr.not-found-row td {
    text-align: center;
}
#teacherresult .survey-data.table-responsive {
    border: 0;
    padding: 0;
}

#teacherresult 
 button.detail-result-btn.btn, .in-progress.btn {
   margin: 0;
    font-size: 15px;
    padding: 4px 17px;
    height: auto;
    display: block;
}
#teacherresult a:hover {
    text-decoration: none;
}
button.show_tresults.btn {
    height: auto;
    font-size: 16px;
    width: auto;
    display: inline-block;
    padding: 6px 30px;
}
/*select#dstaff_principal_ids {*/
/*    margin: 15px 0;*/
/*}*/
div#dstaff_schooltable_wrapper {
    width: 100%;
    display: inline-block;
    margin: 30px 0;
}
.create-cls-instruction{
  list-style: lower-roman;
  text-align: left;
}
.result-info {
    /*color: #8a6d3b;*/
    font-size: 15px;
    display: block;
    padding: 20px 0 0;
}
.result-info ul li strong {
    color: #302F2C;
    width: 90px;
    display: inline-block;
    font-weight:600;
}
.result-info ul{
  list-style: none;
}
/*.result-info div.txt-val{
  color: #8a6d3b;
  display: inline;
}*/
#princi_fileupload_teacher label.custom-file-upload.file_button {
    padding: 15px 28px;
    width: 55%;
}
#princi_fileupload_teacher .btn,
#add_teacher_form .btn{
  width: 55%;
}
h5.def-lbl.first-lbl {
   background: orange;
   color: #fff;
}

h5.def-lbl.second-lbl {
    background: #367CFF;
}

h5.def-lbl.third-lbl {
    background: #F36FA0;
    color: #fff;
    /*padding: 4px 18px;*/
    /*border-radius: 7px;*/
}

h5.def-lbl.forth-lbl {
    background: #259a75;
}
.result_popup-inner{
  position: relative;
}
.res-info-link{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
}
.bottom-res-info{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #cc2f49;
}
p.Emerging {
    color: #259A75;
}
p.Meeting{
    color: #30496f;
}
p.Developing{
    color: #EF3F80;
}
p.Exceeding{
    color: orange;
}
.msg-popup{
  display: none;
    position: fixed;
    z-index: 1051;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.msg-popup .popup-inner{
  width: 30%;
    background: #fff;
    padding: 30px;
    margin: auto;
    box-shadow: 0 0 10px #fff;
    border-top: 8px solid #394d68;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
}
.msg-popup p{
  font-size: 20px;
}
.msg-popup button{
      font-size: 20px;
    padding: 25px 30px;
    margin: 0 auto;
    width: auto;  
}


/* safari css*/
body button.myeq-button{
  display: inline-block;
}
::i-block-chrome,select.survey-select {
  -webkit-appearance: menulist-button;
  line-height: 40px;
  text-indent: 15px;
}



/* Principal Report Section */
.heading-principal h3 {
    display: inline-block;
}
.heading-principal button.btn {
        display: inline-block;
    float: right;
    padding: 6px 26px;
    height: auto;
}

/* end of Principal Report Section*/




/* start media css */
@media (min-width: 576px){
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}
}

/* responsive css */
@media (max-height: 950px){
  .lbl{
    font-size: 15px;
  }
  .form-group.checkbox > div{
    margin-bottom: 15px;
  }
  .question.main-assess h5{
    font-size: 16px;
  }
  .question.pre-radio h5, .question.pre-checkbox h5{
      margin-bottom: 10px;
  }

  .answer-value > div{
    font-size: 15px;
  }
  .result_popup-inner{
    width: 90%;
  }
  .question.pre-radio h5, .question.pre-checkbox h5, .question h5{
      font-size: 19px;
    }
    .form-group.radio .checkmark{
      height: 30px;
        width: 30px;
    }
    .form-group.radio .custom-radio .checkmark:after {
        top: 0px;
        left: 0px;
        width: 22px;
        height: 22px;
    }
  .que-inner {
      padding: 0px 25px;
  }
  .starting-page .center-btn {
      margin: 20px 0 50px;
  }
}
@media (max-height: 700px ){
  .starting-page p{
    font-size: 13px;
  }
  .home-btn-area .wp-block-column a {
      height: 90px;
  }
  .home-btn-area .wp-block-column:first-child a, .home-btn-area .wp-block-column:nth-child(2) a{
    line-height: 90px;
  }
  .paypal-donations input[type=image] {
      width: 140px;
  }
    
    .home h1.entry-title, h1.myeq_header {
    color: #302F2C;
    font-style: normal;
    font-weight: 300;
    font-size: 34px;
    line-height: 0px;
    text-align: center;
    margin-bottom: 5px;
  }
    .tack-assess-button button.myeq-button{
      margin: 0 0 10px;
    }
  
    p{
      font-size: 16px;
    }
    .starting-page h1 {
        margin-bottom: 20px;
        font-size: 27px;
    }
    button,
  .button,
  .faux-button,
  .wp-block-button__link,
  .wp-block-file .wp-block-file__button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  body button.myeq-button,
  .big-button a,
  .big-button a,
    body button.myeq-button,
    a.myeq-button.complete-survey.blue-button,
    .form-group.inline-btn .btn, .form-group.inline-btn a{
   
    /*padding: 10px 50px;*/
  }
  .big-button button.assess_type_btn{
    font-size: 23px;
  }
  .selection_box{
      font-size: 20px;
      height: 120px;
      width: 170px;
    }
}
@media (max-width: 1599px){
  .survey-data table tr td{
    font-size: 15px;
  }
}
@media (max-width:1499px){
  
  #resultModal .modal-body .col-md-4 p, #resultModal .modal-body .col-md-4 span{
    font-size: 12px;
    font-weight: 500;
  }
  h1.myeq_header {
      max-width: 650px;
  }
  /*.home h1.entry-title {
      max-width: 400px;
  }*/
  .question.pre-radio h5, .question.pre-checkbox h5, .question h5{
    font-size: 19px;
  }
  .form-group.radio .checkmark{
    height: 30px;
      width: 30px;
  }
  .form-group.radio .custom-radio .checkmark:after {
      top: 0px;
      left: 0px;
      width: 22px;
      height: 22px;
  }
  h1, .heading-size-1 {
      margin: 10px 0 0;
      font-size: 40px;
  }
  /*  .home .entry-content p {
      font-size: 16px;
  }*/
  .survey-data tr.open {
      border: unset;
          background: #a8d7c8 !important;
    color: #000;
  }
  .que-inner{
      padding: 0px 25px;
    }
    
    button.next.btn.btn-info, button.previous.btn.btn-default{
      margin: 10px 0;
    }
    .answer-value > div{
      font-size: 15px;
    }
    .lbl{
      font-size: 15px;
    }
    .form-group.checkbox > div{
      margin-bottom: 15px;
    }
    .question.main-assess h5{
      font-size: 17px;
    }
    .question.pre-radio h5, .question.pre-checkbox h5{
        margin-bottom: 10px;
    }
    
    .answer-value > div{
      font-size: 15px;
    }
    .result_popup-inner{
      width: 90%;
    }
}
@media (max-width:1199px){
  .teachertable-main{
    overflow: auto;
  }
  .princi-header .nav-tabs>li a, .dstaff-header .nav-tabs>li a{
        font-size: 20px;
  }
  .home-btn-area .wp-block-column{
      width: 33.33%;
      margin: 20px;
  }
  .home-btn-area .wp-block-column a{
    font-size: 30px;
    height: 90px;
  }
  .home-btn-area .wp-block-column:first-child a, .home-btn-area .wp-block-column:nth-child(2) a{
    line-height: 90px;
  }
  .paypal-donations input[type=image] {
      width: 170px;
  }
  .survey-data table{
    font-size: 15px;
  }
  .big-button button.assess_type_btn{
    font-size: 20px;
  }
  .upload_file_popup .popup-inner, .survey-error-popup .popup-inner, .logout-popup .popup-inner, .princi_popup_main .popup-inner, .princi_popup_main_man .popup-inner_man, .new-popup-main .popup-inner,.format-change-message .popup-inner , .delete_file_popup .popup-inner , .delete_file_popup_bulk .popup-inner , .princi_popup_main_bulk .popup-inner  {
    width: 60%;
  }
  button,
  .button,
  .faux-button,
  .wp-block-button__link,
  .wp-block-file .wp-block-file__button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  body button.myeq-button,
  .big-button a,
  body button.myeq-button,
  a.myeq-button.complete-survey.blue-button,
  .form-group.inline-btn .btn, .form-group.inline-btn a{
      padding: 15px 50px;
      font-size: 25px;
  }
  
  
  
  .post-assessment{
      padding: 15px 150px;
  }
  body button.assess_type_btn{
    padding: 40px 50px;
  }
}
@media (max-width:991px){ 
  button.next.btn.btn-info img{
    margin: 30px 0;
  } 
  .result_popup h4:before{
        margin-right: 0.5rem;
  }
  #site-footer a{
    bottom: 0;
    background: #fff;
  } 
  .copyright-content{
    bottom: 25px;
    background: #fff;
  }  
  .home-btn-area{
    flex-wrap: unset;
  }
  .home-btn-area .wp-block-column{
      width: 33.33%;
      margin: 20px;
  }
  .home-btn-area .wp-block-column:nth-child(3) {
     text-align: center;
      
  }
  
  .tooltip-inner{
    width: 500px;
  }
  .paypal-donations input[type=image] {
      width: 150px;
  }
  .starting-page h1{
    font-size: 35px;
  }
  .big-button button.assess_type_btn {
      font-size: 14px;
      height: 70px;
  }
  .home h1.entry-title {
      /*max-width: 350px;*/
      font-size: 35px;
  }
  h1.myeq_header{
    font-size: 35px;
    max-width: 570px;
  }
  h3, .survey-notification{
    font-size: 25px;
  }
  h1, .heading-size-1{
    font-size: 35px;
  }
  .survey-data{
    padding: 25px 10px;
  }
  .tack-assess-button {
      margin-top: 10px;
  }

  .survey-data table tr td {
      padding: 10px 5px;
      font-size: 11px;
  }
  .survey-data tr.open td:last-child .hasTooltip > div{
    left: 56%;
  }
  .survey-data tr.open {
    border: unset;
        background: #a8d7c8 !important;
    color: #000;
  }
  .result_popup-inner {
    width: 90%;
    padding: 15px;
  }
  #resultModal .modal-body .col-md-4 h4, #resultModal .modal-body .col-md-4 .main_persentage{
    font-size: 15px;
  }
  .result_popup p, .result_popup span{
    font-size: 13px;
  }
  #resultModal .col-md-4 {
    margin: 0 0 15px;
    min-height: 120px;
  }
  
  body.page-template-survey input.lostpassword-button {
      font-size: 19px;
  }
  .studtable-main {
      overflow: auto;
      width: 100%;
      max-width: 100%;
  }
  label.custom-file-upload.file_button,a.myeq-button.btn.btn-primary.down-temp-btn {
      width: 100%;
  }
  span#file-upload-filename {
    padding: 0 0 15px;
    display: block;
  }
  .upload_file_popup .popup-inner, .survey-error-popup .popup-inner,.logout-popup .popup-inner, .princi_popup_main .popup-inner, .princi_popup_main_man .popup-inner_man, .new-popup-main .popup-inner,.format-change-message .popup-inner , .delete_file_popup .popup-inner , .delete_file_popup_bulk .popup-inner , .princi_popup_main_bulk .popup-inner {
    width: 90%;
    padding: 10px;
  }
  .upload_file_popup .popup-inner p, .princi_popup_main .popup-inner p, .princi_popup_main_man .popup-inner_man p, .new-popup-main .popup-inner p,.format-change-message .popup-inner p , .delete_file_popup .popup-inner p , .delete_file_popup_bulk .popup-inner p , .princi_popup_main_bulk .popup-inner p {
      font-size: 30px;
  }
  body button.myeq-button {
    width: auto;
  }
  .header-inner {
      padding: 1.15rem 0;
  }
  .answer-value, .question.main-assess .radio{
      width: 55%;
  }
  .answer-value > div{
    font-size: 15px;
  }
  /*.que-inner, .answer-main{
    padding: 15px;
  }*/
  .question.main-assess h5 {
      width: 45%;
  }
  /*.form-group.radio .checkmark {
      height: 38px;
      width: 38px;
      border: 4px solid #555;
  }*/
  /*.survey-form .form-group.radio .checkmark, .continue-stud-survey .form-group.radio .checkmark{
      left: 40%;
  }*/
  .form-group.radio > div{
    width: 25%;
  }
  .question.main-assess .form-group.radio > div{
    width: 20%
  }
  .question.pre-radio h5, .question.pre-checkbox h5{
    margin-bottom: 30px;
  }
  .survey-notification{
    padding: 10px 30px
  }
  .post-assessment{
    padding: 25px;
  }
  button.previous.btn.btn-default{
    width: 30%;
  }
  .survey-form .lbl{
    font-size: 20px;
  }
  .survey-form .form-group.radio > div, .continue-stud-survey-form .form-group.radio > div{
    flex: 18%;
  }
  button,
  .button,
  .faux-button,
  .wp-block-button__link,
  .wp-block-file .wp-block-file__button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  body button.myeq-button,
  .big-button a,
  body button.myeq-button,
  a.myeq-button.complete-survey.blue-button,
  .form-group.inline-btn .btn, .form-group.inline-btn a{
      padding: 15px 40px;
      font-size: 20px;
  }
  .selection_box{
    font-size: 20px;
    height: 130px;
  }


  
 

}



.dstaff-header button.show_dst_results.btn,.dstaff-header button.show_dst_comb_results.btn, .dstaff-header button.btn {
    font-size: 16px;
    padding: 15px 10px;
    width: 170px;
    display: inline-block;
}

/*assessment popup result page */
div#resultModal h3.modal-title {
    font-weight: 500;
    font-size: 20px;
}
div#resultModal .result-info-notes .notes {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0px 0px;
}
div#resultModal .result-info {
    width:100%;
    float: left;
    border-bottom: 2px solid rgba(0, 0, 0, 0.21);
}
.body-inner.assessment-report .box-main {
    padding: 0px 40px;
}
.body-inner.assessment-report .box-main .header-section {
    background: #378EEB;
    padding: 0px;
    text-align: center;
    border-radius: 8px;
}
.body-inner.assessment-report .box-main .header-section h4 {
    color: #fff;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
.result_popup .modal-body .body-inner .body-section {
    padding: 20px 20px 10px;
    border: 3px solid rgba(55, 142, 235, 0.31);
    border-top: 0px;
    margin-top: -5px;
    min-height: 135px;

}
.body-inner.assessment-report .box-main .header-section h4 p {
    line-height: 1;
}
.reco-main a {
    color: #cc2f49;
}

/*Principal-Dashboard-UI changes*/
#principal .district-info .view-aggregate-report {
    float: right;
    font-weight: 500;
    /*color: #302F2C;*/
    color: #3b4970;
    font-size: 16px;
    /*text-decoration: underline;*/

}
.district-info h4 {
    display: inline-block;
    color:#000000;
}
div#principal .School-info div {
    width: 90%;
}
.principal-dashborad #principal {
    margin-top: 22px;
}


.princi-header .nav-tabs>li.active>a, .princi-header .nav-tabs>li.active>a:focus, .princi-header .nav-tabs>li.active>a:hover{
    color: #000000;
}

.dstaff-header .nav-tabs>li.active>a, .dstaff-header .nav-tabs>li.active>a:focus, .dstaff-header .nav-tabs>li.active>a:hover{
    color: #000000;
}
.principal-dashborad table#dstafftable button#dstaff_remove:hover {
    background: unset;
    border: unset;
    color: #000;
    text-decoration: underline;
}
.principal-dashborad #teachers button:hover {
    background: unset;
}

/* Student */
.container.principal-dashborad .heading-teacher h3.text-left {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 29px;
    color: #000000;
}
.container.principal-dashborad div#students button.add_class_btn {
    padding: 5px 0px !important;
    width: 64% !important;
    position: relative;
    color: #000000;
    border: 2px solid #259A75;
    background: white;
    border-radius: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin: 0px auto 8px 8px !important;
}
.container.principal-dashborad div#students button.add_class_btn a {
    color: #000000 !important;
}
.container.principal-dashborad div#students .select_class.col-sm-8 select.survey-select {
    width: 70%;
    float: right;
    color: #000;
    border: 1px solid #4444449c;
}
.container.principal-dashborad div#students .select_class.col-sm-8 {
    padding-top: 20px;
}
.container.principal-dashborad div#students .teachertable-main .col-sm-6 {
    /*width: 45%;*/
}
.container.principal-dashborad div#students .btn-section.col-sm-4 {
    top: 45px;
    padding-bottom: 20px;
}

/* Classes */
.container.principal-dashborad div#classes h3.txt-clr-gray {
    font-weight: normal;
    font-size: 25px;
    line-height: 29px;
    color: #000000;
}
.container.principal-dashborad div#classes button.btn{
    border: none;
    background: no-repeat;
    color: #302F2C;
    font-weight: 500;
    font-size: 16px !important;
    letter-spacing: 0px;
    line-height: 19px;
    text-decoration: none;
}
.container.principal-dashborad div#classes .heading-principal {
    margin-bottom: 40px;
}

/* Students */
.container .row .survey-page-main.col-md-12 h1.entry-title {
    font-weight: 500;
    color: #000000;
}
.container .row .survey-page-main.col-md-12 span {
    font-weight: 500;
    color: #000000;
}
.container .row .survey-page-main.col-md-12 .audio-div p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    /*width: 70%;*/
    margin: 0px auto;
}
.main-start-assess form.tack-assess-button button.assess_type_btn{
    background: none;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 600;
}
.survey-page-main.col-md-12 .survey-data.table-responsive {
    border: none;
}
/*.survey-data.table-responsive table.table.firsttable .dashboard-checkbox {*/
/*    display: none;*/
/*}*/
.survey-data table.firsttable tr td:nth-child(2), .survey-data table.firsttable tr th:nth-child(2) {
    width: 30% !important;
}
.survey-data.table-responsive table.table.firsttable th:last-child {
    text-align: center;
}
.survey-data.table-responsive tr td {
    font-weight: normal;
    border-width: 1px 0px 1px;
    border-color: #259a7563;
    text-align: left;
}
.container .row .survey-page-main.col-md-12 table td span {
    font-weight: 400;
    color: #302F2C;
}
.survey-data .table tr:hover {
    border: unset;
    background: #a8d7c8 !important;
    color: #000;
}
.survey-data .table tr:hover:first-child {
    background: #fff !important;
}
.survey-data .table tr {
    background: none;
}
.page-template-survey table tr th {
    padding: 13px;
    font-size: 16px;
    text-align: left;
    border-width: 1px 0px 1px;
    border-color: #259a7563;
}
.page-template-survey table tr td {
    /*text-align: center;*/
}
.survey-data table.firsttable tr td span {
    padding: 5px 0px;
}

/* Teacher Assessment */
.assessment-page-main.col-md-12 .selection_box_main.teacher,.coach-dashboard .selection_box_main {
    display: inline-grid !important;
    background: transparent;
    float: left;
}

.assessment-page-main.col-md-12 .selection_box {
    font-family: Raleway;
    color: #000000 !important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    padding: 14px !important;
    width: 80% !important;
    position: relative;
    background: white;
    border-radius: 25px;
    display: inline-block;
    margin: 0px auto 8px 8px !important;
    border: 2px solid #259A75;
}
.assessment-page-main.col-md-12 ::before {
    display: none;
}
.assessment-page-main.col-md-12 div#select_edit_stud h4.gray-text{
	font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #302F2C;
}
.assessment-page-main.col-md-12 div#select_edit_stud select#class_code {
    width: 60%;
    background: #ffffff;
    padding: 0px 0px 0px 5px;
}
.assessment-page-main.col-md-12 .col-md-6.float-left {
    width: 40%;
}
.assessment-page-main.col-md-12 .col-md-6.float-right {
    display: inline-flex;
}
.assessment-page-main.col-md-12 .col-md-6.float-right button.btn.btn-default {
    background: none;
    border: none;
    color: black;
    text-decoration: underline;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}
.assessment-page-main.col-md-12 div#select_edit_stud .float-right button.btn.btn-default:hover {
    background: no-repeat;
    border: none;
}
.assessment-page-main.col-md-12 .teacher h2 {
    margin-top: 0px;
    margin-bottom: 30px;
}
.assessment-page-main.col-md-12 table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td , .assessment-page-main.col-md-12 table#studenttable , .assessment-page-main table#studenttable th, table#childtable th , .assessment-page-main div#classtable_t_wrapper tr th{
    color: #413f39;
    /*font-weight: 600;*/
}
.assessment-page-main.col-md-12 .studtable-main table#studenttable tr {
    background: #ffffff !important;
}
.assessment-page-main.col-md-12 .studtable-main table#studenttable tr:hover {
    border: unset;
    background: #a8d7c8 !important;
    color: #000;
}
.assessment-page-main.col-md-12 div#studenttable_wrapper table#studenttable button.survey_student.btn , .assessment-page-main.col-md-12 div#studenttable_wrapper table#studenttable button.edit_student.btn , .assessment-page-main.col-md-12 div#studenttable_wrapper table#studenttable button.delete_student.btn {
    background: none;
    border: none;
    color: #000000;
    text-decoration: underline;
    width: 23%;
    font-size: 14px;
    font-weight: 600 !important;
}
.assessment-page-main.col-md-12 h1.entry-title{
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 60px;
}
.assessment-page-main.col-md-12 h1.entry-title span{
    font-weight: 400;
}
.assessment-page-main.col-md-12 table tr {
    background: #ffffff ;
}
.assessment-page-main.col-md-12 table tr:hover {
    border: unset;
    background: #a8d7c8 !important;
    color: #000;
}
.assessment-page-main div#create_class button.add_class_btn , .assessment-page-main div#create_class button.delete_class.btn , .assessment-page-main div#create_class button.edit_class.btn .assessment-page-main.col-md-12 div#studenttable_wrapper table#studenttable button.survey_student.btn , .assessment-page-main div#classtable_t_wrapper button.edit_class.btn{
    background: none;
    border: none;
    color: #000000;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
}
.assessment-page-main.col-md-12 div#studenttable_wrapper table#studenttable button.survey_student.btn{
    /*padding: 0px 26px !important;*/
    margin: auto 15px;
    font-weight: 600;
    font-size: 14px;
    font-weight: 600;
}
.assessment-page-main div#classtable_t_wrapper button#cls_res_pdf_submit{
    /*padding: 0px 26px !important;*/
    margin: auto 15px;
    font-weight: 600;
    font-size: 14px;
    font-weight: 600;
}
.assessment-page-main div#classtable_t_wrapper tr th {
    text-align: center;
}
.assessment-page-main table#studenttable tr td , .assessment-page-main div#classtable_t_wrapper tr td{
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #302F2C;
}
/* BULK CHANGES*/

.assessment-page-main div#bulk_changes table#studenttableBulk tr:hover {
    border: unset;
    background: #a8d7c8 !important;
    color: #000;
}

/*@media screen and (max-width:800px){*/
/*    .assessment-page-main.col-md-12 .selection_box_main.teacher {*/
/*    display: contents !important;*/
/*    width: 100% !important;*/
/*}*/
/*.assessment-page-main.col-md-12 div.col-sm-9.classlist.tabcontent{*/
/*    width: 100% !important;*/
/*}*/
/*.assessment-page-main div#create_class , .assessment-page-main div#uploadstudent , .assessment-page-main div#bulk_changes{*/
/*    width: 100% !important;*/
/*}*/
/*}*/

/* ASSESS CHILD */
.assessment-page-main table#childtable tr:hover {
    border: unset;
    background: #a8d7c8 !important;
    color: black;
}
.assessment-page-main table#childtable tr {
    background: #fff;
}
.assessment-page-main table#childtable td {
    font-size: 15px;
    color: #888;
    font-weight: normal;
}
.assessment-page-main table#childtable button.survey_child.btn {
    /*padding: 0px 25px !important;*/
    margin: auto 15px;
}
.assessment-page-main table#childtable button.edit_child.btn , .assessment-page-main table#childtable button.delete_child.btn {
    border: none;
    background: none;
    color: black;
    text-decoration: underline;
    font-weight: 600;
    font-size: 14px;
}
/*.assessment-page-main.col-md-12 .col-sm-9 {*/
/*    width: 100%;*/
/*}*/
@media screen and (max-width:1000px){
    .assessment-page-main.col-md-12 .selection_box_main.teacher {
    display: contents !important;
    width: 100% !important;
    }
    .assessment-page-main.col-md-12 div.classlist.tabcontent{
        width: 100% !important;
    }
    .assessment-page-main div#create_class , .assessment-page-main div#uploadstudent , .assessment-page-main div#bulk_changes{
        width: 100% !important;
    }
    .assessment-page-main.col-md-12 h3 {
        text-align: center !important;
    }
}

/*District staff css*/
.district-dashborad table tr td button:hover,.district-dashborad .dstaff_btn:hover,.assessment-page-main table.dataTable tr td button:hover,.assessment-page-main #teamtable_t tr td button:hover {
    background: unset;
    border: unset;
    color: #000;
    text-decoration: underline;
}


.district-dashborad table tr td button:focus,.assessment-page-main table.dataTable tr td button:focus,.assessment-page-main #teamtable_t tr td button:focus{
    background: unset;
    border: unset;
    color: #000;
    text-decoration: underline;
}
.district-dashborad #search_students_btn, .district-dashborad #search_class_btn{
    border: 2px solid #308a6d;
    background: rgb(12 117 84 / 85%);
    opacity: 1;
    color: #fff;
    text-decoration: none;
}
div#compareModal th,div#compareModal td {
    text-align: left;
}

.assessment-page-main table.dataTable tr {
    background: #fff;
}

/*Coach Dashboard */
.assessment-page-main table.dataTable tr td button {
    background: none;
    border: none;
    color: #000000;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
}
.assessment-page-main table.dataTable tr td #cls_res_pdf_submitm,.principal-dashborad #princi_add_class_form #execu_add_team_submit,.principal-dashborad #princieditclassModal #update_corporate_team_btn {
    background: #259A75;
    color: #fff;
    text-decoration: unset;
      
}
.principal-dashborad #princi_add_class_form #execu_add_team_submit,.principal-dashborad #princieditclassModal #update_corporate_team_btn{
    padding: 10px 18px;
}
.principal-dashborad #teachers .add_teacher_btn, .principal-dashborad #teachers button.remove_manager_btn {
    background: unset;
}

.principal-dashborad #teachers .add_teacher_btn:hover,.principal-dashborad #teachers button.remove_manager_btn:hover {
    background: unset;
    border: unset;
}

/* Executive Dashboard */   
div#students .btn-section button.add_class_btn {
    float: right;
}
div#students .select_class select#manager_list , div#students .select_class select#team_code {
    float: right;
}
@media screen and (max-width:1000px){
    .container.principal-dashborad div#students button.add_class_btn {
    width: 100% !important;
    margin-top: 10px !important;
}
}
div#teachers div#add_teacher button#add_manager_submit , div#teachers div#add_teacher form#execu_fileupload_manager button#fileupload_teacher_submit{
    filter: drop-shadow(0px 3.4708px 3.4708px rgba(0, 0, 0, 0.25));
    border-radius: 48.3903px;
    text-decoration: none;
    margin: 10px auto 0px;
    letter-spacing: 1px;
    text-transform: capitalize;
    width: auto;
    background: #259A75;
    font-style: normal;
    font-weight: bold;
    line-height: 34px;
    align-items: center;
    text-align: center;
    color: #E2F9EE;
    font-size: 16px;
    border: 2px solid #259A75;
    min-width: 294px;
}
div#teachers div#add_teacher button#add_manager_submit:hover , div#teachers div#add_teacher form#execu_fileupload_manager button#fileupload_teacher_submit:hover{
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
}

tr th {
    background: #EAE9EC4D;
}
.teacher-dashboard .selection_box_main.teacher .selection_box:hover{
    background: #259a75!important;
    color: #fff!important;
}
.container.principal-dashborad div#students button.add_class_btn:hover , .assessment-page-main.col-md-12 .selection_box:hover{
    background: #259a75;
    color: #fff !important;
    border: 2px solid #259a75;
}
.assessment-page-main .row-full .selection_box_main.teacher .selection_box.active , .assessment-page-main .row-full .selection_box_main .selection_box.active{
    background: #259a75 !important;
    color: #fff !important;
    border: 2px solid #259a75;
}
.container.principal-dashborad div#students button.add_class_btn a:hover{
    text-decoration: none;
}
.body-inner.assessment-report .box-main .header-section h4 p.Meeting , .body-inner.assessment-report .box-main .header-section h4 p.Emerging , .body-inner.assessment-report .box-main .header-section h4 p.Exceeding , .body-inner.assessment-report .box-main .header-section h4 p.Developing {
    color: whitesmoke;
    font-weight: bold !important;
}
h5.def-lbl.first-lbl , h5.def-lbl.second-lbl , h5.def-lbl.third-lbl , h5.def-lbl.forth-lbl {
    color: #fff;
    font-size: 15px !important;
    padding: 2px 18px;
    border-radius: 7px;
    min-width: 144px;
    text-align: center;
}

/* PDF OLD BUTTON */
.result_popup-inner button#res_pdf_submit {
    display: none;
}


@media screen and (max-width: 767px){
.survey-page-main h1.entry-title, .starting-page h1 , .assessment-page-main.col-md-12 h1.entry-title{
    font-size: 20px !important;
}
.assessment-page-main{
    /*padding: 0px 6px 100px !important;*/
}
.assessment-page-main.col-md-12 .selection_box{
    padding: 5px !important;
}
/* Login */
	.registrationlogin_form {
    	width: 100% !important;
	}

/* Loader */
	.loader {
	    left: 35% !important;
	    top: 30% !important;
    }

/* Main Landing Page */
    .main-section-home .sec_col_4 {
	    margin-bottom: 20px;
	}
	
/*PopUp*/
    .upload_file_popup .popup-inner, .survey-error-popup .popup-inner, .logout-popup .popup-inner, .progress-popup, .time_counter .popup-inner, .princi_popup_main .popup-inner, .princi_popup_main_man .popup-inner_man, .new-popup-main .popup-inner, .format-change-message .popup-inner , .delete_file_popup .popup-inner , .delete_file_popup_bulk .popup-inner , .princi_popup_main_bulk .popup-inner  {
    	width: 100% !important;
    }

/* Registration */
	.regislogin-main .tab .form-group.radio > div {
    	width: 100% !important;
	}
	.regislogin-main .col-md-3.col-sm-12 .lbl {
    	float: right;
    	width: 70%;
    	text-align: left;
	}
	.regislogin-main .col-md-3.col-sm-12 .lbl b{
	    text-align: left;   
	}
	.tab .form-group.radio .lbl p {
    	min-height: 0px !important;
	}
	.regislogin-main .col-md-3.col-sm-12 .radio-input {
	    width: 30%;
	    position: relative;
	    float: left;
	    top: 50px;
	    text-align: left;
	}
	.regislogin-main button#nextBtn, .regislogin-main button#prevBtn, .regislogin-main button#lastStepButton{
		margin: 0px 20px 0px 20px !important;
	}
	button#loginBtn {
        padding: 5px !important;
    }

/* Reg Adult */
	button#lastStepButton {
	    display: contents !important;
	}
	
/* Coach/Corporate */
	.regislogin-main div#corporateCoach .woocommerce ul.products li.product-category.product.first {
    	margin-left: 0px !important;
	}
	div#corporateCoach .woocommerce ul.products li.product-category{
		width: 100% !important;
		margin-bottom: 4em !important;
	}

/* Teacher */
	.survey-page-main h1.entry-title, .starting-page h1{
		margin: 20px 0px 20px;
	}
	body button.assess_type_btn {
    	padding: 0px !important;
	}
	.teacher-dashboard form.tack-assess-button {
    	width: 100% !important;
    	margin: 0px;
	}
	.assessment-page-main .teacher-info {
	    text-align: center;
	}
	.assessment-page-main div#create_class button.add_class_btn {
	    margin: 0px !important;
	    padding: 10px !important;
	}
	.assessment-page-main.col-md-12 div#select_edit_stud .col-md-6.float-left {
	    width: 100%;
	}
    .assessment-page-main.col-md-12 h1.entry-title {
		margin-bottom: 30px !important;
	}

/* Survey */
	.question.main-assess .left-label h4, .question.main-assess .right-label h4{
    	font-size: 13px !important;
	}
	.que-inner {
    	padding: 0px !important;
	}
	.survey-form-main .main-assess .lbl , .continue-survey-form .main-assess .lbl {
	    display: block;
	    font-size: 10px !important;
	    font-weight: 300;
	    color: #000000;
	}
	.question.main-assess .form-group.radio > div {
    	width: 14% !important;
	}
	button.next.btn.btn-info img {
    	margin: 0px !important;
	}
	button.previous.btn.btn-default {
    	width: auto !important;
	}
	.question.pre-radio h5, .question.pre-checkbox h5 {
    	margin-bottom: 30px !important;
    	text-align: center !important;
	}
	.question.pre-radio .que-inner .form-group.radio > div {
    	padding: 0px !important;
    }
    .question.pre-radio .form-group.radio > div {
    	flex: 24% !important;
	}
	.form-group.dropdown, .question h5, .form-group.numb{
		text-align: center !important;
	}
	.outer-div-section .exclamation-mark img {
	    position: absolute !important;
	    top: 36px !important;
	    right: 103px !important;
	    width: 23px !important;
    }
    .footer-top-visible .footer-nav-widgets-wrapper , .footer-top-hidden #site-footer {
    	padding: 0px 0px 0px 10px !important;
	}
	.copyright-content {
    	padding: 10px !important;
    	bottom: 25px !important;
    	font-size: 12px;
    }
    #site-footer a{
        font-size: 12px;
    }
    
    /* Survey 2 */
    .assessment-page-main .survey-form .lbl {
	    font-size: 11px !important;
	    font-weight: 500;
	}
	.survey-form .form-group.radio > div{
	    width: 20% !important;
	    padding: 0px !important;
	}
	.survey-form .pre-post-survey .form-group.radio > div {
	    width: 50% !important;
	    padding: 0px !important;
	}
	
    /* Footer Padding */
    .assessment-page-main{
        padding: 0 15px 100px;
    }
    .footer-links{
        float: left !important;
    }
    /* Bulk Changes Form Button */
    div#bulk_changes form#bulk_transfer_data .form-group button#transfer_bulk_stu {
        margin-bottom: 15vh;
    }
    div#studenttable_wrapper , button#add_stud_data , div#classtable_t_wrapper , button#child_enter {
        margin-bottom: 15vh !important;
    }
    div#create_child form#parent_form {
        padding-bottom: 10vh !important;
    }           
    /*.studtable-main {*/
    /*    padding-bottom: 100px;*/
    /*}*/
    .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{
        margin-top: 0px !important;
    }
    .continue-stud-survey-form .format-change-div .form-group.radio ul li , .survey-form.hidden-form .format-change-div .form-group.radio ul li {
	    display: flex !important;
	    text-align: left;
	}
	.continue-stud-survey-form .format-change-div ul li input[type=radio] , .survey-form.hidden-form .format-change-div ul li input[type=radio] {
		margin-top: 5px !important;
	}
	.continue-stud-survey-form .format-change-div button.responsivevoice-button:not(toggle){
		/*bottom:  61px;*/
	}
	.survey-data table.firsttable tr td span{
	    padding: 5px 5px !important;
	}
	
	/* Coach */
	.coach-dashboard form.tack-assess-button, .corporate_manager-dashboard form.tack-assess-button, .staff-dashboard form.tack-assess-button, .teacher_on_adults-dashboard form.tack-assess-button, .subscriber-dashboard form.tack-assess-button{
		width: 100% !important;
	}
	
	/* Principal */
	.princi-header ul li {
	    width: 33% !important;
	}
	#principal .district-info .view-aggregate-report{
		float: left;
	}
	.principal-dashborad #principal div#dstafftable_length , .principal-dashborad #teachers div#teachertable_length , .principal-dashborad #students div#princi_studenttable_length , .principal-dashborad #classes div#princi_classtable_length{
        float: left;
        margin-top: 10px;
    }
    .principal-dashborad div#teachers .text-right {
        text-align: center;
    }
    .principal-dashborad div#students .select_class.col-sm-8 select.survey-select {
		width: 100% !important;
		float: left !important;
	}
	.principal-dashborad div#classes .heading-principal button.btn{
	    float: left !important;
	}
	.main-start-assess form.tack-assess-button button.assess_type_btn{
	    min-width: 162px !important;
	}
	
	/* Result PDF Page */
	.result_popup .result_popup-inner{
	    width: fit-content;
	}
	div#resultModal .result_popup-inner h5.def-lbl.first-lbl , div#resultModal .result_popup-inner h5.def-lbl.second-lbl , div#resultModal .result_popup-inner h5.def-lbl.third-lbl , div#resultModal .result_popup-inner h5.def-lbl.forth-lbl {
        /*min-width: 28%;*/
        margin-top: 5px !important;
        padding: 10px 0px;
        font-size: 11px !important;
    }
    div#resultModal .result_popup-inner .dot-exceeding , div#resultModal .result_popup-inner .dot-meeting , div#resultModal .result_popup-inner .dot-meeting1 , div#resultModal .result_popup-inner .dot-developing , div#resultModal .result_popup-inner .dot-developing1 , div#resultModal .result_popup-inner .dot-emerging , div#resultModal .result_popup-inner .dot-emerging1{
        margin-top: 10px !important;
        /*margin-right: 15px !important;*/
    }
    div#resultModal .result_popup-inner .per_word_dot {
        width: 45% !important;
        margin: 0px auto !important;
    }
    div#resultModal .result_popup-inner .exceed-dot , div#resultModal .result_popup-inner .develop-dot , div#resultModal .result_popup-inner .meet-dot , div#resultModal .result_popup-inner .emerge-dot {
        margin-top: 20px;
    }
    div#resultModal .result_popup-inner .modal-body .notes .row {
        margin: 0px 0 13px;
    }
    div#resultModal .result_popup-inner .def-desc {
        width: 100%;
        /*margin-top: 20px !important;*/
        font-size: 12px !important;
    }
    div#resultModal .result_popup-inner .body-inner.assessment-report .box-main .header-section{
        padding: 10px;
    }
    div#resultModal button.printPdf{
        margin:10px auto 20px !important;
    }
    .msg-popup .popup-inner{
        width: 100% !important;
    }
    /*div#resultModal .result_popup-inner .col-md-4.col-sm-6.col-xs-12 {*/
    /*    width: 50%;*/
    /*}*/
    div#resultModal .result_popup-inner .col-sm-12.body-section {
        min-height: 100px;
        padding: 30px 20px 10px;
    }
    div#resultModal .result_popup-inner .body-inner.assessment-report .box-main{
        padding: 0 20px;
    }
    
    /* Compare PDF Page */
    #compareModal ul li{
        font-size: 9px;
    }
    #compareModal .checked2box ul li{
        font-size: 9px;
    }
    #compareModal .checked3box ul li{
        font-size: 10px;
    }
    div#compareModal .modal-body th {
    word-break: initial;
    font-size: 11px;
}
div#compareModal .result_popup-inner h5.def-lbl.first-lbl , div#compareModal .result_popup-inner h5.def-lbl.second-lbl , div#compareModal .result_popup-inner h5.def-lbl.third-lbl , div#compareModal .result_popup-inner h5.def-lbl.forth-lbl {
        min-width: 17%;
        margin-top: 20px !important;
        padding: 6px;
        font-size: 9px !important;
    }
    div#compareModal .result_popup-inner .def-desc {
        width: 78%;
            margin-top: 20px !important;
            text-align: left !important;
            font-size: 9px !important;
    }
    .page-template-survey div#compareModal table tr td {
    padding: 2px !important;
    font-size: 11px !important;
}
.page-template-survey table tr th{
    padding: 3px !important;
}
div#compareModal h3.modal-title {
    font-size: 19px !important;
}
 .col-md-12.chartPIe{
     margin-left: 25px;
 }
 div#resultModal .result_popup-inner{
     width: 97% !important;
 }
 div#resultModal h3.modal-title{
     font-size: 17px !important;
 }
 .survey-form-main .question.pre-dropdown .survey-answer-cls {
    padding: 0px !important;
}
.result_main div#resultModal .result_popup-inner .modal-footer button.myeq-button.btn.btn-default.return-text{
    margin: 0px 5px 10px !important;
    height: 38px !important;
    width: 119px !important;
    font-size: 12px !important;
    padding: 1px 3px !important;
}
.result_main div#resultModal .result_popup-inner .modal-footer button.printPdf{
    margin-bottom: 0px !important;
    height: 38px !important;
    width: 119px !important;
    font-size: 12px !important;
    padding: 1px 3px !important;
}
.continue-survey-main .result_main .modal-footer button.myeq-button.btn.btn-default.return-text {
    margin: 0px 5px 10px !important;
    height: 38px !important;
    width: 119px !important;
    font-size: 12px !important;
    padding: 1px 3px !important;
}
.continue-survey-main .result_main .modal-body button.printPdf {
    margin-bottom: 0px !important;
    height: 38px !important;
    width: 119px !important;
    font-size: 12px !important;
    padding: 1px 3px !important;
}
.assessment-page-main div#resultModal, .page-template-detailed-results div#resultModal{
    overflow: hidden !important;
}

/* Survey Student */
.continue-survey-main .continue-stud-survey-form .form-group.radio div {
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 13px !important;
    font-weight: 500;
}
.continue-survey-main .continue-stud-survey-form .form-group.radio > div{
    width: 20% !important;
}
.continue-survey-main .continue-stud-survey-form fieldset.pre-post-survey .form-group.radio > div {
    width: 50% !important;
}
.continue-stud-survey-form fieldset.info-set.post-survey .post-assessment .form-group.dropdown , .survey-form fieldset.pre-post-survey .post-assessment .form-group.dropdown{
    width: 70% !important;
}
.survey-form fieldset.info-set.post-survey .post-assessment .form-group.dropdown {
    margin: 0px !important;
}
}

@media screen and (max-width: 479px){
    .form-group.dropdown {
        width: 77% !important;
        margin: 10px auto !important;
    }
    .survey-form-main .post-survey .post-assessment .form-group.dropdown{
        width: 80% !important;
        margin: 0px auto !important;
    }
    .survey-form-main .question.pre-dropdown .survey-answer-cls {
        padding: 10px !important;
    }
    .outer-div-section .exclamation-mark img{
        right: auto !important;
        top: auto !important;
    }
    .survey-form-main .post-survey .post-assessment label {
        max-width: 70% !important;
    }
    .continue-survey-main .continue-survey-form .post-survey .form-group.dropdown , .continue-survey-main .continue-stud-survey-form .post-assessment .form-group.dropdown{
        margin: 0px !important;
    }
    .continue-survey-main .continue-survey-form .post-survey label {
        max-width: 75% !important;
        margin: 0px !important;
    }
}

/* Tablet */
@media screen and (max-width: 1024px) and (min-width: 768px){
    .survey-page-main.col-md-12 .main-start-assess button.assess_type_btn {
        padding: 0px !important;
        min-width: 160px !important;
    }
    .main-section-home .sec_col_4 .inner-section {
        min-height: 340px !important;
    }
    
    /* Result Page PDF */
    div#resultModal .result_popup-inner {
        width: fit-content;
    }
    div#resultModal .per_word_dot {
        width: 39%;
    }
    div#resultModal .result_popup-inner h5.def-lbl.first-lbl , .result_popup-inner h5.def-lbl.second-lbl , .result_popup-inner h5.def-lbl.third-lbl , .result_popup-inner h5.def-lbl.forth-lbl {
        width: 15%;
        /*margin-top: 20px !important;*/
        padding: 13px;
    }
    div#resultModal .result_popup-inner .modal-body .notes .row {
        margin: 15px 0 0px;
    }
    div#resultModal .result_popup-inner .def-desc {
        width: 62%;
        /*margin-top: 20px !important;*/
    }
    div#resultModal .result_popup-inner .body-inner.assessment-report .box-main .header-section{
        padding: 10px;
    }
    .msg-popup .popup-inner{
        width: 100% !important;
    }
    div#resultModal .result_popup-inner .col-sm-12.body-section {
        min-height: 160px;
        padding: 30px 20px 10px;
    }
    div#resultModal .result_popup-inner .body-inner.assessment-report .box-main{
        padding: 0 10px;
    }
     .col-md-12.chartPIe{
     margin-left: 25px !important;
    }
    .upload_file_popup .popup-inner, .survey-error-popup .popup-inner, .logout-popup .popup-inner, .princi_popup_main .popup-inner, .princi_popup_main_man .popup-inner_man, .new-popup-main .popup-inner, .format-change-message .popup-inner , .delete_file_popup .popup-inner , .delete_file_popup_bulk .popup-inner , .princi_popup_main_bulk .popup-inner  {
        width: 70% !important;
    }
    /* New Dashboards  */
    li.tabs_li button {
        font-size: 16px !important;
        padding: 0px;
    }
    .survey-page-main {
        margin: 50px 0px 20px;
    }
    .tab-content div#class_averages .col-md-3.float-left {
        width: 50% !important;
        float: left;
        margin: 0px !important;
    }
    div#select_edit_stud .col-md-3.float-left , div#assess_children .col-md-3.float-left {
        width: 25%;
        float: left;
    }
}

/* Tablet */
@media screen and (max-width: 999px) and (min-width: 768px){
    .assessment-page-main.col-md-12 .selection_box_main.teacher .selection_box {
        width: 33% !important;
    }
    .assessment-page-main.col-md-12 .selection_box_main .selection_box {
        width: 33% !important;
    }
    .main-section-home .sec_col_4, .main-section-home .sec_col_6, .main-section-home .sec_col_6 .inner-part{
    	margin-bottom: 20px;
    }
    .main-section-home .sec_col_4 .inner-section {
        min-height: 140px !important;
    }
    .assessment-page-main.col-md-12 .row-full .selection_box_main {
        display: block !important;
    }
    .question.main-assess .form-group.radio > div {
        width: 14% !important;
    }
    button.previous.btn.btn-default{
        width: auto !important;
    }
    .outer-div-section .exclamation-mark img{
        right: auto !important;
        top: auto !important;
    }
    .continue-survey-main .result_main .modal-body button.printPdf{
        width: 200px !important;
    }
    .continue-survey-main .result_main .modal-footer button.myeq-button.btn.btn-default.return-text {
        margin-bottom: 10px;
        width: 200px !important;
    }
    .result_main div#resultModal .result_popup-inner .modal-footer button.printPdf{
        width: 200px !important;
    }
    .result_main div#resultModal .result_popup-inner .modal-footer button.myeq-button.btn.btn-default.return-text{
        margin-bottom: 10px;
        width: 200px !important;
    }
}
/* Survey Labels */
.survey-form-main .main-assess .lbl, .continue-survey-form .main-assess .lbl{
    display: none;
}

/* Compared Results */
div#compareModal .modal-body tbody tr:nth-child(odd) , div#compareModal .modal-body tbody tr:nth-child(even) {
    background: #fff !important;
}
div#compareModal .modal-body tbody tr:nth-child(odd):hover , div#compareModal .modal-body tbody tr:nth-child(even):hover {
    background: #a8d7c8 !important;
}

/* Principal 25-Nov-2021 */
div#teacherresult .modal-dialog .detail-result-area tr {
    background: #fff;
}
div#teacherresult .modal-dialog .detail-result-area tr:hover {
    background: #a8d7c8;
}

/* Executive 25-nov-2021 */
.principal-dashborad div#executive_managertable_wrapper table#executive_managertable button.delete_client.btn:hover {
    border: none;
    background: no-repeat;
    color: #302f2c;
}

/* Admin Portal - User Management */
body#admin-portal {
    background-color: #fff !important;
}
.diagnostics-section.user-management .main-section-home .form-group button.update-user:hover{
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
}

/* 02-dec-2021 */
@media screen and (max-width: 1024px) and (min-width: 768px){
    div#resultModal div.chartPIe span.fusioncharts-container {
        width: 70%;
    }
}

/* 06-Dec-2021 principal reports*/
@media screen and (max-width: 992px){
    div#report-header .col-md-9 {
        width: 70%;
        float: left;
    }
    div#report-header select#gradesFormControlSelect1{
        width: 91%;
    }
    .demographic-breakdown .result-breakdown {
        width: 100%;
    }
    div#report-header ul#myTab li {
        margin: 3px;
        /*width: 40% !important;*/
    }
    div#report-header .col-md-3 form {
        width: 25%;
        float: right;
    }
    .container.principal-report .competency.report-section {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 1024px){
    .col-md-12.demographic-breakdown .result-breakdown {
        width: 100%;
        margin-bottom: 35px;
    }
    .container.principal-dashborad h2 {
        text-align: center;
    }
}

/* 09-Dec-2021 Thank-you-page-after-checkout */ 
a#thankyou-page-custombtn{
    background: #259A75;
    border-radius: 55.7685px;
    font-style: normal;
    font-weight: bold;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 34px;
    border: 2px solid #259A75;
    height: auto;
    padding: 6px 26px;
    float: right;
}    
a#thankyou-page-custombtn:hover {
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
}

/* 10-Dec-2021 Refer-Friend-link */
.col-md-12.refer-section {
    padding-bottom: 15vh;
}
#license-modal {
    font-size: 18px;
    color: #000000;
}

/* 15-Dec-2021 Manager */
.managerLicense , .managerAddTeamMem {
    width: 50%;
    float: left;
}
.button-group.managerLicense button {
    width: 60% !important;
}
.managerLicense a.add_class_btn{
    padding: 10px 36px !important;
    width: 60% !important;
    position: relative;
    color: #E2F9EE;
    border: 2px solid #259A75;
    background: white;
    border-radius: 25px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 15px 30px !important;
    background: #259a75;
}
.managerLicense a.add_class_btn:hover{
    color: #fff !important;
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
    text-decoration: none;
}

/* 21-Dec-2021 */
div#teacherresult .modal-dialog {
    max-width: 100% !important;
}

/* 28-Dec-2021 Speaker Assessment Page */
button#bbrecom{
    display: block;
    bottom: 0px;
    position: relative;
}

/* 01-Jan-2022 District Responsive */
.district-dashborad .btn-section .btn:hover {
    background: #218766;
    color: #fff !important;
    border: 2px solid #259a75;
}
.district-dashborad .btn-section .btn{
    border: 2px solid #259a75; 
}
.district-dashborad .btn-section .btn:hover a {
    color: #ffffff !important;
    text-decoration: none;
}
.district-dashborad div#add_school form#add_school_form button#add_school_submit:active , .district-dashborad div#add_school form#add_school_form button#add_school_submit:focus {
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
    color: #fff;
}
@media screen and (max-width: 1024px){
    .district-dashborad .btn-section .btn{
    	    font-size: 14px;
    	    border: 2px solid #259A75;
    }
}
@media screen and (max-width: 999px){
    .district-dashborad .btn-section .btn {
        width: 50%;
    }
    .district-dashborad .heading-teacher , .district-dashborad div#school .heading-teacher h3 {
        text-align: center !important;
    }
}
@media screen and (max-width: 767px){
    .district-dashborad .btn-section .btn {
        width: 90%;
    }
    .district-dashborad div#dstaff_schooltable_wrapper .row {
        width: 80%;
        display: inline-flex;
    }
}

/* 07-Jan-2022 Discount-Packages */
#teach-princi-package {
    box-shadow: 0px 0px 10px #00000040;
    margin: 3px;
    border-radius: 10px;
    padding: 0px 0px 15px 0px;
    width: 24%;
}
#teach-princi-package li {
    list-style: none !important;
    margin: 20px !important;
    font-size: 16px;
    padding: 0px 0px 30px 0px;
    font-weight: 500;
    color: #4a6077;
}
#teach-princi-package ul {
    margin: 0px !important;
    padding: 0px !important;
}
#teach-princi-package h4 {
    margin: 0px;
    padding: 20px 35px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #3c4e6c;
    border-radius: 10px 10px 0px 0px;
}
a#product-combo {
    background: #259A75;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #E2F9EE;
    padding: 6px 40px;
    border-radius: 55.7685px;
    font-style: normal;
    font-weight: bold;
    align-items: center;
    text-align: center;
    line-height: 34px;
    border: 2px solid #259A75;
}
div#teach-princi-package h4 span {
    font-size: 13px;
}

/* 17-01-2022 */
div#teachers div button.add_license_btn, div#teachers div button.add_manager_btn {
    background: none !important;
    float: left !important;
    margin-left: 30px !important;
}
div#teachers button#add_manager_submit_btn , div#teachers button#fileupload_manager_submit{
    background: #259A75;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #E2F9EE;
    padding: 6px 40px;
    border-radius: 55.7685px;
    font-style: normal;
    font-weight: bold;
    align-items: center;
    text-align: center;
    line-height: 34px;
    border: 2px solid #259A75;
}

/* 21-Jan-2022 */
select#user_type {
    padding: 8px;
    background: #fff;
    border-color: #dddddd;
}

/* 24-Jan-2022 */
.add_executive_manager {
    font-family: Raleway;
    color: #E2F9EE;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    padding: 14px !important;
    position: relative;
    background: #259A75;
    border-radius: 25px;
    display: inline-block;
    margin: 0px auto 8px 8px !important;
    border: 2px solid #259A75;
}

/* 27-Jan-2022 */
.col-sm-4.corporate_category {
    padding: 10px;
    border: 2px solid #EAEAEA;
    border-radius: 30px;
    margin: 10px;
    width: 30%;
    height: 300px;
    align-items: center;
    display: grid;
}
.col-sm-4.corporate_category img {
    width: auto;
    margin: 0px auto;
    height: 115px;
}
.col-sm-4.corporate_category h2 {
    font-size: 20px;
    color: #4e5b7e;
}
@media screen and (max-width: 767px){
    .col-sm-4.corporate_category {
        width: 100%;
    }
}

/* 04-Feb-2022 */
.btn-default[disabled]:hover {
    background: #259a75cf;
    color: #E2F9EE;
    border: 2px solid #259a75cf;
    cursor: not-allowed;
}

/* 08-March-2022 */
span#license-text {
    font-size: 18px;
    color: #484747;
}
#license-modal {
    text-align: center;
}
div#license span.total_manager_licence {
    color: #000 !important;
}
div#add_princi_modal , div#add_teach_modal {
    overflow-y: auto;
}

/* 19-March0-2022 */
@media screen and (min-width: 768px) and (max-width: 1200px){
    div#group_packages #teach-princi-package{
        width: 49% !important;
    }
}

button#educator_pkgs_license {
    min-width: 166px !important;
    padding: 0px 40px !important;
}

@media screen and (max-width: 767px){
    div#group_packages #teach-princi-package{
        width: 100% !important;
    }
    .woocommerce-message a.button.wc-forward {
        width: 50%;
        padding: 0px;
        font-size: 15px;
    }
    
    /* Teacher */
    form.tack-assess-button:nth-last-child(3n) {
        margin-bottom: 10px !important;
    }
    div#license-modal {
        text-align: center !important;
        letter-spacing: 1px;
        background: #259A75;
        border-radius: 50px;
        font-style: normal;
        font-weight: bold;
        line-height: 30px;
        color: whitesmoke;
        padding: 0px 5px;
        font-size: 14px;
        margin: 0px auto;
        border: 2px solid #259A75;
    }
    button#add_school_distt_submit , button#add_school_princi_submit , button#add_school_teach_submit {
        padding: 0px 20px;
    }
    
    /* District */
    button#view_license_distt {
        width: 100%;
        display: block;
    }
    div#license table tr td {
        padding: 3px !important;
    }
    /* Mob 21-03-2022  Coach */
    .managerLicense a.add_class_btn {
        font-size: 20px;
        letter-spacing: 1px;
        color: #E2F9EE !important;
    }
    .managerLicense, .managerAddTeamMem {
        width: 100%;
    }
    .coach-dashboard .selection_box_main{
        display: block !important;
        z-index: 1;
    }
    form#coach_license h5.col-sm-10 {.msg-popup .popup-inner
        width: 85%;
        float: left;
    }
}

div#view_license form#coach_license h3.modal-title.text-center {
    color: #3c4e6c;
}
form#coach_license h5#license-modal {
    text-align: left;
}

/* 31-03-2022 Result Page */
@media only screen and (max-width: 767px) {
    .other-competencies-inner .keyLabel{
        padding: 15px !important;
    }
    .other-competencies-inner .col-sm-9.keyProgress {
        width: 65%;
        float: left;
        margin: 0px auto !important;
        padding: 10px 0px !important;
    }
    .other-competencies-inner .col-sm-3.keyLabel {
        font-size: 15px;
        width: 24%;
        padding: 7% !important;
    }
    .other-competencies-inner .keyProgress h3 {
        font-size: 12px !important;
        margin: 0px;
    }
    .col-sm-5.other-competencies-inner {
        display: inline-flex;
    }
    .other-competencies-inner .col-sm-9.keyProgress span.col-sm-7 {
        padding: 0px;
        float: left;
        width: 40%;
    }
    .row.top-compe-graph , .row.low-compe-graph  {
        width: 100%;
        margin: 0px auto 30px;
    }
    .row.top-compe .col-md-12.heading h4, .row.low-compe .col-md-12.heading h4 {
        text-align: center;
    }
    .row.result-info1 div.chartPIe {
        margin-left: 0px !important;
        display: contents !important;
    }
    .row.result-info1 .col-md-8.col-sm-12.logo-section .row {
        display: inline-flex;
    }
    .result-info1 .logo-section .row .logo {
        width: 25%;
    }
    .result-info1 .logo-section .row .logo img {
        width: 100%  !important;
    }
    .result-info1 .logo-section .row #new-result-info{
        width: 70%;
    }
    .result-info1 .logo-section .row #new-result-info .text-left p{
        font-size: 18px !important;
    }
    .result-info1 .logo-section div#comp-glace {
        padding: 0px !important;
    }
    .result-info1 .logo-section .row {
        margin-bottom: 0px !important;
    }
    
    /* 04-04-2022 Result Page */
    .result-info1 .top-bar .result-email {
        width: 0%;
    }
    .result-info1 .top-bar .text-right.result-date {
        width: 100% !important;
    }
    div#info_chart .logo-section {
        width: 100% !important;
    }
    div#new-result-info , div#new-result-info .text-left.col-sm-12{
        padding: 0px !important;
    }
    .row.top-compe h4 span , .row.top-compe h4 span , .row.top-compe-graph .col-md-4 p , .row.low-compe h4 span , .row.low-compe h4 span , .row.low-compe-graph .col-md-4 p {
        font-size: 18px !important;
    }
    .row.top-compe-graph .col-md-4 , .row.low-compe-graph .col-md-4 {
        width: 100% !important;
    }
    #info_chart , .row.top-compe-graph , .row.low-compe-graph {
        display: block !important;
    }    
    .col-sm-5.other-competencies-inner {
        padding: 5px 0px;
        width: 100% !important;
        float: left;
        background: #d6dbe3;
        margin: 0;
    }
    /*.col-md-8.col-sm-12.logo-section .row {*/
    /*    display: block !important;*/
    /*}*/
    .col-md-8.graphtext {
        width: 100% !important;
    }
    .result-info1 .top-bar .text-right.result-date p , .col-sm-3.keyLabel p {
        margin: 0px !important;
    }
    .col-sm-3.keyLabel p {
        font-size: 14px !important;
    }
    .other-competencies-inner .keyProgress span {
        font-size: 10px !important;
    }
    div#resultModal div#resultModalBody {
        display: block;
    }
    div#info_chart .chart-section {
        width: 100% !important;
    }
    div#resultModalBody .top-compe-graph .chartPIe , div#resultModalBody .low-compe-graph .chartPIe {
        margin: 0px !important;
    }
    div#comp-glace h4 {
        font-size: 18px !important;
        font-weight: 700;
        text-decoration: underline;
        text-align: center;
    }
}

/* 28-04-2022 CHAT BUTTON */
a.fcb-link-button i.fcb-icons {
    bottom: 35px !important;
}
/* 29-04-2022 Principal School Info Heading */
div#principal .School-info .heading:after {
    bottom: 0px !important;
}
/* Principal Dashboard */
.principal-dashborad #teachers button#add_school_teach_submit {
    margin: 0px auto;
    text-decoration: none;
    font-weight: bold;
    color: #E2F9EE;
    border: 2px solid #259A75;
    padding: 6px 26px;
}
.principal-dashborad #teachers button#add_school_teach_submit:hover , .principal-dashborad div#add_principal button#add_school_princi_submit:hover , div#add_district button#add_school_distt_submit:hover {
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
}
div#teachers div#connect_teacher .modal-body {
    text-align: center;
}
div#connect_teacher form#princi_fileupload_teacher label.custom-file-upload {
    width: 100%;
}
div#connect_teacher form#add_teacher_form button#add_teacher_submit , div#connect_teacher form#princi_fileupload_teacher button#fileupload_teacher_submit {
    margin: 0px auto;
    text-decoration: none !important;
    font-weight: bold;
    color: #E2F9EE;
    border: 2px solid #259A75;
    padding: 6px 26px;
}
div#connect_teacher form#add_teacher_form button#add_teacher_submit:hover , div#connect_teacher form#princi_fileupload_teacher button#fileupload_teacher_submit:hover {
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
}

/* 11-May-2022 Close Icon on Result Page */
div#resultModal button.close {
    z-index: 9 !important;
}

/* 16-May-2022 Chat Icon */
i.fcb-icons {
    background: #3c4e6c !important;
    border-color: #394d68 !important;
}
i.fcb-icons:hover {
    color: #324b71 !important;
}

#resultModalBody button#full_report_result {
    position: relative;
    /*top: 70px;*/
}
div#print_this_page {
    position: relative;
    /*top: -70px;*/
}

/* 21-May-2022 My Account */
input#delete_user_btn , a.woocommerce-Button.button {
    text-decoration: none;
    margin: 10px auto 0px;
    letter-spacing: 1px;
    text-transform: capitalize;
    width: auto;
    background: #259A75;
    border-radius: 55.7685px;
    font-style: normal;
    font-weight: bold;
    line-height: 34px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #E2F9EE;
    font-size: 16px;
    border: 2px solid #259A75;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
    border: none;
}

@media printDiv {
  div#print_this_page , button#full_report_result {
    display: none !important;
  }
}

body button.help-page:not(.toggle) {
    border: 2px solid #259a75 !important;
    background: #259a75;
}
body button.help-page:not(.toggle):hover {
    border: 2px solid rgb(12 117 84 / 85%) !important;
    background: rgb(12 117 84 / 85%) !important;
}

/* 09-06-2022 */
p#buy_license {
    text-align: center;
    color: #259a75;
    font-weight: 600;
    text-transform: capitalize;
}
.woocommerce-tabs.wc-tabs-wrapper li#tab-title-reviews {
    display: none;
}
.woocommerce-tabs ul li.active a {
    color: #3c4e6c;
    box-shadow: 0 2px 0 #3c4e6c;
}
.woocommerce-info {
    background: #eee;
    color: #000;
    border-top: 2px solid #374b6d;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    color: #3c4e6c;
    text-decoration: underline;
}

/* 13-June-2022 */
.delete_file_popup , .delete_upload_text {
    display: none;
}

/* 16-June-2022 New Dashboard Educator */
div#close-inst {
    width: 10%;
}
h4.Dash_Inst {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
}
p#dash_inst_two {
    display: none;
}
h4.Dash_Inst span img#rotate_img {
    display: none;
    transform: rotate(180deg);
}
h4.Dash_Inst span {
    float: right;
}
div#right_dashboard {
    background: #e9e9e9d4;
    padding: 15px;
    border-radius: 10px;
}
.main-start-assess form.tack-assess-button button.assess_type_btn {
    border: none;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    min-width: 0px;
    padding: 0px;
}
/*.main-start-assess form.tack-assess-button button.assess_type_btn:hover {
    border-bottom: 3px solid #C3839F;
    border-radius: 0px;
    background: none;
    color: #C3839F;
    padding: 0px;
}*/
.teacher-dashboard .main-start-assess {
    text-align: left;
    border-bottom: 1px solid #EAE9EC;
}
.teacher-dashboard form.tack-assess-button {
    width: fit-content !important;
}

/* Dashboard View Result Button */
.survey-data table tr td .hasTooltip .blue-button {
    background: none !important;
    border: none !important;
    color: #000 !important;
    text-align: left !important;
}
.gray-button {
    color: #000 !important;
}
a.gray-button.close-tablebox {
    background: none;
    text-align: right !important;
    font-weight: 600;
    padding: 0px !important;
    margin: 0px !important;
}
.dashboard-checkbox.main-heading-checkbox input[type="checkbox"] {
    cursor: inherit;
}
div#table_graphs {
    width: 100%;
}
span#table_result_circle_pink {
    background: #c3839f !important;
    border-radius: 100%;
    padding: 0px 9px 0px 9px;
    margin: 5px;
}
span#table_result_circle_blue {
    background: #3c4e6c !important;
    border-radius: 100%;
    padding: 0px 9px 0px 9px;
    margin: 5px;
}
span#table_result_circle_green {
    background: #259a75 !important;
    border-radius: 100%;
    padding: 0px 9px 0px 9px;
    margin: 5px;
}
.hasTooltip.student_info div , .hasTooltip.children_info div {
    /*left: 82%;*/
    left: unset;
    padding: 10px 30px 0px 0px;
    right: 20px;
}
ul#dash_tabs li.tabs_li a {
    color: #000;
    border: none;
    border-bottom: 1px;
}
/*ul#dash_tabs li.tabs_li a:hover , ul#dash_tabs li.tabs_li a:active {
    border: 3px solid #c3839f00;
    border-radius: 0px;
    border-bottom-color: #C3839F;
    background: none;
    color: #C3839F;
    margin-right: 2px;
    padding: 10px 15px;
}*/
ul#dash_tabs li.tabs_li {
    font-size: 25px;
    line-height: 29px;
}
/*ul#dash_tabs li.tabs_li:hover {
    margin: 0.5rem 0 0 2rem;
}*/
ul#dash_tabs {
    margin: 0px;
}
/* 08-July-2022 student results */
div#select_edit_stud select#class_code , div#assess_children select#class_code {
    background: #fff;
    padding: 5px 5px;
    color: #59a884;
}
.container {
    width: 95%;
}
table#studenttable td , table#childrentable td , table#childtable td {
    /*background: #fff;*/
    font-weight: normal;
    border-width: 1px 0px 1px;
    border-color: #259a7563;
    font-size: 15px;
}
table.school_table tbody tr:hover {
    border: unset;
    background: #a8d7c8 !important;
    color: #000;
}
table#studenttable tr:hover:first-child , table#childrentable tr:hover:first-child , table#childtable tr:hover:first-child {
    /*background: #fff !important;*/
}
div#select_edit_stud .hasTooltip.student_info button.survey_student.btn , div#select_edit_stud .hasTooltip.student_info button , 
div#assess_children .hasTooltip.student_info button.survey_student.btn , div#assess_children .hasTooltip.student_info button , 
.hasTooltip.student_info.active div a.blue-button.stud_comp , .hasTooltip.student_info.active a#cont-assess {
    background: no-repeat;
    color: #222;
    border: none;
    padding: 0px;
    font-weight: 400;
    text-align: left;
    margin: auto 15px;
    font-size: 16px;
    width: 100%;
    outline: none;
}
div#select_edit_stud .hasTooltip.student_info a , div#select_edit_child .hasTooltip.children_info a , div#assess_children .hasTooltip.student_info a {
    background: no-repeat;
    color: #222;
    /*border: none;
    padding: 0px;
    font-weight: 400;*/
    text-align: left;
    /*margin: 0px 15px 10px;
    font-size: 16px;
    width: 100%;*/
    padding: 0px;
    margin: auto 15px;
    font-size: 16px;
    cursor: pointer;
}
div#select_edit_stud .hasTooltip.student_info form.start-survey-form , div#assess_children .hasTooltip.student_info form.start-survey-form {
    width: 100%;
}



/*08-july-2022*/
.main-start-assess ul#dash_tabs .tabs_li.active a {
    color: #DDAB69;
    border-bottom: 2px solid #DDAB69;
}

/* 09-06-2022 */
p#buy_license {
    text-align: center;
    color: #259a75;
    font-weight: 600;
    text-transform: capitalize;
}
.woocommerce-tabs.wc-tabs-wrapper li#tab-title-reviews {
    display: none;
}
div.product ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px;
    color: #3b4970 !important;
}
.woocommerce-tabs ul li.active a {
    color: #3c4e6c;
    box-shadow: 0 2px 0 #3c4e6c;
}
.woocommerce-info {
    background: #eee;
    color: #000;
    border-top: 2px solid #374b6d;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    color: #3c4e6c;
    text-decoration: underline;
}
form#bulk_transfer_data .form-group {
    margin-top: 50px;
    margin-bottom: -30px;
    width: 100%;
    display: inline-block;
}
.class_transfer_stud {
    width: 70%;
    margin: 0px auto;
}
div#select_edit_stud .col-md-6.float-left {
    width: 33%;
}
div#select_edit_stud select#class_code , div#select_edit_stud select#class_bulk{
    background: #fff;
    color: #59a884;
    border-radius: 5px;
}

/* 18-07-2022 */
div#result_graphs .col-md-8.col-sm-12.logo-section {
    width: 35%;
}
div#result_graphs .col-md-4.col-sm-12.chart-section {
    width: 65%;
    padding-top: 40px;
}
#pagination {
  width: 100%;
  text-align: center;
}

.studtable-main #pagination ul li {
    display: inline;
    margin-left: 0px;
    border-left: 1px solid #fff;
    padding: 10px;
    background: #4f5c7fc2;
}
.studtable-main div#pagination li a {
    color: #fff;
    font-size: 18px;
}
.studtable-main #pagination ul li.active {
    background: #4f5c7f;
}

/* Pagination 01-08-2022 */
.pagination-section {
    /*text-align: right;*/
    font-size: 16px;
    margin: 20px;
}
.pagination-section a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    position: relative;
    bottom: 2px;
}

/* New Dashboard */
select.survey-select, input#searchClass , .features_fields select , .features_fields input#searchStudent , .features_fields input#searchChild , .features_fields input#searchClass {
    border: 1px solid #4CA891 !important;
    border-radius: 8px;
    color: #4CA891 !important;
    height: 35px !important;
    background: #fff;
    width: 100%;
    padding: 0px 10px;
}
.main-start-assess ul#dash_tabs .tabs_li:hover a {
    color: #DDAB69;
    border-width: 0px 0px 2px 0px;
    background: #fff !important;
    border-color: #DDAB69;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border: none;
}
table tr th img.table_icon , table tr td img.table_icon {
    width: 12px;
    float: left;
    margin: 3px;
}
table tr th span.double{
    float: left;
}
table tr th span{
    padding: 0px 4px;
}
table#classtable tr td {
    text-align: left;
}
table#classtable tr:nth-child(even){
    background: #fff !important;
}
div.hasTooltip button#classgenerateParentLetter , div#teacherresult button.detail-result-btn.btn , div#teacherresult a.blue-button.stud_comp, td.totltipOpener a.blue-button, button#classgenerateStudentCard , div.hasTooltip button.edit_class.btn , div.hasTooltip button.delete_class.btn , .hasTooltip.children_info button.survey_student , .hasTooltip.children_info button.show_tresults, .hasTooltip.children_info .edit_child, .hasTooltip.children_info .delete_child, .hasTooltip.children_info button.survey_student:hover, .hasTooltip.children_info button.show_tresults:hover, .hasTooltip.children_info .edit_child:hover, .hasTooltip.children_info .delete_child:hover, div#teacherresult .modal-dialog .survey-data.table-responsive .in-progress.btn {
    background: no-repeat;
    color: #222;
    border: none;
    padding: 0px;
    font-weight: 400;
    text-align: left;
    margin: auto 15px;
    font-size: 16px;
    width: 100%;
    outline: none;
    text-align: left;
}
div#student_navigate , a.view_result_btn_stud, .dashboard-checkbox input {
    cursor: pointer !important;
}
div#info_chart {
    align-items: center;
}
div#info_chart .col-md-8.col-sm-12.logo-section , div#info_chart .col-md-4.col-sm-12.chart-section {
    width: 50%;
}
.body-inner.assessment-report .col-sm-12.box-main img {
    width: 70%;
    margin: 0px auto;
    min-height: 10px !important;
}
.body-inner.assessment-report .col-sm-12.box-main {
    padding: 0px 4px !important;
}
.body-inner.assessment-report .col-md-4.col-sm-6.col-xs-12 {
    padding: 0px;
    width: 16.333333%;
}
.body-inner.assessment-report .col-sm-12.box-main p.sub-title.col-sm-6 {
    text-align: left;
    padding: 0px;
    font-size: 11px;
    width: 70% !important;
}
.body-inner.assessment-report .col-sm-12.box-main span#result p {
    font-size: 11px !important;
    text-align: right;
}
.body-inner.assessment-report .col-sm-12.box-main span#result {
    width: 30% !important;
    padding: 0px;
}
.body-inner.assessment-report .col-sm-12.box-main span#result p {
    background: none;
}
.body-section p.sub-title.col-sm-6 {
    font-size: 12px;
}
div#left_headingDash {
    width: 40%;
}
div#right_dashboard {
    width: 60%;
}
li.tabs_li button {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: none;
    color: #000;
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    padding: 0px 10px;
}
li.tabs_li.active button , li.tabs_li:hover button {
    color: #DDAB69;
    border-bottom: 5px solid #DDAB69;
}
li.tabs_li form.tack-assess-button {
    margin-top: 0px;
}
.select_class.class_transfer_stud , .select_class.class_add_stud , .select_class.class_add_stud_ {
    padding: 5px 0px 0px;
    width: 80%;
    margin: 0px auto;
}
.class_transfer_stud form#bulk_transfer_data .form-group {
    margin: 0px 0px 20px;
}
button#close_pop {
    background: none;
    border: none;
}
button#close_pop span {
    font-size: 35px;
    color: #000;
}
div#license_below {
    float: right;
    text-align: right;
    margin-top: 10px;
}
div#license_below span#license-text {
    font-size: 18px;
    font-weight: 500;
}
div#license_below span {
    font-size: 16px;
}
.tab-content div#class_averages .col-md-3.float-left {
    margin: 0px 0px 5px !important;
}
div.hasTooltip.children_info form.start-survey-form {
    width: 100%;
}
a.gray-button.close-tablebox {
    position: absolute;
    top: 0px;
    right: 10px;
}
table#childtable div.hasTooltip.children_info .data-table-actions {
    width: min-content;
}
div.hasTooltip.children_info a.blue-button.stud_comp , div.hasTooltip.children_info a.blue-button {
    color: #222;
    background: no-repeat;
    font-weight: 400;
    font-size: 16px;
    padding: 0px !important;
    text-align: left;
    margin: auto 15px;
    border: none;
}
td#detailed-results-comp a.blue-button.stud_comp {
    padding: 10px 50px;
    border: 2px solid #aad8c9;
    border-radius: 50px;
    background: #aad8c9;
}
td#detailed-results-comp {
    text-align: center;
    border: none;
}
tr#detailed-results-comp:hover {
    background: none !important;
}
td#detailed-results-comp a.blue-button.stud_comp:hover {
    border: 2px solid #aad8c9;
    background: #aad8c9;
    color: #fff;
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
li.tabs_li button , li.tabs_li a {
		padding: 0px;
		font-size: 16px;
}
ul#dash_tabs li.tabs_li {
    margin: 0 6px;
}
}
@media screen and (max-width: 1024px) {
     div#tableoverflow {
        overflow-x: auto;
        width:  100%;
    }
    .select_class.class_transfer_stud , .select_class.class_add_stud , .select_class.class_add_stud_ {
   	 padding: 5px 0px 0px;
 	 width: 90%;
 	 margin: 0px auto;
    }
    .studtable-main table#studenttable th:nth-child(n+3) , .childtable-main table#childtable th:nth-child(n+3), .class-avg-main table#classtable th:nth-child(n+3),
     div#past_assessments table th:nth-child(n+3), div#corporate_manager table#teamtable_t th:nth-child(n+3), div#corporate_manager table#clienttable th:nth-child(n+3),
     div#assess_self  table th:nth-child(n+3) {
        min-width: 150px;
    }
    .studtable-main table#studenttable th:nth-last-child(1) img , .childtable-main table#childtable th:nth-last-child(1) img , 
    .class-avg-main table#classtable th:nth-last-child(1) img , .studtable-main table#studenttable td:nth-last-child(1) img ,
    .childtable-main table#childtable td:nth-last-child(1) img , .class-avg-main table#classtable td:nth-last-child(1) img ,
    div#corporate_manager table#teamtable_t td:nth-last-child(1) img ,div#corporate_manager table#teamtable_t td:nth-last-child(1) img ,
    div#corporate_manager table#clienttable td:nth-last-child(1) img , div#corporate_manager table#clienttable th:nth-last-child(1) img,
    div#assess_self  table td:nth-last-child(1) img , div#assess_self  table th:nth-last-child(1) img {
        text-align: center;
        margin: 0px auto;
        width: 20% !important;
    }
    table#studenttable {
        margin: 0px;
    }
    .survey-page-main {
        margin: 50px 0px 20px !important;
    }
    .tab-content {
        margin: 0 0 50vh;
    }
    div#left_headingDash h1{
        text-align: center !important;
    }
}
@media screen and (max-width: 767px) {
    .header-titles-wrapper {
        justify-content: left !important;
    }
    div#left_headingDash , div#right_dashboard {
        width: 100% !important;
    }
    .main-start-assess ul#dash_tabs .tabs_li.active a, .main-start-assess ul#dash_tabs .tabs_li a {
        padding: 10px;
    }
    div#corporate_manager ul#dash_tabs li.tabs_li.active a {
        color: #fff;
    }
    div#corporate_manager li.tabs_li.active {
        border: none;
        border-radius: 0px;
    }
    div#corporate_manager ul#dash_tabs li.tabs_li a {
        font-size: 16px;
        line-height: 0px;
	    padding: 15px 0px;
        background: none !important;
    }
    li.tabs_li.active button, li.tabs_li:hover button {
        color: #fff;
        font-weight: 600;
        border: none;
    }
    li.tabs_li.active, li.tabs_li.active:hover, li.tabs_li.active form.tack-assess-button {
        background: #DDAB69;
        border-bottom: 5px solid #DDAB69;
        width: 100%;
        margin: 0px;
    }
    li.tabs_li , li.tabs_li form.tack-assess-button {
        width: 100% !important;
        margin: 0px;
    }
    .tab-content div#class_averages .col-md-3.float-left {
        width: 50%;
        float: left;
        margin: 0px !important;
    }
    div#select_edit_stud .col-md-3.float-left , div#assess_children .col-md-3.float-left {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }
    .survey-page-main {
        margin: 0px 0px 20px !important;
    }
    div#educator_pkgs_license div#license-modal {
        background: no-repeat;
        border: none;
        color: #000;
    }
    div#educator_pkgs_license table.school_table_license {
        width: 90%;
    }
}

table#studenttableBulkst input[type="checkbox"] {
    visibility: visible;
}
div#select_edit_stud .class_add_stud_ {
    width: 80%;
    margin: 0px auto;
}
div#educator_pkgs_license .school_table_license tr, div#license .school_table_license tr {
    background: #fff;
    border-bottom: 1px solid #a8d7c8;
    padding: 20px 10px !important;
}
div#license .school_table_license tr th {
    text-align: center;
}
.hasTooltip.student_info div a.gray-button.close-tablebox , div.hasTooltip.children_info .data-table-actions , a.gray-button.close-tablebox.closeTtipPast {
    cursor: pointer;
    font-weight: 600;
}
div#license .school_table_license tr td {
    text-align: center;
}
ul#exec-mana-dash li.active a {
    color: #DDAB69;
    font-weight: 400;
    font-size: 27px;
    padding: 0px 10px;
    border-bottom: 4px solid !important;
}
ul#exec-mana-dash li a {
    font-weight: 400;
    font-size: 27px;
    padding: 0px 10px;
}
.select_range .col-sm-12.col-md-6 {
    text-align: left;
    padding: 15px;
}
.pagination-section-team , .pagination-section-class {
    text-align: left;
}
table.school_table_license div#license-modal {
    display: inline-block;
}
.pagination-section-team a, .pagination-section-class a, .pagination-section-member a {
    cursor: pointer;
}

/*chages*/
tbody.detail-result-area button.detail-result-btn.btn , tbody.detail-result-area button.in-progress.btn {
    margin: 0px !important;
}
form#execu_fileupload_manager button#fileupload_teacher_submit {
    color: #E2F9EE;
    font-size: 16px;
    line-height: 34px;
    border: 2px solid #259A75;
    height: auto;
    padding: 6px 26px;
}
form#execu_fileupload_manager button#fileupload_teacher_submit:hover {
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
}
form#execu_fileupload_manager a {
    text-align: center;
}
button#full_report_result {
    padding: 6px 53px;
}
table#executive_managertable tr th, table#executive_managertable tr td {
    text-align: left;
}
button.show_tresults.btn {
    margin: 0px;
}
input[name="sample_search"]::placeholder {
    color: #469e76;
}
input[name="sample_search"] {
    border-color: #469e76;
    border-radius: 8px;
    color: #4CA891 !important;
    height: 35px !important;
    padding: 0px 10px;
}
div.hasTooltip.student_info button.show_tresults.btn , 
div.hasTooltip.student_info button.edit_student.btn , 
div.hasTooltip.student_info button.delete_student.btn ,
div.hasTooltip.student_info button.delete_client.btn {
    padding: 0px;
    font-weight: 400;
    text-align: left;
    margin: auto 15px;
    width: 100%;
    text-decoration: none;
}
div.hasTooltip.student_info button.delete_client.btn:hover {
    background: none;
    border: none;
}
table#executive_managertable tbody#data-members-table .body-inner .col-sm-6 {
    width: 16.33%;
}
.hasTooltip.student_info div {
    left: 100%;
}
.hasTooltip.student_info a.blue-button, tbody.detail-result-area tr td a {
    cursor: pointer;
}
tbody.detail-result-area tr {
    cursor: alias;
}
button.detail-result-btn {
    box-shadow: none !important;
}
table#executive_managertable .data-table-actions {
    left: 90% !important;
}
table#princi_classtable .data-table-actions {
    left: 88% !important;
}
tbody.detail-result-area tr {
    height: 10px;
}
tbody.detail-result-area tr.header-row:hover {
    background: none !important;
}
tbody.detail-result-area h4.modal-title.text-center {
    margin-top: 10px;
}
button#cls_res_pdf_submit:focus {
    outline: none;
}
table#clienttable form.start-survey-form {
    display: block;
}
.hasTooltip a.blue-button {
    cursor: pointer;
}
div.modal .modal-header button.close {
    background: none;
    color: #3c4e6c;
    border: none;
    font-size: 40px;
}
div#assess_self div#tableoverflow table.school_table {
    margin: 5px 0px;
}
div#assess_self_btn {
    text-align: left;
}
#assess_self_btn button.assess_type_btn, div#assess_self button.assess_type_btn {
    color: #fff !important;
    /*height: 35px !important;*/
    background: #259A75 !important;
    padding: 6px 10px;
    border: 2px solid #259A75;
    border-radius: 50px !important;
    margin: 0px !important;
    font-size: 16px;
    font-weight: 700;
    min-width: 210px;
}
#assess_self_btn button.assess_type_btn:hover {
    border: 2px solid rgb(12 117 84 / 85%) !important;
    background: rgb(12 117 84 / 85%) !important;
}
table#adult_past_assessments {
    margin: 0px;
}
div.container .survey-page-main .tab-content {
    /*padding-bottom: 100px;*/
}
.assessment-page-main form button.previous.btn.btn-default, .assessment-page-main form button.next.btn.btn-info {
    margin: 0px 0px 80px;
}
/* 12 Dec Changes */
div.add_stud_modal .modal-body form#add_stud_form label {
    width: 25%;
}
div#educator_pkgs_license table.school_table_license td {
    text-align: center;
}
h3.entry-title {
    text-align: left !important;
    color: #000;
}
div.main-start-assess.studchild {
    margin: 0px;
}
h3.stud_past {
    color: #DDAB69 !important;
   position: relative;
    margin: 0px auto;
}
h3.stud_past:after {
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    background: #DDAB69;
    bottom: -5px;
    left: 48%;
}

div#close-inst img {
    cursor: pointer;
}
button#full_report_result:hover, button#one_pager_result:hover {
    color: #E2F9EE !important;
    background: #2e8f76 !important;
}
table.table.school_table tr td a.blue-button:hover , table.table.school_table tr td div.hasTooltip button:hover {
    text-decoration: underline;
}
div#teacherresult .modal-header a.close {
    font-size: 30px;
}
#paginate_des span.page_num {
    border: 1px solid #4f5c7f;
    padding: 5px 10px;
    margin: 0px 10px;
    font-weight: 500;
    background: #4f5c7f;
    color: #fff;
    position: relative;
    top: -2px;
}
#paginate_des a.nex_pre {
    border: 1px solid #8080804a;
    padding: 5px 10px;
    font-size: 15px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#paginate_des a.nex_pre.disabled {
    cursor: not-allowed;
}
div#paginate_desr {
    float: right;
}
a.buy_now {
    background: #4CA891;
    color: #fff;
    padding: 8px 15px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
}
a.buy_now:hover {
    background: #499b86;
}
div#resultModal .modal-header a.close {
    font-size: 30px;
}
.hasTooltip a.gray-button.close-tablebox {
    content: 'x';
    font-size: 13px;
    color: #4e4e4e !important;
    font-weight: 900 !important;
}
div#add_student_class form#add_stud_form label.col-sm-2 {
    width: 25%;
    text-align: left;
}
tr.ttip_bg_color {
    background: #a8d7c8 !important;
}
table th img.table_icon.add {
    cursor: pointer;
}
div#paginate_des {
    margin: 20px;
    text-align: left;
    font-size: 15px;
}
#paginate_des a.nex_pre:hover {
    background: #b3b8c540;
    border: 1px solid #b3b8c540;
}
div.modal .modal-body button.btn:hover {
    background: #238968;
}
.question.pre-radio .lbl, .question.pre-checkbox .lbl {
    color: #3b4970 !important;
    font-weight: 500;
}
.assessment-page-main .exclamation-mark span.tooltiptext {
    width: 50%;
    right: 20px;
    top: 25px;
}
div#result_page_btns {
    width: 43.5%;
    margin: 0px auto;
    display: flex;
}


@media (max-width:767px){
    /* For mobile phones: */
    #assess_self_btn button.assess_type_btn, div#assess_self button.assess_type_btn{
        margin: 0 auto !important;
        text-align: center;
        padding: 5px 12px !important;  
        margin-bottom: 20px !important;
    }
    h3.stud_past{
        margin-bottom: 20px;
    }


  .copyright-content {
      text-align: left;
      left: 0;
      bottom: 25px;
  }
  select#dstaff_stud_principal_ids, select#dstaff_class_principal_ids{
    width: 100%;
    margin: 10px 0 10px;
  }
  select#stud_filter_teacher, select#class_filter_teacher {
      width: 100%;
      margin: 0;
  }
  #princi_fileupload_teacher label.custom-file-upload.file_button {
      padding: 15px 28px;
      width: 100%;
  }
  #princi_fileupload_teacher .btn,
  #add_teacher_form .btn{
    width: 100%;
  }
  .home-btn-area{
    flex-wrap: wrap;
      justify-content: center;
  }
  .modal-open .modal.result_popup {
      overflow-y: scroll;
  }
  .pre-radio .form-group.radio > div {
      flex: 30%;
  }
  .home h1.entry-title {
      /*max-width: 300px;*/
      font-size: 30px;
  }
  h1.myeq_header{
    font-size: 30px;
  }
  .home .entry-content p {
      font-size: 14px;
  }
  .paypal-donations input[type=image]{
     width: 170px;
  }
  /*.survey-form .form-group.radio .checkmark, .continue-stud-survey .form-group.radio .checkmark {
      left: 45%;
  }*/
  .survey-form .form-group.radio, .continue-stud-survey-form .form-group.radio {
    display: inline-block;
  }
  .survey-form .form-group.radio > div, .continue-stud-survey-form .form-group.radio > div {
      flex: unset;
      width: 50%;
      margin: 0 0 20px;
  }
  .question.main-assess h5, .question.main-assess .radio{
    width: 100%;
    display: block;
  }
  .survey-form-main .main-assess .lbl , .continue-survey-form .main-assess .lbl{
      display: block;
      font-size: 12px;
      font-weight: 600;
  }
  .question.main-assess .form-group.radio > div{
    margin: 0;
  }
  
  
  /*.question.main-assess .checkmark {
      left: 24%;
  }*/
  .survey-form-main .lbl, .continue-survey-form  .lbl{
    min-height: auto;
  }
  .answer-main{
    display: none;
  }
  
  
  h1, .heading-size-1 {
      font-size: 30px;
  }
  .survey-data tr.open td:last-child .hasTooltip > div{
    left: 40%;
  }
  #resultModal .col-md-4{
    min-height: auto;
  }
  
  .forgot_pass .modal-content{
    width: 90%;
  }
  body.page-template-survey input.lostpassword-button {
      font-size: 19px;
      width: 100%;
  }
  .selection_box{
      height: auto;
      margin: 0 0 30px;
      display: inline-table;
      width: 100%
  }
  .selection_box.active:before{
    left: 40%;
  }
  
  .upload_file_popup .popup-inner p, .princi_popup_main .popup-inner p, .princi_popup_main_man .popup-inner_man p, .new-popup-main .popup-inner p,.format-change-message .popup-inner p , .delete_file_popup .popup-inner p , .delete_file_popup_bulk .popup-inner p , .princi_popup_main_bulk .popup-inner p {
      font-size: 20px;
  }
  div.dataTables_wrapper div.dataTables_filter {
      float: left;
  }
  #editModal .modal-footer.form-group.inline-btn .btn {
      margin: 0 10px 10px;
      font-size: 15px;
      padding: 20px 20px;
  }
  .modal-dialog.modal-lg {
      width: 90%;
  }
  body form#parent_form button.myeq-button{
    width: 100%;
  }
  .survey-form .lbl{
    font-size: 15px;
  }
  .starting-page h1 {
      font-size: 30px;
  }
  .post-assessment .form-group.dropdown {
    width: 80%;
  }
  .tooltip-inner p{
    font-size: 15px;
  }
  .tooltip-inner h5{
    font-size: 18px;
  }
  .post-assessment > h3.post-strangth-title, .post-assessment h3.post-improvement-title{
    font-size: 13px;
  }
  a.myeq-button.complete-survey.blue-button{
      margin: 20px auto 70px;
  }


}
@media (max-width:479px){
    .form-group.dropdown select{
          height: 36px;
          font-size: 10px;
    }
    .form-group.dropdown::after{
          font-size: 12px;
    }
    span.user_email {
      right: 29px;
      top: 34px;
  } 
  .tooltip-inner{
    width: 300px;
  }
  .starting-page h1,h1, .heading-size-1 {
      font-size: 25px;
  }
  .paypal-donations input[type=image]{
     width: 140px;
  }
  body button.myeq-button.login_btn{
    width: 100%;
  }
  .result_main button.myeq-button.btn.btn-default {
      display: inline-block;
      margin: 5px auto;
  }
  .form-group.radio > div, .form-group.checkbox > div {
      width: 50%;
  }
  .form-group.dropdown, .question h5, .form-group.numb{
    width: 100%;
  }
  .survey-form-main .lbl, .continue-survey-form  .lbl{
    min-height: 80px;
    font-size: 15px;
  }
    button,
  .button,
  .faux-button,
  .wp-block-button__link,
  .wp-block-file .wp-block-file__button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  body button.myeq-button,
  .big-button a,
  body button.myeq-button,
  a.myeq-button.complete-survey.blue-button,
  .form-group.inline-btn .btn, .form-group.inline-btn a{
      padding: 15px 20px;
      font-size: 20px;
  }
  .tack-assess-button {
    padding: 0 15px;   
    width: 100%;
    float: left;
  }
  .big-button button.assess_type_btn {    
    height: 60px;
  }
  .post-assessment span {
      border: 3px solid #aaa;
      border-radius: 50%;
      font-size: 15px;
      margin-right: 10px;
      line-height: 28px;
      display: inline-block;
      float: left;
      width: 33px;
      height: 30px;
      text-align: center;
  }
  h3, .survey-notification {
      font-size: 20px;
  }

}
@media (max-width: 411px){
  .post-assessment .form-group.dropdown {
      width: 77%;
  }
}

button.show_tresults.btn:focus-visible, button.show_tresults.btn:focus, button.show_tresults.btn:active,
div.hasTooltip.student_info button#generateParentLetter:focus-visible, div.hasTooltip.student_info button#generateParentLetter:focus,
div.hasTooltip.student_info button.edit_student.btn:focus-visible, div.hasTooltip.student_info button.edit_student.btn:focus, div.hasTooltip.student_info button.edit_student.btn:active,
div.hasTooltip.student_info button.delete_student.btn:focus-visible, div.hasTooltip.student_info button.delete_student.btn:focus, div.hasTooltip.student_info button.delete_student.btn:active,
div.hasTooltip.student_info button.delete_client.btn:focus-visible, div.hasTooltip.student_info button.delete_client.btn:focus, div.hasTooltip.student_info button.delete_client.btn:active {
    outline: none;
    border: none;
    box-shadow: none;
}
div#princieditclassModal button#update_princi_class_btn {
    color: #E2F9EE;
    font-size: 16px;
    border: 2px solid #259A75;
    background: #259A75;
}
div#paginate_des {
    padding-bottom: 50vh;
}
table#dstaff_studtable div.hasTooltip.student_info form.start-survey-form {
    margin: 0px;
}
.district-dashborad .btn-section .btn:hover {
    background: #218766;
}
.pointer {
    cursor: pointer;
}
div.table-overflow, div#thirdparty_table, div.self_assess_table {
    padding-bottom: 150px;
}
form#resultpdf_teach button#cls_res_pdf_submit {
    background: no-repeat;
    color: #222;
    border: none;
    padding: 0px;
    font-weight: 400;
    text-align: left;
    margin: auto 15px;
    font-size: 16px;
    width: 100%;
    outline: none;
}
div#delete_user_page form {
    display: flex;
    margin: 20px auto;
    width: 50%;
}
table.school_table tr th, table.school_table tr th span {
    color: #449f77 !important;
    font-size: 16px;
    font-weight: 700;
}
#site-footer a#strut {
    float: unset;
    right: unset;
    padding: 0px;
    text-decoration: none;
}
a#transfer_cancel {
    text-decoration: none;
    margin: 10px auto 0px;
    letter-spacing: 1px;
    text-transform: capitalize;
    width: 150px;
    background: #259A75;
    border-radius: 55.7685px;
    font-style: normal;
    font-weight: bold;
    line-height: 34px;
    align-items: center;
    text-align: center;
    color: #E2F9EE;
    font-size: 16px;
    border: 2px solid #259A75;
}
a#transfer_cancel:hover {
    border: 2px solid rgb(12 117 84 / 85%);
    background: rgb(12 117 84 / 85%);
    color: #222;
}

/* 22 Feb 2023 */
div#compareModal .modal-body td.val_cls p {
    background: no-repeat;
    font-weight: 600;
}

.principal-dashborad div#teachers tbody#data-princi-teach img {
    width: unset !important;
}
.post-assessment .detailed-result-btn a {
    color: #fff;
}

.page-template-continue-survey .question.main-assess.active:after {
    border-bottom: none !important;
}

/* 25 April */
.question.pre-checkbox .que-inner label.custom-checkbox {
    padding-left: 0px;
}
.question.pre-checkbox .que-inner span.checkmark {
    left: unset;
}
div.tooltip .tooltip-inner h5 {
    color: #3b4970;
}
div.tooltip .tooltip-inner p {
    color: #3b4970;
    text-align: center;
}