@font-face {
            font-family: 'MontserratReg';
            font-style: normal;
            font-weight: 400;
            src: url('/fonts/montserrat-v15-latin-regular.woff2') format('woff2');
        }

        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 600;
            src: url('/fonts/montserrat-v15-latin-600.woff2') format('woff2');
        }

        @font-face {
            font-family: 'MontserratBold';
            font-style: normal;
            font-weight: 800;
            src: url('/fonts/montserrat-v15-latin-800.woff2') format('woff2');
        }


        * {
            -webkit-touch-callout:none;               
            -webkit-text-size-adjust:none;          
            -webkit-tap-highlight-color:rgba(0,0,0,0);
            -webkit-user-select:none;    
    
            -moz-user-select: none;
            -webkit-user-select: none;
            -webkit-user-drag: none; 
            -ms-user-select: none;            
        }

        @media print
        {
            @page {
                size: auto;
                margin: 20px;
            }
        }


            html {
                overflow-x: auto;
                overflow-y: auto;
            }

        body
        {
            width:100%;
            height:100%;
/*            overflow-x: auto;
            overflow-y: auto;*/
        }

/*        body::-webkit-scrollbar{  overflow-x:auto;}*/


        input 
        {
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text;
        }

        h1, h2, h3, h4, h5, h6  { color:white;  font-family: Montserrat }
        h1 {color:white;  font-size: 2.0em; font-family: 'Montserrat'; }
        h2 { font-size: 1.6em; }
        h3 { font-size: 1em;}

        .popup 
        {
            width:100%;
            height:100%;
            display:none;
            position:fixed;
            top:0px;
            left:0px;
            background:rgba(0,0,0,0.5); 
            z-index:1000;
        }

        .popup-inner 
        {
            display:inline-block;
            position:absolute;
            padding: 10px 10px 10px 10px; 	
            max-width:600px; min-width:600px; height:600px; top:50%; left:50%;
            
            -webkit-transform:translate(-50%, -50%);
            -ms-transform:translate(-50%, -50%);

            align-items: center;
            margin-top:auto;
            margin-bottom:auto;
            text-align:center;
                    
            color :white;
            font-family: Merriweather;
            font-size:16px;
            font-weight: 600;
             
            border-radius:8px;      
            background-color: rgba(95,36,159,1);
            border:2px solid black;
        }



        td.column_style_left
        {
            border-left: 5px solid darkgray;
            border-right: 5px solid darkgray;
        }    

        td.column_style_right
        {
            border-right: 5px solid black;
        } 


        .heads
        {
            background-color :linen;
            font-family: Montserrat;
            font-size:14px;
            font-weight: 600;
        }

        .heads2
        {
            color:blue;
            background-color :linen;
            font-family: Montserrat;
            font-size:13px;
            font-weight: 600;
            border-left: 5px solid darkgray;
            border-right: 5px solid darkgray;
        }

        .bobble
        {
            color:white;
            background-color :steelblue;
            font-family: Montserrat;
            font-size:14px;
            font-weight: 200;
            border:2px solid black;
            border-radius:4px;
        }

        .bobble:hover
        {
            background-color :dodgerblue;
        }