/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

[id^="problemModal"] .modal-content, [id^="activityModal"] .modal-content {
  width: 630px;
}


.add-more-pb, .btn.btn-danger.remove, .btn.add-more, .btn.add-more-ac{
  width: 40px;
}

.btn.add-more-ac{
  height: 34px;
}

/* Hide all steps by default: */
#addProblems .tab {
  display: none;
}

#addProblems .tab {
  overflow: inherit;
  border: none;
  background-color: inherit;
}

#addProblems .modal-body .col-md-4 {
  text-align: right;
  /*margin-top: 5px; */
}

#addProblems .modal-body .col-md-8 {
  margin-top: 10px;
}

[id^="editProblems"] .tab {
  display: none;
}

[id^="editProblems"] .tab {
  overflow: inherit;
  border: none;
  background-color: inherit;
}

[id^="editProblems"] .modal-body .col-md-4 {
  text-align: right;
  /*margin-top: 5px; */
}

[id^="editProblems"] .modal-body .col-md-8 {
  margin-top: 10px;
}

[id^="editActivity"] .tab {
  display: none;
}

[id^="editActivity"] .tab {
  overflow: inherit;
  border: none;
  background-color: inherit;
}

[id^="editActivity"] .modal-body .col-md-4 {
  text-align: right;
  /*margin-top: 5px; */
}

[id^="editActivity"] .modal-body .col-md-8 {
  margin-top: 10px;
}

#modal_problem.modal-content {
  width: 630px;
}

#modal_activity.modal-content {
  width: 630px;
}

#addProblems label {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 400;

}

/*#addProblems .modal-footer{
  border-top :none;
  margin-right: 30px;
}
*/
#addProblems .modal-body .form-group {
  margin-top: 10px;
}

[id^="editProblems"] label {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 400;

}

/*#editProblems .modal-footer{
  border-top :none;
  margin-right: 30px;
}
*/
[id^="editProblems"] .modal-body .form-group {
  margin-top: 10px;
}

[id^="editActivity"] label {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 400;

}

[id^="editActivity"] .modal-body .form-group {
  margin-top: 10px;
}

/*  */
#addActivity .tabAc {
  display: none;
}

#addActivity .tabAc {
  overflow: inherit;
  border: none;
  background-color: inherit;
}

#addActivity .modal-body .col-md-4 {
  text-align: right;
  /*margin-top: 5px; */
}

#addActivity .modal-body .col-md-8 {
  margin-top: 10px;
}

#addActivity label {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 400;

}

#addActivity .modal-body .form-group {
  margin-top: 10px;
}

/*  */

/* #prevBtn {
  background-color: inherit;
  color:#B5B5B5;
}

[id^="prevBtnEdit"] {
  background-color: inherit;
  color:#8b7979;
} */

/* for MOF */
#addProblemsMOF .tab {
  display: none;
}

#addProblemsMOF .tab {
  overflow: inherit;
  border: none;
  background-color: inherit;
}

#addProblemsMOF .modal-body .col-md-4 {
  text-align: right;
  /*margin-top: 5px; */
}

#addProblemsMOF .modal-body .col-md-8 {
  margin-top: 10px;
}

#addProblemsMOF label {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 400;

}

/*#addProblems .modal-footer{
  border-top :none;
  margin-right: 30px;
}
*/
#addProblemsMOF .modal-body .form-group {
  margin-top: 10px;
}

#prevBtnMOF {
  background-color: inherit;
  color: #B5B5B5;
}

/* */

/* Hide all steps by default: */
[id^="fedit_problem"] .tabedit, [id^="editActivity"] .tabAcEdit {
  display: none;
}

[id^="fedit_problem"] .tabedit, [id^="editActivity"] .tabAcEdit {
  overflow: inherit;
  border: none;
  background-color: inherit;
}

[id^="fedit_problem"] .modal-body .col-md-4 {
  text-align: right;
  /*margin-top: 5px; */
}

[id^="fedit_problem"] .modal-body .col-md-8 {
  margin-top: 10px;
}

[id^="fedit_problem"] label {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 400;

}

[id^="fedit_problem"] .modal-body .form-group {
  margin-top: 10px;
}

#solution_pb table tr td:first-child {
  vertical-align: top;

}

#solution_pb table tr td:last-child input {
  margin-bottom: 10px;

}

