body{
    background-image: linear-gradient(to right, white, lightcyan);
    /* background-image: linear-gradient(to right, white, powderblue); */
}

h1, h2 {
    font-family: 'Inter', sans-serif;
}

.btn-custom{
    --bs-btn-hover-bg:cornflowerblue;
    --bs-btn-hover-border-color:white;
    --bs-btn-color:#6c757d;
    --bs-btn-border-color:#6c757d;
}

.btn-custom-done{
    --bs-btn-bg:#29AB87;
    --bs-btn-border-color:white;
    --bs-btn-color:white;
    --bs-btn-hover-bg:#00A86B;
    --bs-btn-hover-border-color:white;
}

.btn-custom-danger{
    --bs-btn-hover-bg:#E55451;
    --bs-btn-hover-border-color:white;
    --bs-btn-color:#6c757d;
    --bs-btn-border-color:#6c757d;
}

.btn-custom-gcal{
    --bs-btn-hover-bg:#E55451;
    --bs-btn-hover-border-color:white;
    --bs-btn-color:black;
    --bs-btn-border-color:black;
    --bs-btn-bg:#ffb2b2;
}

.btn-custom-danger-disabled{
    --bs-btn-hover-bg:#ffb2b2;
    --bs-btn-hover-border-color:white;
    --bs-btn-color:#E5E4E2;
    --bs-btn-border-color:#E5E4E2;
}

.nav-link:hover{
    color: cornflowerblue;
    font-weight: 500;
}

.emphasize{
    color: cornflowerblue;
    font-weight: 500;
}

.color-svg{
    filter: invert(60%) sepia(29%) saturate(3305%) hue-rotate(194deg) brightness(95%) contrast(94%);
}

.custom-label{
    left: 0;
    position:absolute;
    text-align:center;
    top: 4em;
    width: 100%;
    color: white;
}

.custom-btn-link:hover{
    color: white;
    background-color: cornflowerblue;
    border: solid white;
}

.custom-btn-link-gcal{
    border: solid #FAA0A0;
}

.custom-btn-link-gcal:hover{
    color: white;
    background-color: cornflowerblue;
    border: solid white;
}

.custom-btn-link-high{
    color: white;
    background-color:#6d2aff;
    border: solid white;
}

.custom-btn-link-high:hover{
    color: white;
    background-color:#651fff;
    border: solid white;
}

.custom-btn-link-medium{
    color: white;
    background-color:#b96dff;
    border: solid white;
}

.custom-btn-link-medium:hover{
    color: white;
    background-color:#7c40ff;
    border: solid white;
}

.custom-btn-link-undone{
    color: white;
    background-color:#FAA0A0;
    border: solid white;
}


.form-control{
    min-height:2em;
}

.form-label{
    color:#0E4C92;
}

.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: inherit;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: inherit;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}