body {
		
		margin-top: 100px;
		font-family: 'FreeUniversal',sans-serif;
		min-height: 800px;
		user-select: none;
		overflow-x: hidden;
		    font-size: 14px;
	}

	.safari hx{
		letter-spacing:-3px;	
	}
	
	html{
		scroll-padding-top:70px;
		
	}
	
	t-sector{
		
		display:block;
		position:relative;
		transition:all 500ms;
		white-space: nowrap;
    	text-overflow: ellipsis;
    	overflow: hidden;
	}
	
	.tsec-1{
		
		border-bottom:1px solid #cecece;
		margin-bottom:10px;
		padding-bottom:5px;

	}
	
	.tsec-1.collapse{
		
		height:25px;
		max-height:25px;
		overflow:hidden;
		
	}
	.tsec-1.expand{
		
		height:auto;
		max-height:500px;
		
	}
	
	.tsec-2:last-child{
		
		margin-bottom:5px;
		
	}
	.tsec-2:first-of-type{
		
		margin-top:5px;
		
	}
	.tsec-1::before{
		
		content:"";
		position:absolute;
		left:0;
		top:30px;
		height:calc(100% - 30px);
		border-left:1px solid #cecece;
		
	}
	
	.tsec-2{
		
		margin-left:20px;
		
	}
	.tsec-3{
		
		margin-left:40px;
		
	}
	
	
	t-link{
		
		display:block;
		height:25px;
		line-height:25px;
		position:relative;
		
	}
	t-link.active{
		
		font-weight:bold;
		
	}
	t-link a{
		
		text-decoration:none;
		color:#1871c5;
		width: calc(100% - 0px);
    	display: inline-block;
    	text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap;
		
	}
	t-link a:visited{
		
		color:#1871c5;
		
	}
	
	
	print-info,
	print-footer{
		
		display:none;
		
	}
	
	::-webkit-scrollbar{
		width: 10px;
	}

	::-webkit-scrollbar-track-piece{
		background-color: #FFF;
	}

	::-webkit-scrollbar-thumb{
		background-color: #CBCBCB;
		outline: 2px solid #FFF;
		outline-offset: -2px;
		border: .1px solid #B7B7B7;
	}

	::-webkit-scrollbar-thumb:hover{
		background-color: #909090;
	}
	
	body.sidenav{
		
		margin-left:350px;
		overflow-y:scroll;
	}
	a{
		text-decoration:none;
		color:#2a9393;
	}
	a:hover{
		text-decoration:underline;
	}
	h1{font-size:24px;}
	h2{font-size:20px;}
	h3{font-size:18px;}
	h4{font-size:16px;}
	hx{
		
		display: block;
		font-size: 40px;
		/* margin-block-start: 0.67em; */
		/* margin-block-end: 0.67em; */
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
		color: #39a9a9;
		margin-top: -20px;
		text-shadow: 0 2px 3px #4ce2e2d9;
		
	}
	main fieldset{
		
		width: auto;
		display: inline-block;
		padding: 20px;
		padding-top: 10px;
		border: 1px solid #000;
	}
	
	main fieldset span.fieldspan{
		
		display: inline-block;
		height: 19px;
		border: 1px solid #000000;
		padding-bottom: 5px;
		margin-bottom: -5px;
		padding-top: 5px;
		margin-top: 0px;
		padding-left: 8px;
		padding-right: 8px;
		margin-left: -5px;
		
	}
	main > fieldset{

		margin-bottom: 25px;
		
	}
	main fieldset.fieldblock br {

		content: "";
		display: block;
		height:0em;
		
	}
	main fieldset.fieldvert br {

		content: "";
		height:0em;
		
	}
	
	main table{
		
		background-color: #f7f7f7;
		box-shadow: 0px 3px 5px rgb(0 0 0 / 35%);
		padding: 10px;
		font-size:14px;
		
		
	}
	main table tr th,
	main table tr td{
		
		text-align:left;
		padding:5px;
		vertical-align: baseline;
	}
	
	side-navigator{
		
		position: fixed;
		top: 70px;
		left: 0;
		height: calc(100% - 185px);
		border-right: 1px solid #cecece;
		width: calc(350px - 40px);
		overflow-y: scroll;
		padding: 20px;
		padding-top: 95px;
		box-shadow: -1px 0px 5px rgb(0 0 0 / 26%);
	}
	
	side-navigator product-extension{
		
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: calc(350px - 30px);
		height: 60px;
		background: #fff;
		z-index: 500;
		padding-left: 20px;
		
	}
	side-navigator product-extension a{
		
		display: inline-block;
		min-width: 60px;
		padding-left: 10px;
		padding-right: 10px;
		height: 30px;
		border-radius: 3px;
		border: 2px solid #5e5e5e;
		color: #5e5e5e  !important;
		line-height: 30px;
		text-align: center;
		
	}
	side-navigator product-box{
		
		position: fixed;
		top: calc(70px);
		left: 0px;
		width: calc(350px - 10px);
		height: 130px;
		background: linear-gradient(0deg,#fff0 0%,#ffffff 40%,#ffffff 100%);
		z-index: 500;
		
	}
	side-navigator product-box product-explorer{
		
		/*display: block;
		height: 40px;
		background-color: #48a0f3;
		border-radius: 4px;
		font-size: 14px;
		*/
		position: absolute;
		top: 48px;
		left: 20px;
		width: calc(350px - 45px);
		height: 40px;
		background-color: #48a0f3;
		border-radius: 4px;
		font-size: 14px;
		box-shadow: 0px 5px 5px 1px #8fc9ff88;
		
	}
	
	main{
		
		display:block;
		padding:30px;
		min-width: 300px;
		user-select: text;
		min-height: 62vh;
		
	}
	
	.preserve-floaters{
		
		padding-right: 450px;
		
	}
	
	headline {
		
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 70px;
		box-shadow: 0px 3px 4px rgb(0 0 0 / 50%);
		z-index: 888;
		background-color: #000;
		/*background-color: #234b54;
		background-color: #000;
		background-color: #004b91;*/
		
	}

	headline center {
		position: absolute;
		left: 50%;
		width: 500px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		text-align: center;
		margin-left: -250px;
		top: 14px;
		font-weight: bold;
		/*color: #76bcff;*/
		font-size: 16px;
		overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
	}
	headline center span{
		overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
	}
	
	headline.default{
		
		background-color: #000;
		
	}
	headline.default center{
		
		color: #4affff;
		
	}
	headline center p-icon{
		
		display: inline-block;
		width: 40px;
		height: 40px;
		vertical-align: -14px;
		background-color:transparent;
		margin-right: 16px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		
	}
	headline.product lgsec lgb {
		border: 2px solid #fff;
	}
	headline.product lgsec lgb lgt{
		color:#fff;
	}
	.ic-default{
		background-image: url(./res/emportal_cy.svg);
	}
	
	/** Begin Product Specific content */
	
	/* prdi: SignMatic (signmatic.manuals.netroda.com) */
	headline.product.signmatic{
		background: conic-gradient(from 0deg at calc(50%) 50%, #5600ff, #9329a7, #5600ff, #9329a7, #5600ff);
		background-color: #9329a7;
	}
	headline.product.signmatic::before{
		content: "";
		position: absolute;
		left: 0;
		width: 20%;
		height: 100%;
		background: linear-gradient(91deg,#5b136a,#9128a9);
	}
	headline.product.signmatic center{color: #fff;}
	headline.product.signmatic lgsec lgb:hover {
		border: 2px solid #f1b0ff;
	}
	headline.product.signmatic lgsec lgb:hover lgt{
		color:#f1b0ff;
	}
	
	.ds-signmatic hx {
		color: #9128a8;
		text-shadow: 0 2px 3px #9128a870;
	}
	.ds-signmatic a {
		color:#8c24a3;
	}
	.ds-signmatic div.floating{
		background-color:#e67bff66;
	}
	.ic-smatic{
		background-image: url(./res/icons/smatic.png);
	}

	/* prdi: INCORP ARITA (incorp.arita.manuals.netroda.com) */

	headline.product.incorp-arita{
		background-color: #00008b;
	}
	headline.product.signmatic::before{
		content: "";
		position: absolute;
		left: 0;
		width: 20%;
		height: 100%;
		background: linear-gradient(91deg,#5b136a,#9128a9);
	}
	headline.product.incorp-arita center{color: #fff;}
	headline.product.incorp-arita lgsec lgb:hover {
		border: 2px solid #9d9dff;
	}
	headline.product.incorp-arita lgsec lgb:hover lgt{
		color:#9d9dff;
	}
	    
	.ds-incorp hx {
		color: #4444cd;
    	text-shadow: 0 2px 3px #9999ff55;
	}
	.ds-incorp a {
		color:#4242f1;
	}
	.ds-incorp div.floating{
		background-color:#5c5cff66;
	}

	.ds-incorp product-box product-explorer {
		background-color: #00008b;
		box-shadow: 0px 5px 5px 1px #00008b22;
	}

	.ic-incorp{
		background-image: url(./res/icons/incorp_wh.svg);
		width: 150px !important;
		border-right: 2px solid #fff;
		background-size: 85%;
		vertical-align: -15px;
	}


	/* prdi: CAT ARITA (cat.arita.manuals.netroda.com) */

	headline.product.cat-arita{
	    background-color: #008ba1;
    	/*background: linear-gradient(261deg, #1bb5cd, #006373);*/
	}
	headline.product.cat-arita center{color: #fff;}
	headline.product.cat-arita lgsec lgb:hover {
		border: 2px solid #9df2ff;
	}
	headline.product.cat-arita lgsec lgb:hover lgt{
		color:#9df2ff;
	}
	    
	.ds-arcat hx {
		color: #008ba1;
    	text-shadow: 0 2px 3px #31dcf7;
	}
	.ds-arcat a {
		color:#30acbf;
	}
	.ds-arcat div.floating{
		background-color:#2fc7df4f;
	}
	.ic-arcat{
		background-image: url(./res/icons/arcat.svg);
		width: 150px !important;
		/* border-right: 2px solid #fff; */
		background-size: 85%;
		vertical-align: -15px;
		margin-right: 5px;
	}




	
	/* prdi:ESS-A HOTA (hota.ess-a.manuals.netroda.com) */

	headline.product.essa-hota{
		background-color: #020308;
		background: linear-gradient(140deg,#020308,#1e1e40 51%,#3d4c62,#645948);
	}
/*
	headline.product.essa-hota::before{
		content: "";
		position: absolute;
		left: 0;
		width: 20%;
		height: 100%;
		background: linear-gradient(91deg,#5b136a,#9128a9);
	}*/
	headline.product.essa-hota center{color: #babaff;}

	headline.product.essa-hota center span{
		display: inline-block;
		vertical-align: bottom;
		height: 34px;
		white-space: pre-wrap;
		width: 200px;
		overflow: visible;
		text-overflow: revert;
		line-height: 14px;
		text-align: left;
		font-size: 14px;		

	}


	headline.product.essa-hota lgsec lgb:hover {
		/*border: 2px solid #9d9dff;*/
	}
	headline.product.essa-hota lgsec lgb:hover lgt{
		color:#9d9dff;
	}
	    
	.ds-hota hx {
		color: #465c7f;
    	text-shadow: 0 2px 3px #465c7f55;
	}
	.ds-hota a {
		color:#93682b;
	}
	.ds-hota div.floating{
		background-color:#c3cfe166;
	}
	.ic-hota{
		background-image: url(./res/icons/hota_ecsv1.svg);
		width: 150px !important;
		background-size: 85%;
		vertical-align: -15px;
		margin-right:8px;
	}
	
	/** end **/

	headline netroda {
		
		position: absolute;
		left: 0px;
		height: 45px;
		width: 200px;
		background-image: url(./res/netr_tech.svg);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		top: 11px;
		opacity: 1.0;
		
	}
	
	.lang lgb:hover{
		
		border: 2px solid #4ce2e2;	
		cursor:pointer;
		
	}
	.lang lgb:hover lgt{
		
		color: #4ce2e2;
		
	}
	.lang lgb:hover lgi{
		
		background-image: url(./res/language_sec.svg);
		
	}
	.lang lgb lgi{
		
		background-image: url(./res/language.svg);
		
	}

	headline lgsec{
		
		position: absolute;
		top: 14px;
		height: 40px;
		width: 160px;
		right: 15px;
		
	}
	headline lgsec lgb{
		
		position: absolute;
		top: 0;
		right: 0;
		width: 145px;
		height: calc(100% - 4px);
		border: 2px solid #c0cad4;
		border-radius: 4px;
		
	}

	headline lgsec lgb lgt{
		
		position: absolute;
		left: 35px;
		width: calc(100% - 40px);
		height: 100%;
		line-height: 35px;
		text-align: center;
		/* font-size: 14px; */
		color: #c0cad4;
		font-size: 18px;
		font-family: 'FreeUniversal';
		
	}
	
	.hide{
		
		visibility:hidden;
		display:none;
		
	}
	
	div.floating{
		
		position: fixed;
		top: 100px;
		right: 30px;
		width: 350px;
		max-height: 300px;
		background-color: #80ffff87;
		padding: 20px;
		border-radius: 4px;
		font-size:13px;
		
	}
	
	headline lgsec lgb lgi{
		
		position: absolute;
		left: 5px;
		top: 5px;
		width: 28px;
		height: 26px;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		/*background-image: url(./res/fsi.svg);*/
		
	}
	
	#errset{
		
		width:1000px;
		margin:0 auto;
		/*height:500px;*/
		padding-top:200px;
		height: 48vh;
		
	}
	
	footer h3{position: relative;}
	
	footer h3::before{
		
		content: "";
		display: inline-block;
		width: 40px;
		height: 35px;
		background-size: contain;
		background-position: center left;
		background-repeat: no-repeat;
		background-image: url(./res/emportal.svg);
		vertical-align: middle;
		margin-right: 7px;
		margin-left: -5px;
		
	}
	footer{
		
		position: relative;
		margin-top: 50px;
		border-top: 1px solid #c9c9c9;
		display: block;
		height: 120px;
		font-size: 12px;
		padding-top: 30px;
		padding: 30px;
			
		
	}
	
	footer create {
		
		position: absolute;
		right: 0px;
		height: 55px;
		width: 300px;
		background-image: url(./res/crea.svg);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		bottom: 20px;
		opacity: 1.0;
		
	}

	div.fclear{
		display:none;	
	}
	
	/* Mobile Viewport Optimizations */

	@media (max-width: 550px) {
		body.sidenav {
			margin-left: unset !important;
		}
		.preserve-floaters{
			padding-right: 30px;
		}
		
		headline lgsec{
			visibility:hidden;
		}
		headline center {
			left:0;
			width:100%;
			margin-left: 0;
		}
		headline netroda {
			visibility:hidden;
		}
		footer {
			height: 245px;
		}
		footer create{
			position: relative;
    		display: block;
    		margin-top: 50px;
    		margin-bottom: 20px;
			
		}

		div.floating{
			content: "";
			display: block;
			position: relative;
			width: 100%;
			float: initial;
			margin-bottom: 0;
			/* margin-left: -8px; */
			width: calc(100vw - 40px);
			border-radius: unset;
			top: unset;
			margin-top: 30px;
		}
		side-navigator{
			
			display:none;
			
		}
		body.sidenav {
			margin-left: 8px;
		}

	}

	#manualreth{
		color:#000;	
	}