.highlight_dark_cyan {
    background: linear-gradient(120deg, rgba(35, 200, 200, 0.3) 0%, rgba(35, 200, 200, 0.3) 50%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
    border-radius: 2px;
}

.highlight_white{
    background: linear-gradient(120deg, rgba(253, 252, 252, 0.3) 0%, rgba(255, 255, 255, 0.3) 50%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
    border-radius: 2px;
}
.highlight_whiter{
    background: linear-gradient(120deg, rgba(253, 252, 252, 0.6) 0%, rgba(255, 255, 255, 0.6) 50%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
    border-radius: 2px;
}

.highlight_violet{
    background: linear-gradient(120deg, rgba(124, 132, 232,0.3) 0%, rgba(124, 132, 232,0.3) 50%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
    border-radius: 2px;
}

.highlight_olive{
    background: linear-gradient(120deg, rgba(126, 182, 55, 0.3) 0%, rgba(126, 190, 49, 0.3) 50%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
    border-radius: 2px;
}

.highlight_orange{
    background: linear-gradient(120deg, rgba(253, 125, 82, 0.3) 0%, rgba(253, 122, 76, 0.3) 50%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
    border-radius: 2px;
}

.highlight_pink{
    background: linear-gradient(120deg, rgba(239, 71, 111, 0.3) 0%, rgba(245, 67, 108, 0.3) 50%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
    border-radius: 2px;
}
.highlight_gray{
    background: linear-gradient(120deg, rgba(105, 123, 140, 0.3) 0%, rgba(99, 119, 136, 0.3) 50%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
    border-radius: 2px;
}
.z_higher {
    z-index: 2000;
}
.z_index {
    z-index: 1000;
}
.z_index_xxl {
    z-index: 3000;
}

.clickablelink:hover {
    text-decoration: underline;
}

/* DEV TOOLS*/
.red {
    border: 3px solid red;
}
.blue {
    border: 3px solid blue;
}
.none {
    display: none !important;
}