@font-face {
    font-family: SourceSansPro; 
    src: url(../resources/SourceSansPro-Regular.ttf); 
   }



        html, body {
            font-family: SourceSansPro; 
            margin: 0;
            padding: 0;
            min-width: 100%;
            width: 100%;
            max-width: 100%;
            min-height: 100%;
            height: 100%;
            max-height: 100%;	
        }
        
        html, body, button, select {
            font-size:17px;		
        }
        
        table {
            width: 100%;
        }
        
        table, tr, td {
            padding: 0;
            margin: 0;
            border: 0;
            border-collapse: collapse;
   
        }		
		
        .row-height {
            height: 38px;
        }
        
        .cell-width {
            width:14%;
        }
        
        .buttonWrap {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            width: 100%;
        }

        @font-face {
            font-family: Digital; /* Гарнитура шрифта */
            src: url(../resources/DS-DIGI.TTF); /* Путь к файлу со шрифтом */
       }
        @font-face {
            font-family: Roboto Thin; /* Гарнитура шрифта */
            src: url(../resources/Roboto-Thin.ttf); /* Путь к файлу со шрифтом */
       }

        article {
            height:100%;
            width:100%;
            position: absolute;
            top: 0;
            left: 0;
            overflow: auto;
        }

        #main {
            margin: 0;
            padding: 0;
            min-width: 100%;
            width: 100%;
            max-width: 100%;
            min-height: 100%;
            height: 100%;
            max-height: 100%;	
        }

        #startSection {
            margin: 0;
            transform: translate(-50%, -50%);
            position: absolute; 
            top: 50%; 
            left: 50%;
        }
        
        #start {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        #startTable tr {
            border-bottom: 1px solid #414141;
            height: 10mm;
        }
        
        #startTable td {
            padding-left: 2mm;
        }


        .txControlHide {
            display: none;
        }


        .lbCentralFreq {
            font-family:Digital;
            font-size:300%;
            transition: 0.3s linear;
        }

        .lbCentralFreq:hover {
            
        }

        .littleDigit {
            font-size:210%;
        }

        .centralFreqPoint {
            font-family:Digital;
            font-size:300%;
			transition: 0.3s linear;
        }
        
        :focus {outline:none;}


		
		
		
		input[type=range].slider{

			-webkit-appearance: none;
			-moz-apperance: none;
			apperance: none;
			
			width: 150px;
			height: 4px;
			padding: 0;
			background: #141414;
			border-radius: 2px;
			vertical-align: middle;
			margin-bottom:5px;
			outline: none;
		}
		
			
		
		input[type=range].slider::-webkit-slider-thumb{

			-webkit-appearance:none;
			-moz-apperance:none;
			apperance: none;

			width:14px;
			height:14px;
			-webkit-border-radius:7px;
			-moz-border-radius:7px;
			-ms-border-radius:7px;
			-o-border-radius:7px;
			border-radius:7px;
			background-color: #d6d6d6;
		}
		
		input[type=range].slider:hover::-webkit-slider-thumb{
			-webkit-appearance:none;
			-moz-apperance:none;
			apperance: none;

			width:14px;
			height:14px;
			-webkit-border-radius:7px;
			-moz-border-radius:7px;
			-ms-border-radius:7px;
			-o-border-radius:7px;
			border-radius:7px;
			background-color: #FFF;
		}
				
        input[type=range].slider:focus {
            outline: none;
        }
		
				
		input[type=range].slider::-webkit-slider-runnable-track {
			outline: none;	
        }
               
        input[type=range].slider:focus::-webkit-slider-runnable-track {

        }
        
		
		
		
		/* moz */
        
        
        input[type=range].slider::-moz-range-track {
			
			-webkit-appearance: none;
			-moz-apperance: none;
			apperance: none;
			
			width: 150px;
			height: 4px;
			padding: 0;
			background: #141414;
			border-radius: 2px;
			
			outline: none;
        }
        
        input[type=range].slider::-moz-range-thumb {
			-webkit-appearance:none;
			-moz-apperance:none;
			apperance: none;

			width:14px;
			height:14px;
			-webkit-border-radius:7px;
			-moz-border-radius:7px;
			-ms-border-radius:7px;
			-o-border-radius:7px;
			border-radius:7px;
			background-color: #d6d6d6;
			border:none;
        }
		

		
		
		input[type=range].slider:hover::-moz-range-thumb {
			-webkit-appearance:none;
			-moz-apperance:none;
			apperance: none;

			width:14px;
			height:14px;
			-webkit-border-radius:7px;
			-moz-border-radius:7px;
			-ms-border-radius:7px;
			-o-border-radius:7px;
			border-radius:7px;
			background-color: #FFF;
			border:none;
        }
        
		
		
		
		
		
		
        
        input[type=range].slider::-ms-track {
  
        }
        
        input[type=range].slider::-ms-fill-lower {
         
        }
        
        input[type=range].slider::-ms-fill-upper {
    
        }
        
        input[type=range].slider::-ms-thumb {
	
        }
        
        input[type=range].slider:focus::-ms-fill-lower {
        
        }
        
        input[type=range]:focus::-ms-fill-upper {

        }
		
		
		
		
		
		
		
		
		
		
		
		
		
		button {
			            -webkit-appearance: none;
            -moz-appearance: none;
			appearance: none;
            width:70px;	
            line-height:24px;		
			border-radius: 0px;
			padding-top: 0;
			text-align-last: center;
			border: 1px solid #000;
        }
		
		
		button:hover {

        }

        button.select {
 
        }

        button.selectBand {

        }

        button.btFilterSize {
            padding-left: 0;
            padding-right: 0;
        }
		
        select {
			            -webkit-appearance: none;
            -moz-appearance: none;
			appearance: none;
            border-radius: 0px;
            /*padding-left: 3px;*/
            padding-top: 0;
            line-height:24px;
			width: 70px;
			text-align-last: center;
        }

        select:hover {

        }  
        
        td {
            padding: 0;
        }
        
        .main-table {
            width:100%;
        }
        
        .one-third-td {
            min-width:25%;
            width:25%;
        }
        
        .height-tr {
            height:38px;
        }
        
        .slider-td {
            padding-left:6px;
            padding-right:6px;

            
        }
        
        .pad-td {
            padding-left:2px;		
        }
        
        .slider-text {
            height:6mm;
            text-align:center;
            padding-left:2mm;
            padding-top:1mm;
            
        }
        
        .svg-minsize {
            width:1%;
        }
        
        .logo-table {
            padding-left:3mm
        }
        
        .logo-font {
            align:center;
            font-family:Arial;
            font-style:italic;
            font-size:14pt;
            text-align:left;
        }
        
        .align-c {
            text-align:center;
        }
        
        .align-r {
            text-align:right;
        }
        
        .align-l {
            text-align:left;
        }

        .section-dashboard {
            
        }
        
        .section-option {
            height:1mm; 
        }

        .section-panorama {
            padding: 0;
            min-height: 100%;
            min-width: 100%;
            height: 100%;
            width: 100%;
            line-height: 0;
        }

        .section-statusbar {

        }
             
        #canvasPan {
            cursor:none; 
            border: 0;
        }
        
        #sMeterCell {
            width: 122mm;
            height:13mm;
        }

        #SMeterWrap {
            height: inherit;
            width: inherit;
            position: relative;
        }

        #canvasSMeter {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            height: inherit;
            width: inherit;
        }

        #canvasSMeterValue {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            height: inherit;
            width: inherit;
        }
             
        #window-select-device {
            width: 100%;
            height: 100%;
            display: block;
            background: gray;
            z-index: 20;
            position: absolute;
            top: 0mm;
        }
    
        #window-device {
            width: 360px;	
            margin: 0;
            display: block;
            background: gray;
            z-index: 5;
        }
        
        #wrap-device {
            display: block;
            opacity: 0.7;
            position: absolute;
            background: #000;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 5;
            overflow: auto;
        }