/*image hover*/
.img-hover {
  position: relative;
  width: 50%;
}

.img-hover > img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.img-hover:hover img {
  opacity: 0.3;
}

.button-remove-photo{
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  display:block;
  position:absolute;
  top: -3px;
  left: -3px;
}
.bootbox-close-button::before {
  content: '' !important;
}
.img-hover:hover .button-remove-photo {
  opacity: 1;
}
/*image hover*/

/* bootstrap switch*/
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  background: #16a05d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  background: #ed0505;
}

.postural-main {
  border: 1px dashed;
  overflow: hidden;
  /*width: fit-content;*/
  position: relative;
  max-width: 100%;
}

.postural-main > img {
  max-width: 100%;
}

.postural-grid-horizontal {
  width: 100%;
  height: 2px;
  background: #16a05d;
  position: absolute;
  left: 0;
}

.postural-grid-vertical {
  height: 100%;
  width: 2px;
  background: #16a05d;
  position: absolute;
  top: 0;
}

.symmetrograph-config-photo {
  cursor: pointer;
}

.symmetrograph-config-bar {
  cursor: pointer;
}

.symmetrograph-buttons > a > i {
  font-size: 1.8rem !important;
}

/* bootstrap switch*/

.kt-widget2 .kt-widget2__item.kt-widget2__item--default:before {
  background: #e4e8ee;
}

.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title:hover {
  color: #595d6e !important;
  -webkit-transition: color 0.3s ease !important;
  transition: color 0.3s ease !important;
}

.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__username:hover {
  text-decoration: none;
  color: #74788d;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.social-graph {
  border: 1px solid rgba(0, 0, 0, 0.125);
  overflow: visible !important;
}

.physical-graph {
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.bootstrap-timepicker4 .inline-addon {
  top: 0.8rem !important;
}

.feedback-star-checked > i {
  color: yellow;
}

.feedback-star > i:hover {
  color: yellow;
}

.fa-smile:hover {
  color: #16a05d;
}

.fa-frown:hover {
  color: #ed0505;
}

.fa-meh:hover {
  /*color: #ed0505;*/
}

.exercise-cards {
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
}

.exercise-cards:hover {
  text-overflow: clip;
}

.feeling-range .noUi-tooltip {
  font-size: 10px;
  padding: 3px;
}

.record-training-table td {
  vertical-align: middle;
}

.iti--separate-dial-code {
  width: 100%;
}

.responsive-felling {
  display: none;
}

@media (max-width: 768px) {
  .label-isToFail-responsive,
  .felling-bar,
  .res-new-title,
  .hide-tooltip-res > .tooltip {
    display: none !important;
  }

  .responsive-felling {
    display: block;
  }

  .btn-new-responsive {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 9px 12px 9px 12px !important;
    border-radius: 100% !important;
  }

  .btn-new-responsive i {
    padding: 0px !important;
    vertical-align: middle;
  }

  .symmetrograph-buttons > a > i {
    font-size: 1.5rem !important;
  }

  /* paginate button active was on top footer manu */
  .paginate_button {
    z-index: 1;
  }
}

@media (max-width: 370px) {
  .symmetrograph-buttons > a > i {
    font-size: 1.3rem !important;
    margin: 0.3rem !important;
  }
}

@media (max-width: 1024px) {
  .modal.show .modal-dialog {
    margin-bottom: 80px;
  }
}