/*Percentage tiles change*/
.format-grid .grid-completion {
    position: relative;
    border-radius: 50%;
    box-sizing: border-box;
    border: 4px solid #3e007f;
}


.format-grid .grid-completion::before,
.format-grid .grid-completion::after {
    content: "";
    position: absolute;
    width: 4px;             
    height: 4px;
    border-radius: 50%;
    display: none;          
}


.format-grid .grid-completion.grid-completion-colour-low {
    background-color: #3e007f !important;
    border-color: #3e007f !important;
}


.format-grid .grid-completion.grid-completion-percentagequarter-1 {
    border-right-color: #ed00cc !important;
    box-shadow: 0 0 0 4px #3e007f;
    background-color: #3e007f;
}

.format-grid .grid-completion.grid-completion-percentagequarter-1::before {
    display: block;
    background-color: #ed00cc;
    top: 1px;
    right: 2px;
}
.format-grid .grid-completion.grid-completion-percentagequarter-1::after {
    display: block;
    background-color: #ed00cc;
    bottom: 1px;
    right: 2px;
}

.format-grid .grid-completion.grid-completion-percentagequarter-2,
.format-grid .grid-completion.grid-completion-percentagequarter-3 {
    border-bottom-color: #fcce0d !important;
    border-right-color: #fcce0d !important;
    box-shadow: 0 0 0 4px #3e007f;
    background-color: #3e007f;
}
.format-grid .grid-completion.grid-completion-percentagequarter-2::before,
.format-grid .grid-completion.grid-completion-percentagequarter-3::before {
    display: block;
    background-color: #fcce0d;
    top: 1px;
    right: 2px;
}
.format-grid .grid-completion.grid-completion-percentagequarter-2::after,
.format-grid .grid-completion.grid-completion-percentagequarter-3::after {
    display: block;
    background-color: #fcce0d;
    bottom: 1px;
    left: 2px;
}

.format-grid .grid-completion.grid-completion-percentagequarter-4 {
    border-color: #00c650 !important;
    box-shadow: 0 0 0 4px #3e007f;
    background-color: #3e007f;
}
.format-grid .grid-completion.grid-completion-percentagequarter-4::before,
.format-grid .grid-completion.grid-completion-percentagequarter-4::after {
    display: none;
}
/*Icons for the activity block*/
.block_activity_modules .card-text .unlist li a:not([href*="/mod/pld/"]) img.icon {
    display: none !important;
}

.block_activity_modules .card-text .unlist li a:not([href*="/mod/pld/"])::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.block_activity_modules .card-text .unlist li a[href*="/mod/assign/"]::before {
    background-image: url('/pluginfile.php/1/tool_themeassets/assets/0/Tareas.svg');
}

.block_activity_modules .card-text .unlist li a[href*="/mod/forum/"]::before {
    background-image: url('/pluginfile.php/1/tool_themeassets/assets/0/Foros.svg');
}


.block_activity_modules .card-text .unlist li a[href*="/mod/lesson/"]::before {
    background-image: url('/pluginfile.php/1/tool_themeassets/assets/0/Tareas.svg');
}

.block_activity_modules .card-text .unlist li a[href*="/mod/hsuforum/"]::before {
    background-image: url('/pluginfile.php/1/tool_themeassets/assets/0/Foros.svg');
}

.block_activity_modules .card-text .unlist li a[href*="/mod/quiz/"]::before {
    background-image: url('/pluginfile.php/1/tool_themeassets/assets/0/Tareas.svg');
}

.block_activity_modules .card-text .unlist li a[href*="/resources.php"]::before {
    background-image: url('/pluginfile.php/1/tool_themeassets/assets/0/Recursos.svg');
}

.block_activity_modules .card-text .unlist li a[href*="/mod/scorm/"]::before {
    background-image: url('/pluginfile.php/1/tool_themeassets/assets/0/SCORM.svg');
}