html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.selectable-content > *,
.selectable-object,
.calendar-day,
table.sortable th {
    cursor: pointer !important;
}

.calendar-day {
    transition: all .75s !important;
}
.calendar-day:hover {
    background-color: rgba(41, 166, 216, 0.2);
}
.calendar-day .soloalseleccionar {
    opacity: 0 !important;
}
.calendar-day:hover .soloalseleccionar {
    opacity: inherit !important;
}

i.bi.bi-check-circle-fill::before {
    color: green !important;
}
i.bi.bi-x-circle-fill::before {
    color: red !important;
}

.oigamos-banner.normal {
    background: linear-gradient(90deg, rgba(0,95,182,1) 0%, rgba(0,95,182,1) 50%, rgba(0,95,182,1) 100%) !important;
}
.oigamos-animable {
    transition: all .8s;
}
.oigamos-clickeable {
    transition: all .5s;
    cursor: pointer;
}
.oigamos-clickeable:hover {
    transform: scale(1.15);
}
.oigamos-animable.oigamos-mostrando {
    animation-name: kf-oigamos-appear;
    animation-duration: .8s;
    animation-fill-mode: backwards;
}
.oigamos-animable.oigamos-ocultando {
    opacity: 0 !important;
    transform: rotateX(90deg);
}
.oigamos-animable.oigamos-zoom {
    animation-name: kf-oigamos-zoom;
    animation-duration: .8s;
    animation-fill-mode: backwards;
}

.oigamos-agenda-franja {
    cursor: pointer;
    transition: all .4s;
}
.oigamos-agenda-franja:hover {
    background-color: rgba(41, 166, 216, 0.4);
}
.oigamos-agenda-franja * {
    font-size: 12px !important;
}
.oigamos-agenda-franja .soloalseleccionar {
    opacity: 0 !important;
}
.oigamos-agenda-franja:hover .soloalseleccionar {
    opacity: inherit !important;
}

@keyframes kf-oigamos-appear {
    from {
    opacity: 0;
    transform: rotateX(90deg);
}
to {
    opacity: 1;
    transform: rotateX(0);
}
}
@keyframes kf-oigamos-zoom {
    0% {
        transform: scale(0);
    }
    80% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* Splash styles section */
.loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
}
.loader:before,
.loader:after {
    border-radius: 50%;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
}
.loader:before {
    animation: ball1 1s infinite;
    background-color: #cb2025;
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px;
}
.loader:after {
    animation: ball2 1s infinite;
    background-color: #00a096;
    box-shadow: 30px 0 0 #97bf0d;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(0.8);
        -moz-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -webkit-transform: rotate(360deg) scale(1.2);
        -moz-transform: rotate(360deg) scale(1.2);
    }

    100% {
        -webkit-transform: rotate(720deg) scale(0.8);
        -moz-transform: rotate(720deg) scale(0.8);
    }
}
@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #f8b334;
    }

    50% {
        box-shadow: 0 0 0 #f8b334;
        margin-bottom: 0;
        -webkit-transform: translate(15px,15px);
        -moz-transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #f8b334;
        margin-bottom: 10px;
    }
}
@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #97bf0d;
    }

    50% {
        box-shadow: 0 0 0 #97bf0d;
        margin-top: -20px;
        -webkit-transform: translate(15px,15px);
        -moz-transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #97bf0d;
        margin-top: 0;
    }
}
/* END - Splash styles section - END */