body, * {
    font-family: Arial, Helvetica, sans-serif;
}


.alphanumeric {
    font-family: 'Consolas';
} 

body{
    top: 0 !important;
}
html ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: var(--background-color);
}

html ::-webkit-scrollbar-button {
    background-color: transparent;
    height: 0px;
}

html ::-webkit-scrollbar-thumb {
    background-color: #d6d4d3;
}

html ::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.skiptranslate {
    display: none !important;
    visibility: hidden;
}

:root {
    --primary-color: #152586;
    --auxiliary-color: #F2F3F5;
    --accent-color: #DFEAFA;
    --background-color: #F5F7FE;         
    --text-color: #152586;
    --border-color: #BBBBBB;
    --interactive-active-color: #EAEBEC;

    --compress-color:#4474BE;
    --split-color:#7B6EC8;
    --edit-color:#DAA357;
    --convert-color:#CE6C60;
    --security-color:#4DA892;

    --compress-hover-color:#406eb2;
    --split-hover-color:#7064C0;
    --edit-hover-color:#cf9b53;
    --convert-hover-color:#be6559;
    --security-hover-color:#489c87;

    --compress-pastel-color:#E3F2FA;
    --split-pastel-color:#EBECF9;
    --edit-pastel-color:#F8F0E4;
    --convert-pastel-color:#CE6C60;
    --security-pastel-color:#E4F1E8;

}