:root {
    --small-screen: 768px; /* used in javascript */
    --mobile-header-height: 50px;
    --margin: 10px;
    --margin-half: 5px;

    /*--dx-active-color: #16BBEE;*/
    /*--dx-active-color: #012F1D;*/
    --dx-active-color: #236AF6;


    --dx-passive-color: #FFFFFF;
    --dx-hover-color: #dddddd;
    --dx-black-color: #000000;
    --dx-dark-grey-color: #7D7C83;
    --dx-light-grey-color: #F7F7F8;
}

.large-screen-only {
/*    display: block;*/
}

@media (max-width: 768px) {
    .large-screen-only {
        display: none;
    }
}

.small-screen-only {
/*    display: block;*/
}
    
@media (min-width: 768px) {
    .small-screen-only {
        display: none;
    }
}

/*
html, body {
    overscroll-behavior: none;
}
*/