@font-face {
    font-family: Quicksand;
    src: url("/assets/fonts/Quicksand-Medium.ttf") format("truetype");
}

html, body {
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', sans-serif;
    /*outline: 1px solid red;*/
}


:root {
    --trakk-white: #FFFFFF;
    --trakk-gray: #7A8795;
    --trakk-green: #64C107;
    --trakk-yellow: #F2CB3E;
    --trakk-orange: #F2943E;
    --trakk-header: #253237;
    --trakk-sidebar: #F8F8F8;
    --trakk-primary-button: #2C54AD;
    --trakk-primary-button-hover: #0C2C75;
    --trakk-secondary-button: #878787;
    --trakk-secondary-button-hover: #CECECE;
    --trakk-disabled-button: #D7D7D7;
    --trakk-alert-red: #FF0000;
    --trakk-default-button-background-active: #1a2429;
    --trakk-btn-options: #505050;
    --trakk-btn-options-hover: #3A3C3B;
}
/*h1{
    font-size: 15px;
}
h2{
    font-size: 13px;
}
h3{
    font-size: 11px;
}*/
p{
    font-size: 13px;
}


/*-------*scrollbar*--------*/
*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: #fff;
}

*::-webkit-scrollbar-thumb {
    background-color: #e8e8e8;
    border-radius: 10px;
    border: 3px solid #fff;
}
/*--------------------------*/


.no-select {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}