:root {
    --ms-green: #02baba;
    --ms-green2: #009798;
    --ms-green3: #00d2d1;


    --ms-purple: #a490c5;
    --ms-yellow: #f0c46d;
    --ms-pink: #f4a0c1;
    --ms-darkgreen: #009798;
    --ms-red: #f54947;

    --ms-header: #72c9d0;
    --ms-header-overflow: #96d2d8;

    --ms-inputbg: #DAEDF3;
}

tbody::-webkit-scrollbar,
ul::-webkit-scrollbar,
div::-webkit-scrollbar
{
    width: 14px;
}

tbody::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
div::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    /* background: rgb(247, 247, 247); */
    border-radius: 2px;
}

tbody::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb
{
    border-radius: 2px;
    /* -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); */
    background: #ddd;
    border: 1px solid #bbb;
}

tbody::-webkit-scrollbar-thumb:hover,
ul::-webkit-scrollbar-thumb:hover,
div::-webkit-scrollbar-thumb:hover {background: #bbb;}
body::-webkit-scrollbar {display: none;}
.hidescrollbar::-webkit-scrollbar {display: none !important;}

/* hide default number arrows (input number) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield ;appearance: textfield;}