audio::-internal-media-controls-download-button, audio::-internal-media-controls-rewind-button, audio::-internal-media-controls-mute-button, audio::-internal-media-controls-seek-back-button, audio::-internal-media-controls-return-to-realtime-button {
  display:none;
}

audio::-webkit-media-controls-enclosure {
  overflow:hidden;
}

audio::-webkit-media-controls-panel {
  width: calc(100% + 35px);
}

audio{
  max-width: 100%;
}

.display-initial
{
  display: initial!important;
}

.btn-lingofit-ok{
  width: 100%;
  max-width: 131px;
  border-radius: 5px;
  padding: 3px 13px;
  font-weight: 800;
  font-size: 16px;
  background: #F2D400;
  color: #ffffff;
}

.btn-lingofit-cancelar{
  width: 100%;
  max-width: 131px;
  border-radius: 5px!important;
  padding: 3px 13px!important;
  font-weight: 800!important;
  font-size: 16px!important;
  background: #4b4b4d;
  color: #ffffff;
}

.form-lingofit h5{
  border-right: 2px solid #7a7879;
  float: left;
  padding: 0 15px;
  min-height: 22px;
  margin: 7px 0;
}

.form-lingofit h5:last-child{
  border-right: none !important;
}

.form-lingofit h5:first-child{
  padding-left: 0;
}

.item-multiple-choise .item-default{
  background: #ddd;
  border: none;
}

.button-win{
  background: #6FBAB2 !important;
  color: #ffffff !important;
}

body.student ul.student{
  display:none;
}

.navbar-nav {
  float: initial;
}

.modal-notebook .note-toolbar-wrapper.panel-default{
  height: auto !important
}

.modal-notebook .box-comments .box-comment {
  padding: 10px !important;
}

.modal-notebook .box-comments {
  padding: 0;
}

.badge-num {
  border-radius: 50%;
  animation: pulse 1.5s 1;
}
.badge-num:after {
  content: '';
  position: absolute;
  top:-.1rem;
  left:-.1rem;
  border:2px solid rgba(255,0,0,.5);
  opacity:0;
  border-radius: 50%;
  width:100%;
  height:100%;
  animation: sonar 1.5s 1;
}
@keyframes sonar {
  0% {transform: scale(.9); opacity:1;}
  100% {transform: scale(2);opacity: 0;}
}
@keyframes pulse {
  0% {transform: scale(1);}
  20% {transform: scale(1.4); }
  50% {transform: scale(.9);}
  80% {transform: scale(1.2);}
  100% {transform: scale(1);}
}


.panel-notes-student .create-note-txt{
  display: initial !important;
}

#modal-notebook img, #modal-notebook iframe{
  max-width: 100%;
}

#modal-body-notesbook-student .box-comments, #modal-body-notesbook-student .footer-notes{
  display: none;
}

#modal-body-notesbook-student .text-muted{
  display: none;
}

.textarea-notes-student{
  height:100% !important;
}

.note-editor .modal.in{
  display: flex !important;
}

.img-offer-cycle-2 *:not(iframe){
  max-width: 100%;
  height: auto !important;
}

.iradio_minimal-grey.checked.disabled {
  background-position: -140px 0 !important;
}

.img-offer-cycle-2 iframe{
  max-width: 100%;

}



#modal-offer .modal-dialog{
  max-height: 85vh;
}

.sets-activity-1 {
  position: absolute;
  top: 8%;
  left: 52%;
  padding: 5px 3px;
  border-radius: 25px;
  font-size: 12px;
}

.sets-activity-1-alone {
  position: absolute;
  top: 8%;
  left: 52%;
  padding: 5px 3px;
  border-radius: 25px;
  font-size: 12px;
}

.sets-activity-2 {
  position: absolute;
  top: 84%;
  left: 52%;
  padding: 5px 3px;
  border-radius: 25px;
  font-size: 12px;
}