[id^="solution_pb_edit"] table tr td:first-child {
  vertical-align: top;

}

[id^="solution_pb_edit"] table tr td:last-child input {
  margin-bottom: 10px;

}

#solution_pb_ac table tr td:first-child {
  vertical-align: top;

}

#solution_pb_ac table tr td:last-child input {
  margin-bottom: 10px;

}

[id^="solution_pb_ac_edit"] table tr td:first-child {
  vertical-align: top;

}

[id^="solution_pb_ac_edit"] table tr td:last-child input {
  margin-bottom: 10px;

}

.solution_pb_edit table tr td:first-child {
  vertical-align: top;

}

.solution_pb_edit table tr td:last-child input {
  margin-bottom: 10px;

}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #808cc5;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #808cc5;
}

.stepAc {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #808cc5;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.stepAc.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.stepAc.finish {
  background-color: #808cc5;
}

.stepedit, .stepAcEdit {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #808cc5;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.stepedit.active, .stepAcEdit.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.stepedit.finish, .stepAcEdit.finish {
  background-color: #808cc5;
}

.stepeditPB {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #808cc5;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.stepeditPB.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.stepeditPB.finish {
  background-color: #808cc5;
}



#solution_pb td .control-group.input-group {
  width: 100%;
  margin-right: 0;
  margin-top: 0;
}


#solution_pb td .control-group.input-group .input-group-btn {
  vertical-align: top;
}


#solution_pb td .control-group.input-group .btn {
  padding-bottom: 5px;
  padding-top: 5px;
}


#solution_pb td .control-group.input-group .add-more {
  background-color: #808cc5;
}

#solution_pb td .control-group.input-group .add-more-pb {
  background-color: #808cc5;
}

#solution_pb td .control-group.input-group .remove {
  background-color: indianred;
}

[id^="solution_pb_edit"] td .control-group.input-group {
  width: 100%;
  margin-right: 0;
  margin-top: 0;
}


[id^="solution_pb_edit"] td .control-group.input-group .input-group-btn {
  vertical-align: top;
}


[id^="solution_pb_edit"] td .control-group.input-group .btn {
  padding-bottom: 5px;
  padding-top: 5px;
}


[id^="solution_pb_edit"] td .control-group.input-group .add-more {
  background-color: #808cc5;
}

[id^="solution_pb_edit"] td .control-group.input-group .add-more-pb_edit {
  background-color: #808cc5;
}

[id^="solution_pb_edit"] td .control-group.input-group .remove {
  background-color: indianred;
}

/*  */
#solution_pb_ac td .control-group.input-group {
  width: 100%;
  margin-right: 0;
  margin-top: 0;
}


#solution_pb_ac td .control-group.input-group .input-group-btn {
  vertical-align: top;
}


#solution_pb_ac td .control-group.input-group .btn {
  padding-bottom: 5px;
  padding-top: 5px;
}


#solution_pb_ac td .control-group.input-group .add-more-ac {
  background-color: #808cc5;
}

#solution_pb_ac td .control-group.input-group .remove {
  background-color: indianred;
}

[id^="solution_pb_ac_edit"] td .control-group.input-group {
  width: 100%;
  margin-right: 0;
  margin-top: 0;
}


[id^="solution_pb_ac_edit"] td .control-group.input-group .input-group-btn {
  vertical-align: top;
}


[id^="solution_pb_ac_edit"] td .control-group.input-group .btn {
  padding-bottom: 5px;
  padding-top: 5px;
}


[id^="solution_pb_ac_edit"] td .control-group.input-group .add-more-ac-edit {
  background-color: #808cc5;
}

[id^="solution_pb_ac_edit"] td .control-group.input-group .remove {
  background-color: indianred;
}

.solution_pb_edit td .control-group.input-group {
  width: 100%;
  margin-right: 0;
  margin-top: 0;
}


.solution_pb_edit td .control-group.input-group .input-group-btn {
  vertical-align: top;
}


.solution_pb_edit td .control-group.input-group .btn {
  padding-bottom: 5px;
  padding-top: 5px;
}


.solution_pb_edit td .control-group.input-group .add-more {
  background-color: #808cc5;
}

.solution_pb_edit td .control-group.input-group .remove {
  background-color: indianred;
}



.uncheck {
  display: none;
}


.modal-dialog {
  margin: 30px auto;
  margin-top: 60px;
}

