@font-face{

    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Regular.eot');
    src: url('fonts/RobotoCondensed-Regular.eot?iefix') format('eot'),
    url('fonts/RobotoCondensed-Regular.woff') format('woff'),
    url('fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
    html, body {
        position: relative;
        width: 100%;
        height: 100%;
    }
    
    body {
        top:0;left:0;
        background: linear-gradient(45deg, hsla(var(--main-site-color1), 95%, 55%, 1), hsla(var(--main-site-color2), 95%, 55%, 1));
        color: #333;
        margin: 0;
        padding: 0px;
        box-sizing: border-box;
        font-family: "Roboto Condensed","PT Sans", Arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    /* курсор резайза виджета в gridstack делаем всегда активным, без видимого значка, при наведении на нижний правый угол курсор меняется */
    .grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle, .grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{
        display: block!important;
        width:35px!important;
        height: 35px!important;
    }
    .grid-stack>.grid-stack-item>.ui-resizable-se{
        background-image: none!important;
    }

    /* 
        scrollbar
    */
    /* W3C standard
   сейчас только для Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #008cff rgb(255, 255, 255);
  }
  
  /* для Chrome/Edge/Safari */
  *::-webkit-scrollbar {
    height: 12px;
    width: 8px;
  }
  *::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
  }
  *::-webkit-scrollbar-thumb {
    background-color: #008cff;
    border-radius: 8px;
    border: 1px solid rgb(255, 255, 255);
  }