.sets-activity-2-alone {
  position: absolute;
  top: 8%;
  left: 52%;
  padding: 5px 3px;
  border-radius: 25px;
  font-size: 12px;
}

.sets-activity-3 {
  position: absolute;
  top: 9%;
  left: 52%;
  /*-webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);*/
  padding: 5px 3px;
  border-radius: 25px;
  font-size: 12px;
  z-index: 999;
}

.content-hint.show {
  max-width: calc(100% - 100px);
}

.performance-see-check .check-your-weight-group .body-answer h5.item-question {
  display: flex;
}

.performance-see-check .check-your-weight-group h5:not(.option-answer)> span:not(.numeracion-preguntas) {
  margin: auto 0 !important;
}
.mini-slider-answer-test>h5{
  display: flex;
}

.performance-see-check .check-your-weight-group h5:not(.option-answer)> div {
  margin: auto 0 !important;
  max-width: 214px !important;
}

.performance-see-check .check-your-weight-group h5:not(.option-answer)> span.numeracion-preguntas{
  padding: 15px 0px 8px 0 !important;
  margin: auto 0 !important;
}

.numeracion-preguntas {
  font-weight: 700;
  padding: 11px 9px;
  min-width: 45px;
  min-height: 45px;
}

.notebook{
  display: none !important;
}

.bloq-student .name-student{
  text-align: left;
}

.bloq-student .name-student img{
  margin-right: 18px;
  width: 45px !important;
  height: 45px !important;
}


.modal-notebook .bloq-student .name-student > img{
  width: 45px !important;
  height: 45px !important;
  margin-right: 5px!important;
  margin-left: -55px!important
}


.enunciate h4 > audio{
  /*display: block;*/
  display: flex;
  height: 70px;
  justify-content: right;
}

.enunciate h4 > a.listen-write-audio{
  display: block;
  /*display: flex;*/
  height: 35px;
  justify-content: right;
}

.enunciate h4 > a.listen-write-audio img{
  padding-top: 10px;
}

.enunciate h4 > a.listen-write-audio span{
  padding-left: 0px;
}

#formulario #flashcard .items-containt a.listen-write-audio span{
  padding-left:0px;
}

#modal_recorta_foto #footer-imagen .btn-question-dark{
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  width: 85px !important;
}

#modal_recorta_foto #footer-imagen button#recortar{
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  width: 85px !important;
}

#modal_recorta_foto #footer-imagen .btn{
  border-radius: 0px !important;
}

.bloq-student .mini-slider-answer-test {
  width: 100%;
  max-width: calc(100% - 130px);
  margin: 10px 0 0 65px!important;
  border-radius: 0px;/*antes 10px*/
  box-shadow: 0px 0px 0px 4px rgba(242, 242, 242, 1);
}

.bloq-student .pagination-l{
  width: 100%;
  max-width: calc(100% - 130px);
  margin: 10px 0 0 65px!important;
}

.jcrop-holder {
  margin: auto;
}

.answer-user-test h4, .answer-user-test .mini-slider-answer-test > h4, .bloq-student .footer-answer-user-test{
  text-align: center;
}

.bloq-student .option-answer, .bloq-student .answer, .bloq-student .enunciate-answer-user-test, .bloq-student audio, .bloq-student .listen-write-audio{
  padding-left: 30px;
}

.bloq-student .answer-user-test .body-answer *{
  font-size: 14px !important;
  text-align: justify;
}

/*este codigo se usa para acomodar el matching en el modal de feedback*/
.modal-content .contenido-checks-feedbacks .contenido-minuatura .item-question
{
  padding-bottom: 1px;
}

.bloq-student .answer-user-test .enunciate-answer-user-test *, .bloq-student .answer-user-test .enunciate-answer-user-test{
  font-size: 14px !important;
  text-align: justify;
}

.fill-blank-answer >*{
  padding-left: 31px !important;
  padding-right: 31px !important;
}

.enunciate h4 {
  padding: 0 0 0 5px;
  text-align: justify;
}