#pre_solution>table td:first-child {
  vertical-align: initial;
}

#problem_wanted .modal-dialog {
  height: 80% !important;
}

#validate_fileds .modal-content, #confirm_delActivity .modal-content{
  width: 630px;
}

#problem_wanted .modal-content {
  height: auto;
  min-height: 80%;
  border-radius: 0;
  overflow-y: auto;
  width: 630px;
}

[id^="editproblemModal"] .modal-dialog, [id^="edit_activity"] .modal-dialog {
  height: 80% !important;
}

[id^="editproblemModal"] .modal-content, [id^="edit_activity"] .modal-content, [id^="confirm_delProblem"] .modal-content {
  height: auto;
  min-height: 80%;
  border-radius: 0;
  overflow-y: auto;
  width: 630px;
}

/* for MOF */
#problem_wantedMOF .modal-dialog {
  height: 80% !important;
}

#problem_wantedMOF .modal-content {
  height: auto;
  min-height: 80%;
  border-radius: 0;
  overflow-y: auto;
}

#add_activity .modal-dialog {
  height: 80% !important;
}

#add_activity .modal-content {
  height: auto;
  min-height: 80%;
  border-radius: 0;
  overflow-y: auto;
  width: 630px;
}

[id^="edit_activity"] .modal-dialog {
  height: 80% !important;
}

[id^="edit_activity"] .modal-content {
  height: auto;
  min-height: 80%;
  border-radius: 0;
  overflow-y: auto;
  width: 630px;
}


/**/


@media screen and (max-width: 640px) {
  [id^="problemModal"] .modal-content, [id^="activityModal"] .modal-content {
    width: unset;
  }

  #modal_activity.modal-content {
    width: unset;
  }

  #modal_problem.modal-content {
    width: unset;
  }

  #problem_wanted .modal-content, #validate_fileds .modal-content, #confirm_delActivity .modal-content {
    width: unset;
  }

  [id^="editproblemModal"] .modal-content, [id^="edit_activity"] .modal-content, [id^="confirm_delProblem"] .modal-content {
    width: unset;
  }

  #add_activity .modal-content {
    width: unset;
  }


  [id^="edit_activity"] .modal-content {
    width: unset;
  }

  .modal-dialog {
    width: 100%;
  }

  #addProblems .col-md-4.col-sm-4.col-xs-4,
  #addProblems .col-md-8.col-sm-8.col-xs-8 {
    width: 100%;
  }

  #addProblems .modal-body .col-md-4 {
    text-align: left;
    /* margin-top: 20px; */
  }


  [id^="editProblems"] .col-md-4.col-sm-4.col-xs-4,
  [id^="editProblems"] .col-md-8.col-sm-8.col-xs-8 {
    width: 100%;
  }

  [id^="editProblems"] .modal-body .col-md-4 {
    text-align: left;
    margin-top: 20px;
  }

  [id^="editActivity"] .col-md-4.col-sm-4.col-xs-4,
  [id^="editActivity"] .col-md-8.col-sm-8.col-xs-8 {
    width: 100%;
  }

  [id^="editActivity"] .modal-body .col-md-4 {
    text-align: left;
    margin-top: 20px;
  }

  /*  */
  #addActivity .col-md-4.col-sm-4.col-xs-4,
  #addActivity .col-md-8.col-sm-8.col-xs-8 {
    width: 100%;
  }

  #addActivity .modal-body .col-md-4 {
    text-align: left;
    margin-top: 20px;
  }

  /* for MOF */
  #addProblemsMOF .col-md-4.col-sm-4.col-xs-4,
  #addProblemsMOF .col-md-8.col-sm-8.col-xs-8 {
    width: 100%;
  }

  #addProblemsMOF .modal-body .col-md-4 {
    text-align: left;
    margin-top: 20px;
  }

  /**/

  [id^="fedit_problem"] .col-md-4.col-sm-4.col-xs-4,
  [id^="fedit_problem"] .col-md-8.col-sm-8.col-xs-8 {
    width: 100%;
  }

  [id^="fedit_problem"] .modal-body .col-md-4 {
    text-align: left;
    margin-top: 20px;
  }
}

/*td div <  #solution_pb input:checked  ,td input < #solution_pb input:checked , label< #solution_pb input:checked{
  display: unset;
  color:red;
}*/