/*OCULTAR FLACHAS DE NAVEGACIÓN ENTRE ACTIVIDADES*/
.mdl-right,
.mdl-left {
    display: none;
}

/*OCULTAR RECURSOS*/

li.activity.folder.modtype_folder,
li.activity.forum.modtype_forum,
li.activity.book.modtype_book,
li.activity.assign.modtype_assign,
li.activity.resource.modtype_resource,
li.activity.quiz.modtype_quiz,
li.activity.questionnaire.modtype_questionnaire,
li.activity.page.modtype_page,
li.activity.journal.modtype_journal,
li.activity.glossary.modtype_glossary,
li.activity.choice.modtype_choice {
    display: none;
}

.mediaplugin,
.mediaplugin video {
    width: 21vw;
}



/*OCULTAR TITULO DE VIDEOS DE YOUTUBE*/
iframe .ytp-chrome-top.ytp-show-cards-title {
    visibility: hidden !IMPORTANT;
}

.ytp-embed:not(.ad-showing) .ytp-title-text {
    padding-top: 21px;
    display: none;
}

/*BOTON AUDIO*/
.circle-audio-player {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes pulse {
  0%, 100%  {
    box-shadow: 0px 0px 9px 1px #3658c9;
  }
  50% {
    box-shadow: 0px 0px 19px 1px #3658c9;
  }
}

#playerContainer {
    padding-right: 7px;
    float: right;
    top: -46px;
    position: relative;
    top: -46px;
    ;
}


/*BOTONES INFO*/

.botones-info-cont{
        display: flex;
    align-items: center;
    justify-content: center;
    top: 11px;
    position: relative;
}

.botones-info{
    background: #f5f5f5;
    border-radius: 28%;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 10px -5px;
    margin: 0 auto;
    padding: 0.5rem;
}

.botones-info:hover {
    background: #3658c9;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 13px 0px;
    margin: 0 auto;
    padding: 0.5rem;
}

.botones-info:hover .st0 {
fill: #f5f5f5;
}

.text-botones{
    font-size: x-small;
    line-height: 10px;
    color: #005fd3;
    font-style: normal;
}



.pulse {
cursor: pointer;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    width: 51px;
    display: block;
    height: 50px;
    background-color: #0070a8;
    margin: -8% 3%;
    position: absolute;
}