.panel-items .items-containt .enunciate.number{
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}

.result-panel div.matching span {
  margin-top: -10px;
  display: inline-block;
}

.panel-items .enunciate h4 {
  padding: 0 0 0 0px !important;
}

.result-panel .enunciate h4 .numeracion-preguntas, .check-5 .enunciate h4 .numeracion-preguntas{
  float: left;
  margin-top: -8px;
}

.panel-buttons{
  margin-bottom: 5px;
}

.item-multiple-choise{
  display: flex;
  margin-bottom: 10px !important;
  align-items: center;
  word-break: break-all;
}

.item-multiple-choise button{
  min-width: 55px;
  max-height: 36px;
}

.ul-multiple-choise{
  margin-top: 30px;
}

.question-choice > li {
  font-size: 18px;
}

.select2-container--default .select2-selection--multiple
{
  border: 0px!important;
  border-bottom: 1px solid #D73453!important;
}

.multi-select
{
  height: 48px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
{
  background: #ffffff;
  color: #D73453;
  border-color: #D73453;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
{
  color: #D73453!important;
}

.select2-search--inline .select2-search__field:focus
{
  border-color: #D73453;
  width: 70px!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
{
  background-color: #D73453;
}

.shadow-dragable
{
  box-shadow: 0 2px 5px #000000;
}

.type-plan-modal h5{
  /*border: 2px #000;
  color: #cfd0d2;
  font-weight: 600;
  border-radius: 10px;
  background: #e3e4e5;
  margin-left: 10px;
  margin-right: 10px;
  padding: 6px;*/
  border: 2px #000;
  color: #cfd0d2;
  font-weight: 600;
  border-radius: 10px;
  background: #e3e4e5;
  margin-left: 0px;
  margin-right: 0px;
  padding: 6px;
}

.just-desktop.next-form,a.just-desktop
{
  padding: 0px!important;
  /*display: flex;*/
  align-items: center;
  height: 85%;
}

.div-open-cover
{
  background: #F2D400;
  text-align: center;
  padding: 3px;
  border-radius: 9px;
  top: 15px;
  z-index: 999999;
}

.just-desktop.next-form.izquierda
{
  top:0px;
  color: #6FBAB2;
  position: absolute;
  left: 10px;
  z-index: 1;
}

.just-desktop.next-form.derecha
{
  top:0px;
  color: #6FBAB2;
  position: absolute;
  right: 30px;
  z-index: 1;
}

.centrar-verticalmente
{
  display: flex;
  justify-content: center;
  align-items: center;
}

.alinear-texto-centrado{
  display: flex;
  align-items: center;
}

.without-save
{
  position: unset;
  /*right: 5%;
  margin-top: -4%;*/
  text-align: right;
  z-index: 99999999999999999;
}

.encabezado-notebook li a
{
  color: #cecece;
}


.encabezado-notebook li.active a
{
  color: #D73453!important;
}

.contenedor-nota-feedback .box-body
{
  background: #f2f2f2;
}


.modal-notebook .modal-content.panel-notes
{
  /*padding: 35px;*/
  padding: 15px;
}

.modal-notebook .tab-content
{
  padding: 24px;
}

.modal-notebook .modal-body
{
  /*padding: 17px!important;*/
  padding: 0px!important;
}

.modal-notebook .nav-tabs>li>a
{
  padding: 5px 10px;
}

.modal-notebook .modal-body .name-student
{
  margin: auto!important;
  font-weight: bold;
  max-width: 600px;
  margin-bottom: -20px!important;
}

.modal-notebook .modal-body .answer-user-test h6, .answer-user-test h6
{
  margin: 0px auto 10px;
  max-width: 600px!important;
  font-weight: 600;
  font-size: 11px;
}

.answer-user-test h6
{
  max-width: calc(100% - 125px)!important;
}

.modal-notebook .modal-body h4
{
  margin: 10px 0 0 2px!important;
}

/*.contenedor-global-feedbacks:nth-child(2)*/
div.contenedor-global-feedbacks-inamovible div:nth-child(2)
{
  /*margin-top: 0px!important;*/
}

.contenedor-feedback-instructor
{
  /*padding: 0px 73px;*/
}


.modal-notebook .close
{
  font-size: 24px;
}

.modal-notebook .just-desktop img
{
  margin: auto!important;
}

.modal-notebook .bloq-student .mini-slider-answer-test
{
  margin: 0 auto!important;
  /*max-width: 609px;*/
  max-width: 592px;
  height: 260px!important;
}

.mini-slider-answer-test .contenido-minuatura
{
  max-height: 300px!important;
}

.modal-notebook .contenido-minuatura
{
  max-height: 260px!important;
}

.modal-notebook .bloq-student .mini-slider-answer-test .body-answer *
{
  font-size: 12px!important;
}

#mi-feedback .panel-note-independent
{
  padding: 0px!important;
}

.modal-notebook .panel-heading.note-toolbar
{
  padding: 5px 0 5px 5px!important;
}

.is-active span, .is-active i
{
  color: #6FBAB2;
}

.is-inactive span, .is-inactive i
{
  color: #cecece;
}

.display-block
{
  display: block;
}

.pt-10
{
  padding-top: 10px;
}

.pt-20
{
  padding-top: 20px;
}

.pt-30
{
  padding-top: 30px;
}

.pt-40
{
  padding-top: 40px;
}

.pt-50
{
  padding-top: 50px;
}

.pti-10
{
  padding-top: 10px!important;
}

.pti-20
{
  padding-top: 20px!important;
}

.pti-30
{
  padding-top: 30px!important;
}

.pti-40
{
  padding-top: 40px!important;
}

.pti-50
{
  padding-top: 50px!important;
}

.pr-10
{
  padding-right: 10px;
}

.pr-20
{
  padding-right: 20px;
}

.pr-30
{
  padding-right: 30px;
}

.pr-40
{
  padding-right: 40px;
}

.pr-50
{
  padding-right: 50px;
}

.pl-10
{
  padding-left: 10px;
}

.pl-20
{
  padding-left: 20px;
}

.pl-30
{
  padding-left: 30px;
}

.pl-40
{
  padding-left: 40px;
}

.pl-50
{
  padding-left: 50px;
}

.pb-10
{
  padding-bottom: 10px;
}

.pb-20
{
  padding-bottom: 20px;
}

.pb-30
{
  padding-bottom: 30px;
}

.pb-40
{
  padding-bottom: 40px;
}

.pb-50
{
  padding-bottom: 50px;
}

.ph-0
{
  padding-right: 0px;
  padding-left: 0px;
}

.ph-10
{
  padding-right: 10px;
  padding-left: 10px;
}

.ph-20
{
  padding-right: 20px;
  padding-left: 20px;
}

.ph-30
{
  padding-right: 30px;
  padding-left: 30px;
}

.ph-40
{
  padding-right: 40px;
  padding-left: 40px;
}

.ph-50
{
  padding-right: 50px;
  padding-left: 50px;
}

.pv-0
{
  padding-top: 0px;
  padding-bottom: 0px;
}

.pv-10
{
  padding-top: 10px;
  padding-bottom: 10px;
}

.pv-20
{
  padding-top: 20px;
  padding-bottom: 20px;
}

.pv-30
{
  padding-top: 30px;
  padding-bottom: 30px;
}

.pv-40
{
  padding-top: 40px;
  padding-bottom: 40px;
}

.pv-50
{
  padding-top: 50px;
  padding-bottom: 50px;
}

.box-comments.without-comments
{
  background: transparent;
  margin-top: 0px!important;
}

.border-error
{
  border:2px solid #D73453!important;
  margin-left:0px!important;
}

.pag-writing-speaking
{
  background: #6fbab26e!important;
}

.alinear-elementos-izquierda h1, .alinear-elementos-izquierda h2, .alinear-elementos-izquierda h3, .alinear-elementos-izquierda h4, .alinear-elementos-izquierda h5, .alinear-elementos-izquierda h6, .alinear-elementos-izquierda p, .alinear-elementos-izquierda span, .alinear-elementos-izquierda a, .alinear-elementos-izquierda ul, .alinear-elementos-izquierda li{
  text-align: left;
}

.select-lingofit .select2-selection.select2-selection--single{
  border: none;
  background: #f2f2f2!important;
  color: #a3a3a3;
}

.select-lingofit .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 400;
}

@media(max-width: 1024px){
  .jcrop-handle {
    width: 20px;
    height: 20px;
  }

  .jcrop-handle.ord-sw {
    margin-bottom: -10px !important;
    margin-left: -10px !important;
  }

  .jcrop-handle.ord-se {
    margin-bottom: -10px !important;
    margin-right: -10px !important;
  }

  .jcrop-handle.ord-ne {
    margin-right: -10px;
    margin-top: -10px;
  }

  .jcrop-handle.ord-nw {
    margin-left: -10px !important;
    margin-top: -10px !important;
  }

  .jcrop-handle.ord-w {
    margin-left: -10px !important;
    margin-top: -10px !important;
  }

  .jcrop-handle.ord-e {
    margin-right: -10px !important;
    margin-top: -10px !important;
  }


  .jcrop-handle.ord-s {
    margin-bottom: -10px !important;
    margin-left: -10px !important;
  }

  .jcrop-handle.ord-n {
    margin-left: -10px !important;
    margin-top: -10px !important;
  }

  .just-desktop
  {
    opacity: 0;
  }

  .just-desktop.next-form.derecha
  {
    right: 15px;
  }

}

@media(max-width: 768px){
  .panel-answer{
    display: initial;
  }

  .panel-answer > div{
    margin-left: 0px !important;
    margin-top: 10px;
    width: auto;
  }

  .btn-true-false{
    height: 30px !important;
    font-size: 20px !important;
    padding: 0 !important;
  }

  .navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {
    right: -195% !important;
  }

  audio {
    max-width: 80%;
  }

  .delete-reply-btn{
    float: right !important;
    position: absolute;
    margin-top: -20px !important;
    right: 10px;
  }

  .modal-notebook .box-comments .username {
    font-weight: 100 !important;
  }

  .modal-notebook .box-comments .comment-text{
    font-weight: 600 !important;
  }

  .modal-notebook .close-notebook
  {
    right: 9px!important;
  }

  .date-reply{
    font-size: 10px !important;
  }

  .panel-new-note .note-toolbar, .note-toolbar-wrapper.panel-default{
    display: none;
  }

  .text-btn-send-reply{
    display: none;
  }

  .title-modal-note{
    font-size: 20px!important;
  }

  .main-header .navbar-custom-menu {
    display: none;
  }

  img.sad_face_img {
    width: 50px;
  }

  .sad_face {
    position: absolute;
    z-index: 1;
    color: #D73453;
    font-weight: 700;
    font-style: italic;
    top: 10px;
    width: 100%;
    padding: 0 45px;
    line-height: 10px;
    font-size: 11px;
  }

  .sad_face img{
    width: 15px !important;
  }

  .item-multiple-choise > div{
    font-size: 15px !important;
  }

  .session-concluded h3{
    font-size: 20px !important;
    width: 200px;
    margin: 0 auto;
  }

  .panel-hint {
    padding: 20px 0 35px!important;
  }

  .panel-hint.open.matching,.panel-hint.open.short-answer{
    padding: 20px 0 0 0px!important;
    width: 100%;
  }

  .panel-hint.matching{
    width: 100%;
  }

  /*.panel-hint.open {
    padding: 20px 0 0 30px!important;
  }Se comenta por que desplaza el botón cuando se abre. Se corrige junto con el hint que se remanga a la derecha*/

  .panel-hint{
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  .contenedor-vocabulary .panel-hint
  {
    padding: 20px 35px 0!important;
  }

  .numeracion-preguntas {
    width: 35px;
    min-width: 35px;
    height: 35px;
    padding: 8px 9px !important;
  }

  .result-panel div.matching span {
    display: initial;
  }

  .item-multiple-choise button{
    width: 27px !important;
    min-width: 27px;
    height: 36px;
    font-size: 20px !important;
    padding: 3px !important;
  }

  .sets-activity-1 {
    position: relative!important;
    top: -4%;
  }

  .sets-activity-1-alone {
    position: relative!important;
    top: -4%!important;
  }

  .sets-activity-2 {
    position: relative!important;
    top: 44%!important;
  }

  .sets-activity-2-alone {
    position: relative!important;
    top: -4%!important;
  }

  .sets-activity-3 {
    position: relative!important;
    top: -4%!important;
    left: 51%;
  }

  .modal-notebook .modal-content.panel-notes
  {
    padding: 10px!important;
  }

  .modal-notebook .tab-content
  {
    padding: 20px 0px!important;
  }

  .modal-notebook .modal-body
  {
    padding: 10px !important;
  }

  .modal-notebook .modal-body .name-student
  {
    margin-left: 0px!important;
  }

  .modal-notebook .modal-body .name-student span
  {
    margin:0px!important;
  }

  .modal-notebook .modal-body .answer-user-test h6
  {
    margin: 10px 0px!important;
  }

  .bloq-student .mini-slider-answer-test
  {
    margin-left: 0px!important;
    max-width: 100%!important;
  }

  .modal-notebook .modal-body h4
  {
    margin: 10px 0px!important;
  }

  .modal-notebook .modal-body .mini-slider-answer-test
  {
    max-width: 100%!important;
    margin: 0px!important;
    padding: 10px 15px!important
  }

  .modal-notebook .modal-dialog
  {
    top: 15px;
  }

  .panel-slider iframe
  {
    width: 100%;
  }
}

@media(max-width: 497px){
  .question-answer {
    /*margin-top: -32px;*/
  }

  .note .box-tools .btn{
    font-size: 17px !important;
    margin: 0 !important;
    padding: 0 1px !important
  }

  .btn-reply{
    width: 30px !important;
    font-size: 12px !important;
  }

  .note .user-block img {
    width: 30px;
    height: 30px;
  }

  .note .user-block .username, .note .user-block .description, .note .user-block .comment {
    margin-left: 35px;
    margin-right: 60px !important;
    font-size: 12px !important;
  }

  .note .text-muted {
    float: left!important;
    width: 100%;
  }

  .item-multiple-choise .question-answer {
    margin-top: 0px;
  }

  #modal_recorta_foto #footer-imagen .btn-question-dark{
    padding: 6px 10px !important;
  }
}

@media(max-height: 560px){

  #modal-notebook #modal-body-notesbook-student
  {
    height: calc(100% - 40px)!important;
  }

  #modal-notebook .modal-body, #modal-notebook .panel-notes-student{
    height: 350px !important;
    padding: 8px !important;
  }


  #modal-notebook .modal-content{
    padding: 10px!important;
  }

  .notas-estudiantes
  {
    padding: 8px!important;
  }
}

@media(min-width: 1024px)
{
  .just-desktop.next-form
  {
    opacity: 0.4;
  }

  .just-desktop:hover
  {
    opacity: 1!important;
  }

  .just-desktop.next-form,a.just-desktop
  {
    width: 27px;
  }

  .just-desktop.next-form.izquierda img
  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 10px;
  }

  .just-desktop.next-form.derecha img
  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 68%;
  }

  .widget-slider .enunciate .centrar-verticalmente.widget-short-answer{
    /*width: 330px;*/
    /*se comenta el 15 de marzo el width 330px porque en este widget los textos (así estén cortos) ocupan hasta 3 renglones*/
    width: 100%;
    justify-content: left;
  }

}