/* css farmavet */
/* css admin fix*/
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    display: block;
}
/* fi css admin fix */

/* animacion alerta */
@keyframes animacion-color-success {
    0% {
        background-color: black;
        top: -5px;
        transform: translate(0, -100%);
    }
    20% {
        background-color: black;
        top: -5px;
        transform: translate(0, -100%);
    }
    100% {
        background-color: green;
        top: 0px;
        transform: translate(0, 0%);
    }
}
@keyframes animacion-color-warning {
    0% {
        background-color: black;
        top: -5px;
        transform: translate(0, -100%);
    }
    20% {
        background-color: black;
        top: -5px;
        transform: translate(0, -100%);
    }
    100% {
        background-color: orangered;
        top: 0px;
        transform: translate(0, 0%);
    }
}
@keyframes animacion-color-danger {
    0% {
        background-color: black;
        top: -5px;
        transform: translate(0, -100%);
    }
    20% {
        background-color: black;
        top: -5px;
        transform: translate(0, -100%);
    }
    100% {
        background-color: darkred;
        top: 0px;
        transform: translate(0, 0%);
    }
}
@keyframes animacion-color-info {
    0% {
        background-color: black;
        top: -5px;
        transform: translate(0, -100%);
    }
    20% {
        background-color: black;
        top: -5px;
        transform: translate(0, -100%);
    }
    100% {
        background-color: dodgerblue;
        top: 0px;
        transform: translate(0, 0%);
    }
}
@keyframes animacion-desaparece {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/* The element to apply the animation to */
.mensaje-alerta{
    width: 800px;
    /*height: 100px;*/
    background-color: black;
    position: fixed;
    top: 0px;
    transform: translate(0, 0%);
    left: calc(50% - (400px - 150px));
    color: white;
    padding: 30px 30px;
    text-align: center;
    border-radius: 0 0 10px 10px;
    z-index: 1050;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
}
.btn-cerrar{
    color: white;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 20px;
}
.mensaje-success {
    animation-name: animacion-color-success;
    animation-duration: 3s;
    background-color: green;
}
.mensaje-warning {
    animation-name: animacion-color-warning;
    animation-duration: 3s;
    background-color: orangered;
}
.mensaje-danger {
    animation-name: animacion-color-danger;
    animation-duration: 3s;
    background-color: darkred;
}
.mensaje-info {
    animation-name: animacion-color-info;
    animation-duration: 3s;
    background-color: dodgerblue;
}
.mensaje-cerrar {
    animation-name: animacion-desaparece;
    animation-duration: 2s;
    opacity: 0;
}
/* fi animacion alerta */
/* admin */
.overflow-hidden {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}
/* fi admin */
.cursor-pointer{
    cursor: pointer;
}
.u-tooltip--v2 {
    box-shadow: none;
}
.btn-menu-admin{
    position: relative !important;
    padding-top: 40px !important;
    padding-bottom: 15px !important;
}
.menu-descripcion{
    font-size: 12px;
    max-width: 120px;
}
.menu-icon{
    position: absolute;
    top: 0px;
    right: 43px;
}
.small-padding th, .small-padding td{
    padding: 10px;
}
/* normal */
/*
[class*="u-nav-v8"] .nav-link:not(.disabled){
    background-color: #00d80a;
}
.u-nav-v8-2 .nav-link:not(.disabled)::before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #00d80a)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #00d80a));
    background-image: -o-linear-gradient(top right, transparent 49.6%, #00d80a 50%), -o-linear-gradient(bottom right, transparent 49.6%, #00d80a 50%);
    background-image: linear-gradient(to bottom left, transparent 49.6%, #00d80a 50%), linear-gradient(to top left, transparent 49.6%, #00d80a 50%);
}
[class*="u-nav-v8"] .nav-link:not(.disabled)::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#00d80a), to(rgba(17, 17, 17, 0.2)));
    background-image: -o-linear-gradient(right, #00d80a 0%, rgba(17, 17, 17, 0.2) 100%);
    background-image: linear-gradient(to left, #00d80a 0%, rgba(17, 17, 17, 0.2) 100%);
}
[class*="u-nav-v8"] .nav-link:not(.disabled) .u-nav-v8__icon {
    background-color: #00d80a;
}
[class*="u-nav-v8"] .nav-link:not(.disabled):hover{
    background-color: #01ae09;
}
.u-nav-v8-2 .nav-link:not(.disabled):hover::before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #01ae09)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #01ae09));
    background-image: -o-linear-gradient(top right, transparent 49.6%, #01ae09 50%), -o-linear-gradient(bottom right, transparent 49.6%, #01ae09 50%);
    background-image: linear-gradient(to bottom left, transparent 49.6%, #01ae09 50%), linear-gradient(to top left, transparent 49.6%, #01ae09 50%);
}
[class*="u-nav-v8"] .nav-link:not(.disabled):hover::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#01ae09), to(rgba(17, 17, 17, 0.2)));
    background-image: -o-linear-gradient(right, #01ae09 0%, rgba(17, 17, 17, 0.2) 100%);
    background-image: linear-gradient(to left, #01ae09 0%, rgba(17, 17, 17, 0.2) 100%);
}
*/
/* orange actiu */
[class*="u-nav-v8-2"] .nav-link.parte-orange.active, [class*="u-nav-v8-2"] .nav-link:not(.parte-green).active{
    background-color: #fb9c00;
}
.u-nav-v8-2 .nav-link.parte-orange.active::before, .u-nav-v8-2 .nav-link.active:not(.parte-green)::before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #fb9c00)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #fb9c00)) !important;
    background-image: -o-linear-gradient(top right, transparent 49.6%, #fb9c00 50%), -o-linear-gradient(bottom right, transparent 49.6%, #fb9c00 50%) !important;
    background-image: linear-gradient(to bottom left, transparent 49.6%, #fb9c00 50%), linear-gradient(to top left, transparent 49.6%, #fb9c00 50%) !important;
}
[class*="u-nav-v8"] .nav-link.parte-orange.active::after, [class*="u-nav-v8"] .nav-link.active:not(.parte-green)::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#fb9c00), to(rgba(17, 17, 17, 0.2))) !important;
    background-image: -o-linear-gradient(right, #fb9c00 0%, rgba(17, 17, 17, 0.2) 100%) !important;
    background-image: linear-gradient(to left, #fb9c00 0%, rgba(17, 17, 17, 0.2) 100%) !important;
}
[class*="u-nav-v8"] .nav-link.active:not(.parte-green) .u-nav-v8__icon {
    background-color: #ce7c02;
}
/* green actiu */
[class*="u-nav-v8-2"] .nav-link.parte-green.active{
    background-color: #22a70e;
}
.u-nav-v8-2 .nav-link.parte-green.active::before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #22a70e)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #22a70e)) !important;
    background-image: -o-linear-gradient(top right, transparent 49.6%, #22a70e 50%), -o-linear-gradient(bottom right, transparent 49.6%, #22a70e 50%) !important;
    background-image: linear-gradient(to bottom left, transparent 49.6%, #22a70e 50%), linear-gradient(to top left, transparent 49.6%, #22a70e 50%) !important;
}
[class*="u-nav-v8"] .nav-link.parte-green.active::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#22a70e), to(rgba(17, 17, 17, 0.2))) !important;
    background-image: -o-linear-gradient(right, #22a70e 0%, rgba(17, 17, 17, 0.2) 100%) !important;
    background-image: linear-gradient(to left, #22a70e 0%, rgba(17, 17, 17, 0.2) 100%) !important;
}

/*.u-nav-v8-2 .nav-link.active::before {
    filter: brightness(1.25);
}
[class*="u-nav-v8-2"] .nav-link.active::after {
    filter: brightness(1.25);
}*/
/* orange */
[class*="u-nav-v8"] .nav-link.parte-orange{
    background-color: #ce7c02;
}
.u-nav-v8-2 .nav-link.parte-orange:not(.disabled)::before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #ce7c02)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #ce7c02));
    background-image: -o-linear-gradient(top right, transparent 49.6%, #ce7c02 50%), -o-linear-gradient(bottom right, transparent 49.6%, #ce7c02 50%);
    background-image: linear-gradient(to bottom left, transparent 49.6%, #ce7c02 50%), linear-gradient(to top left, transparent 49.6%, #ce7c02 50%);
}
[class*="u-nav-v8"] .nav-link.parte-orange:not(.disabled)::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#ce7c02), to(rgba(17, 17, 17, 0.2)));
    background-image: -o-linear-gradient(right, #ce7c02 0%, rgba(17, 17, 17, 0.2) 100%);
    background-image: linear-gradient(to left, #ce7c02 0%, rgba(17, 17, 17, 0.2) 100%);
}
[class*="u-nav-v8"] .nav-link.parte-orange .u-nav-v8__icon {
    background-color: #ce7c02;
}
[class*="u-nav-v8"] .nav-link.parte-orange:hover{
    background-color: #a86501;
}
.u-nav-v8-2 .nav-link.parte-orange:not(.disabled):hover::before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #a86501)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #a86501)) !important;;
    background-image: -o-linear-gradient(top right, transparent 49.6%, #a86501 50%), -o-linear-gradient(bottom right, transparent 49.6%, #a86501 50%) !important;;
    background-image: linear-gradient(to bottom left, transparent 49.6%, #a86501 50%), linear-gradient(to top left, transparent 49.6%, #a86501 50%) !important;;
}
[class*="u-nav-v8"] .nav-link.parte-orange:not(.disabled):hover::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#a86501), to(rgba(17, 17, 17, 0.2))) !important;;
    background-image: -o-linear-gradient(right, #a86501 0%, rgba(17, 17, 17, 0.2) 100%) !important;;
    background-image: linear-gradient(to left, #a86501 0%, rgba(17, 17, 17, 0.2) 100%) !important;;
}
/* verd */
[class*="u-nav-v8"] .nav-link.parte-green{
    background-color: #018407;
}
.u-nav-v8-2 .nav-link.parte-green:not(.disabled)::before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #018407)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #018407));
    background-image: -o-linear-gradient(top right, transparent 49.6%, #018407 50%), -o-linear-gradient(bottom right, transparent 49.6%, #018407 50%);
    background-image: linear-gradient(to bottom left, transparent 49.6%, #018407 50%), linear-gradient(to top left, transparent 49.6%, #018407 50%);
}
[class*="u-nav-v8"] .nav-link.parte-green:not(.disabled)::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#018407), to(rgba(17, 17, 17, 0.2)));
    background-image: -o-linear-gradient(right, #018407 0%, rgba(17, 17, 17, 0.2) 100%);
    background-image: linear-gradient(to left, #018407 0%, rgba(17, 17, 17, 0.2) 100%);
}
[class*="u-nav-v8"] .nav-link.parte-green .u-nav-v8__icon {
    background-color: #018407;
}
[class*="u-nav-v8"] .nav-link.parte-green:hover{
    background-color: #006304;
}
.u-nav-v8-2 .nav-link.parte-green:not(.disabled):hover::before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #006304)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #006304)) !important;
    background-image: -o-linear-gradient(top right, transparent 49.6%, #006304 50%), -o-linear-gradient(bottom right, transparent 49.6%, #006304 50%) !important;;
    background-image: linear-gradient(to bottom left, transparent 49.6%, #006304 50%), linear-gradient(to top left, transparent 49.6%, #006304 50%) !important;;
}
[class*="u-nav-v8"] .nav-link.parte-green:not(.disabled):hover::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#006304), to(rgba(17, 17, 17, 0.2))) !important;;
    background-image: -o-linear-gradient(right, #006304 0%, rgba(17, 17, 17, 0.2) 100%) !important;;
    background-image: linear-gradient(to left, #006304 0%, rgba(17, 17, 17, 0.2) 100%) !important;;
}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a.disabled{
    color: gray;
}
a.disabled:hover{
    text-decoration: none;
    cursor: none;
}
.h0{
    font-size: 48px;
    font-weight: bold;
    font-family: "Barlow", sans-serif;
}
.h-70{
    height:700px!important;
}
.g-z-index-999{
    z-index: 999;
}
.g-fs-12, .g-fs-12 p, .g-fs-12 ul li{
    font-size: 12px;
    line-height: 1.2em;
}
.g-fs-13, .g-fs-13 p, .g-fs-13 ul li{
    font-size: 13px;
    line-height: 1.3em;
}
.g-fs-14, .g-fs-14 p, .g-fs-14 ul li{
    font-size: 14px;
    line-height: 1.4em;
}
.g-fs-15, .g-fs-15 p, .g-fs-15 ul li{
    font-size: 15px;
    line-height: 1.5em;
}
.g-fs-16, .g-fs-16 p, .g-fs-16 ul li{
    font-size: 16px;
    line-height: 1.6em;
}
.g-px-20{
    padding-left: 20px;
    padding-right: 20px;
}
/*
ul{
    font-size: 18px;
    line-height: 1.8em;
}
*/
p{
    font-size: inherit;
    /* line-height: 1.8em; */
    color: inherit;
}
.note-editor p, .note-editor ul{
    font-size: initial;
    line-height: initial;
}
/*
strong{
    font-size: 18px;
    line-height: 1.8em;
}*/
.pos-v-center{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.pos-h-center{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.pos-center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.active a{
    font-weight: bold;
}
.hide{
    display: none;
}

/* CANVIS COLORS */
a {
    /*color: #a61d37;*/
    color: #3c6c94;
}
::selection {
    background-color: green;
}
.g-bg-primary {
    /*background-color: #a61d37 !important;*/
    background-color: #3c6c94 !important;
}
.g-brd-primary--hover:hover, .g-brd-primary--active.active {
    /*border-color: #a61d37 !important;*/
    border-color: #3c6c94 !important;
}
.g-bg-primary--hover:hover {
    /*background-color: #a61d37 !important;*/
    background-color: #3c6c94 !important;
}
.u-block-hover:hover .g-bg-primary--hover {
    /*background-color: #a61d37;*/
    background-color: #3c6c94;
}
.g-color-primary {
    /*color: #a61d37 !important;*/
    color: #3c6c94 !important;
}
.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
    /*color: #a61d37 !important;*/
    color: #3c6c94 !important;
}
.g-bg-main {
    /*background-color: #82b5b5 !important;*/
    background-color: #3c6c94 !important;
}
.g-bg-main--hover:hover {
    /*background-color: #508a8a !important;*/
    background-color: #6898c0 !important;
}
.g-brd-primary {
    /*border-color: #a61d37 !important;*/
    border-color: #3c6c94 !important;
}
.u-carousel-indicators-v34 li.slick-active span {
    /*background-color: #a61d37;*/
    background-color: #3c6c94;
}
/* FI CANVIS COLORS */
.g-bg-gray{
    background-color: #444f67;
}

.g-bg-main-soft{
    background-color: #d1eded !important;
}
.g-bg-main-hard{
    background-color: #508a8a !important;
}
.g-brd-main {
    border-color: #82b5b5 !important;
}
.g-bg-main--hover.checked{
    background-color: #508a8a !important;
    color: white;
}
.g-bg-disabled{
    background-color: #ddd !important;
}
.g-color-secundary{
    color: #26304d;
}
.g-color-secundary:hover{
    /*color: #a61d37;*/
    color: white;
}


.g-font-size-14 p{
    font-size: 14px !important;
}
.g-line-height-0_6 {
    line-height: .6 !important;
}
.help-block{
    /*padding: 5px 0 0 20px;*/
    font-style: italic;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    text-align: center;
    /*margin-top:5px;*/
}
.examen label{
    display: block;
}
.examen label input[type='checkbox'], .examen label input[type='radio']{
    margin-bottom: 5px;
    margin-right: 3px;
    font-size: 20px;
}
.examen label{
    font-size: 18px;
}

.respuestaCorrecta{
    color: green;
    font-weight: bold;
}
.respuestaAceptable{
    color: limegreen;
    font-weight: bold;
}
.respuestaIncorrecta{
    color: #A61D37;
    font-weight: bold;
}
.btn-respuesta-correcta{
    background-color: green;
    color: #fff;
    border-color: green;
}
.btn-respuesta-correcta.u-pagination-v1-1--active{
    background-color: #014e01;
    color: #fff;
    border-color: #014e01;
}
.btn-respuesta-incorrecta{
    background-color: #A61D37;
    color: #fff;
    border-color: #A61D37;
}
.btn-respuesta-incorrecta.u-pagination-v1-1--active{
    background-color: #720b1e;
    color: #fff;
    border-color: #720b1e;
}
.btn-respondida{
    background-color: #d1eded;
    /*color: #fff;*/
    /*border-color: #f5f6fa;*/
}

.btn-off{
    background-color: #eee;
    cursor: default !important;
}
.btn-off:hover{
    background-color: #eee !important;
    color: inherit !important;
}
.btn-disabled{
    background-color: white;
    /*color: #fff;*/
    /*border-color: #f5f6fa;*/
}

.btn-gray{
    background-color: #999;
    color: #fff;
}
.btn-gray:hover{
    background-color: #666;
    color: #fff;
}
.semitransparente{
    opacity: 0.8;
}
.semitransparente:hover{
    opacity: 1;
}
.u-pagination-v1-1--active, .u-pagination-v1-1:hover, .u-pagination-v1-1:focus {
    background-color: #83B5B5;
    color: #fff;
    border-color: #508a8a;
}
.menu-flotante{
    position: fixed;
    top: 110px;

    left: -290px;
    /*background-color: #a61d37;*/
}
.menu-flotante-contenedor{
    padding: 20px 20px 10px 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: white;
    width: 290px;
    overflow: auto;
    max-height: 80vh;
}
.boton-menu-flotante{
    position: absolute;
    top: 21px;
    right: 0;
    font-size: 40px;
    /* background: white; */
    /* border: 1px solid #a61d37; */
    background-color: #a61d37;
    color: white !important;
    padding: 11px 15px;
    transform: translateX(100%);
    border-left: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    cursor: pointer;
}
.text-menu-flotante{

    font-size: 14px;
    font-weight: bold;
    margin-top: -5px;
    padding-bottom: 5px;
}
.boton-menu-flotante:hover{
    color: #66081a !important;
}
.instrucciones-menu{
    position: fixed;
    top: 160px;
    /*left: 75px;*/
    left: 1200px;
    opacity: 0;

}
.instrucciones-menu-contenedor{
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 20px;
    /*background-color: #a61d37;
    color: white;*/
    color: #a61d37;
    background-color: white;
    border: 1px solid #a61d37;
}
.truncate-dropdown {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.g-bg-secondary--hover:hover{
    background-color: #f5f6fa;
}
.radiolist label{
    font-weight: normal;
    margin-right: 10px;
}
.bola{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
}
.g-bg-darkgreen{
    background-color: darkgreen;
}
.g-bg-darkblue{
    background-color: darkblue;
}
.letra-en-bola{
    position: absolute;
    left: 5px;
    top: -2px;
}
.g-mb--5{
    margin-bottom: -5px;
}
.slide-principal-home{
    height: 500px !important;
}

.hs-mobile-state .nav-item {
    margin: 10px 0;
}
.g-color-slide {
    color: #26304d;
}
.color-picker-perso{
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.3);
    border: none;
}

.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #ff0000;
}
.sp-replacer {
    background: #fff;
}
.u-sidebar-navigation__toggler {
    font-size: 40px;
    background-color: #a61d37;
    color: white !important;
    padding: 11px 15px;
    border-left: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    cursor: pointer;
    position: fixed;
    top: 257px;
    width: auto;
    height: auto;
    z-index: 2;

    left: -75px;
    opacity: 0;
}
.g-bg-img-hero.modulo-acabado{
    filter: grayscale(1);
}
.modulo-acabado .g-color-primary:not(.no-cambiar), .modulo-acabado .g-color-main:not(.no-cambiar){
    color: #777 !important;
}
.modulo-acabado .g-color-primary:hover, .modulo-acabado .g-color-main:hover{
    color: initial !important;
}
.g-font-weight-bold--hover:hover{
    font-weight: bold;
}
.g-transition-0_1{
    transition: all .1s;
}
/*
.u-body--header-side-opened .u-sidebar-navigation__toggler{
    display: none !important;
}*/

.g-bg-menu{
    background-color: #1c2434;
}
/* Tooltip container */
.tooltipPerso {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipPerso .tooltiptext {
    visibility: hidden;
    width: 450px;
    background-color: white;
    /*color: #fff;*/
    text-align: left;
    padding: 0;
    border-radius: 6px;
    line-height: 1.2em;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    /*bottom: 125%;
    left: 50%;
    margin-left: -60px;*/

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
/*.tooltipPerso .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}*/

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipPerso:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
    top: -5px;
    left: 125% !important;
    margin-left: 10px;
}
.tooltipPerso .tooltip-right::after {
    content: "";
    position: absolute;
    top: 11px;
    right: 100%;
    margin-top: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #a61d37 transparent transparent;
}

/* modificacio pq els modals surtin davant del menu top */
.g-z-index-1040{
    z-index: 1040;
}
a.nav-link.g-color-primary--hover.active{
    font-weight: bold !important;
}

/* fifth level menu admin */
.u-sidebar-navigation-v1.u-side-nav--fifth-level-menu {
    list-style-type: disc;
}

.u-side-nav--fifth-level-menu {
    padding-left: 0.42857rem;
}

.u-side-nav--fifth-level-menu-item {
    list-style: none;
}

.u-side-nav--fifth-level-menu-link {
    position: relative;
    display: block;
    text-decoration: none;
    overflow: hidden;
}

.u-side-nav--fifth-level-menu-link::before {
    content: "\00b7";
    position: relative;
    top: -1px;
    left: 0;
    display: inline-block;
    font-size: 40px;
    line-height: 4px;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.u-sidebar-navigation--dark .u-side-nav--fifth-level-menu-link {
    color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--fifth-level-menu-link i {
    color: #7484a8;
}

.u-side-nav--fifth-level-menu-link .u-side-nav--control-icon i {
    transition: all .2s ease-in;
}

.u-sidebar-navigation--dark .u-side-nav--fifth-level-menu-link .u-side-nav--control-icon i {
    color: #d4dade;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--fifth-level-menu-link:not(.collapsed) {
    color: #fff;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--fifth-level-menu-link:not(.collapsed) i {
    color: #fff;
}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--fifth-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {
    color: #fff;
}

.u-sidebar-navigation--dark .u-side-nav--fifth-level-menu-link:hover {
    color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--fifth-level-menu-link:hover {
    color: #6d7c9f;
}

.u-sidebar-navigation--dark .u-side-nav--fifth-level-menu-link:hover i {
    color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--fifth-level-menu-link:hover i {
    color: #6d7c9f;
}

.u-side-nav--fifth-level-menu-link.active {
    color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--fifth-level-menu-link.active {
    color: #6d7c9f;
}

.u-side-nav--fifth-level-menu-link.active i {
    color: #e62154;
}

.u-sidebar-navigation--light .u-side-nav--fifth-level-menu-link.active i {
    color: #6d7c9f;
}
.correccio-nivell-4::before {
    top: 10px;
    left: -3px;
}
/* fifth level menu*/
/*.u-sidebar-navigation-v1 {
    width: 300px;
}*/
.u-sidebar-navigation-v1--mini {
    width: 50px;
}
/*.u-header-logo-toggler {
    width: 300px;
}*/
.text-salt-linea{
    white-space: pre-line;
}
.u-sidebar-navigation-v1--mini .text-salt-linea{
    white-space: nowrap;
}
.ico-info{
    top: 14px;
    right: 22px;
}
.ico-info-tit{
    top: 14px;
    right: 15px;
}
.ico-info-tit2{
    top: 4px;
    right: 14px;
    z-index: 1;
}
.ico-info-tit3{
    top: 27px;
    right: 15px;
    z-index: 1;
}
.u-side-nav--third-level-menu{
    padding-left: 15px;
}
.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--second-level-menu-link:not(.collapsed){
    color: #d4dade;
}
.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--second-level-menu-link:not(.collapsed) i{
    color: #7484a8;
}

.u-sidebar-navigation-v1--mini .ico-info, .u-sidebar-navigation-v1--mini .ico-info-tit{
    top: 3px;
    right: 2px;
}
.u-sidebar-navigation-v1--mini .ico-info-tit2, .u-sidebar-navigation-v1--mini .ico-info-tit3{
    right: 2px;
}
.u-side-nav--hide-on-hidden span i{
    margin-left: -6px;
}
.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link i {
    color: #a3b0cc;
}
.g-brd-adminmenu{
    border: 1px solid #d4dade;
    color: #d4dade;
}
.g-ml-70{
    margin-left: 70px;
}
.div-plantillas{
    display: table;
    width: 100%;
    table-layout: fixed;
    vertical-align: middle;
}
.div-plantillas label {
        display: table-cell;
        width: 1%;
        float: none;
}
input[type="radio"]:checked+span .test{
    filter: opacity(0.85);
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.btn-upload {
    width: 100%;
    border: 2px dashed gray;
    color: gray;
    background-color: #f7f7f7;
    padding: 50px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

/* paginacio boles */
/*
.g-pa-12-19 {
    padding: 0.85714rem 1.3rem !important;
}
.g-rounded-50 {
    border-radius: 50px !important;
}
.u-pagination-v1-1 {
    color: #999;
    border-color: #999;
}
.u-pagination-v1__item--disabled {
    opacity: .5;
    pointer-events: none;
}
.u-pagination-v1__item {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: solid 1px transparent;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    background-color: #b0b0b0;
}
.u-pagination-v1__item:hover{
    text-decoration: none;
    color: #fff;
}
*/
input[type="checkbox"]:checked + .g-bg-cyan--checked, input[type="radio"]:checked + .g-bg-cyan--checked, input[type="checkbox"]:checked + * .g-bg-cyan--checked, input[type="radio"]:checked + * .g-bg-cyan--checked{
    background-color: #00bed6 !important;
}
.respuesta-correcta{
    background-color: #72c02c;
    color: white;
}
.respuesta-correcta:hover, .respuesta-correcta:focus{
    background-color: #5ca21d;
    color: white;
    text-decoration: none;
}
.respuesta-incorrecta{
    background-color: #c02c2c;
    color: white;
}
.respuesta-incorrecta:hover, .respuesta-incorrecta:focus{
    background-color: #a21d1d;
    color: white;
    text-decoration: none;
}
.respuesta-correcta-outline{
    color: #72c02c;
    border-color: #72c02c;
    background-color: white;
    text-decoration: none;
}
.respuesta-correcta-outline:hover{
    background-color: #5ca21d;
    color: white;
    text-decoration: none;
}
/* fi paginacio boles */

.contenedor-imagen{
    position: relative;
    display: inline-block;
    text-align: center;
}
.texto-encima-imagen{
    position: absolute;
    top: 10px;
    left: 10px;
}
.centrado-imagen{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    max-height: 100%;
    line-height: 1.35em;
    width: 90%;
}

@media screen and (min-width: 992px) and (max-width: 999999px) {
    .desktop-hide{ display:none;}
}
@media screen and (min-width: 0px) and (max-width: 992px) {
    .mobile-hide{ display:none;}
}

.bg-felicitacion{
    background-image: url('/images/BG_felicitacion.png');
    background-repeat: no-repeat;
}