body {/*width:1280px;*/margin: 0px auto;background-color: white;}

	/* konzola */
	.newrow { clear: left; }
	.newcol { float: left; border-radius: 5px; border: solid #ccc 1px; width: 240px; min-height: 40px; /*line-height: 130%;*/}
	.newcolcr { float: left; border-radius: 5px; border: solid #ccc 1px; width: 250px; height: 25px;}
	
	.labelrow { border: none white 0px; padding-left: 10px; padding-top: 10px; font-weight: bold; clear:left;  }
		
	.dashboard .newcol { min-width: 240px; min-height: 140px; border: solid #000 1px; margin: 0px 0px; padding: 3px 3px; background-color: #fff; }
	.dashboard .left-side .newcol:hover { background-color: #eee; cursor:pointer;}
	.dashboard a { color:#000 !important; text-decoration:none; }

	#vykazform {background-color: white; font-family:Arial;}
	#vykazformdiv { background-color: white; font-family:Arial; padding-left:10px; padding-right:10px; padding-top:10px;  border: solid #ccc 0px; border-radius: 15px;}
	#vykazform .ulozmenu{ clear:left; margin-top:50px;}
	#vykazform button { margin-right: 10px;}
	#vykazform .btn-group { margin-top: 5px;}
	#vykazform .modulkod { width: 70px; border: solid #888 1px; border-radius:5px; margin-bottom:3px;}
	#vykazform .modulinfo{ border: solid #888 1px; border-radius:5px; width:1230px; margin-bottom:10px;}
	#vykazform .newrow{ clear:left;}
	#vykazform .newcol{ float:left; border-radius:5px; border: solid #ccc 1px; padding-left: 0px;}
	#vykazform .newcol1{ float:left; border-radius:5px; border: solid #ccc 0px;}
	/*#vykazform .newcol .colnoborder{ border: solid #ccc 0px;}*/
	.ncol0{ width:1px;min-height:40px;}
	.ncol1{ width:30px;min-height:40px;}
	.ncol2{ width:40px;min-height:40px;}
	.ncol3{ width:270px;min-height:40px;}
	.ncol4{ width:130px;min-height:40px;}
	.ncol5{ width:40px;min-height:40px;text-align: center;}
	.ncol6{ width:40px;min-height:40px; /*max-height:40px;*/ font-size:9px; text-align: center;}
	.ncol7{ width:85px; min-height:40px;}
	.datacolkod {padding:0; margin:0; font-size:9px; height:12px; color: #000;}
	.data_underline {padding:0; margin:0; font-size:14px; line-height: 10px; height:0px; border:none; padding-right: 15px; font-family:Courier New;}	
	.jgroupsum {text-align:right;}
	input[type=number] {min-height:40px; font-family:Courier New; background-color:#FAFAD2; border-radius:5px; border: solid #ccc 1px; font-size:14px; text-align: right; color: #000; font-weight: bold;}
	input[type=date] {min-height:40px; background-color:#FAFAD2; border-radius:5px; border: solid #ccc 1px; font-size:14px; color: #000;}
	input[type=email] {min-height:40px; background-color:#FAFAD2; border-radius:5px; border: solid #ccc 1px; font-size:14px; color: #000;}
	input[type=number][readonly] {background-color:white; color:white; border-radius:5px; border:none; cursor:not-allowed; padding: 0;}
	input[type=text] {min-height:40px; background-color:#FAFAD2; border-radius:5px; border: solid #ccc 1px; font-size:14px; text-align: left;}
	input[type=text][readonly] {background-color:white; color:white; border:none; cursor:not-allowed; padding: 0;}	
	input[type=text], input[type=text][readonly] { padding-left:5px;}
	/*input.coldisabledx { color:white; background-color:white;}*/
	input.colwidth1.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth2.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth3.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth4.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth5.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth6.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth7.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth8.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth9.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth10.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth11.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth12.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth24.rowdisabled {background-color:lightgreen; color:black;}
	input.colwidth1.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth2.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth3.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth4.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth6.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth5.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth6.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth7.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth8.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth9.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth10.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth11.coldisabledc {background-color:lightgreen; color:black;}
	input.colwidth12.coldisabledc {background-color:lightgreen; color:black;}
	
	input.colwidth1.coldisabledcmodula {background-color:lightgreen; color:black;}

	input.colwidth1.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth2.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth3.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth4.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth5.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth6.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth7.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth8.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth9.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth10.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth11.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth12.coldisabledx { color: #FFF; background-color: #FFF;}
	input.colwidth24.coldisabledx { color: #FFF; background-color: #FFF;}

	input.colwidth1.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth2.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth3.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth6.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth5.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth6.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth7.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth8.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth9.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth10.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth11.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth12.coldisabledw { color: #FFF; background-color: #FFF;}
	input.colwidth24.coldisabledw { color: #FFF; background-color: #FFF;}	

	input.colwidth0 { width:0px; border: solid #ccc 0px;}
	input.colwidth1 { width:580px;}
	input.colwidth2 { width:340px;}
	input.colwidth3 { width:226px;}
	input.colwidth4 { width:170px;}
	input.colwidth5 { width:136px;}
	input.colwidth6 { width:113px;}
	input.colwidth7 { width:97px;}
	input.colwidth8 { width:85px;}
	input.colwidth9 { width:75px;}
	input.colwidth10 { width:68px;}
	input.colwidth11 { width:61px;}
	input.colwidth12 { width:56px;}
	input.colwidth24 { width:100px;}
	.colwidth0 { width:0px; border: solid #ccc 0px;}
	.colwidth1 { width:580px;}
	.colwidth1_ext { width:680px; font-family:Courier; font-size: 14px; font-weight: bold; line-height:90%;}
	.colwidth1_2 { width:480px; font-family:Courier; font-size: 14px; font-weight: bold; line-height:90%;}
	.colwidth2 { width:340px;}
	.colwidth3 { width:226px;}
	.colwidth4 { width:170px;}
	.colwidth5 { width:136px;}
	.colwidth6 { width:113px;}
	.colwidth7 { width:97px;}
	.colwidth8 { width:85px;}
	.colwidth9 { width:75px;}
	.colwidth10 { width:68px;}
	.colwidth11 { width:61px;}
	.colwidth12 { width:56px;}
	.digit { width:32px;}
	.colwidth24 { width:100px;}	

	/*scrolling by first element in row, in col */
	.first_elem {float: left;}
	.div-scroll { position: relative; wi dth:100%; z-index: 1; margin: auto; overflow: scroll; height: 70vh; }
	.div-noscroll { position: relative; width:100%; z-index: 1; margin: auto;}
	.div-scroll.modul_d { width: 100%; min-width: 1280px; margin: auto; border-collapse: separate; border-spacing: 0; }
	.div-scroll .first_elem { padding: 0px 0px; border: 0px solid #000; background: #fff; vertical-align: top; }
	.div-scroll .newcol { padding: 0px 0px; border: 1px solid #ccc; background: #fff; vertical-align: top; }
	.first_elem:first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; background: #fff;}
	.second_elem { position: sticky; top: 180; z-index: 3; width: 100%; background: #fff; }

	/* po otvorení modal umožňuje scrolling */ 
	/*body.modal-open { overflow: visible; position: absolute; width: 100%; height:100%; }*/

	#additem input[type=number] {width:100%; min-height:25px; padding: 0;}
	#additem label {margin-top: 10px;}
	.coldisabledc {background-color:lightgreen !important; color:black;}
	#additem input[type=number].coldisablex { color: #EEE !important; background-color: #EEE !important;}

	#modul_ij .newcol{ float:left; border-radius:5px; border: solid #ccc 1px; padding-left: 0px;}

	.scrollup { font-size: 20px; color: #fff; background-color: none; border: 1px solid #A2A2A2; border-radius:5px; text-align: center; padding: 0px; width: 30px; height: 30px; position: fixed; right: 0px; bottom: 10px; cursor: pointer; 	}
		
	.scrollup400 { font-size: 12px; border: 1px solid #A2A2A2; border-radius:5px; text-align: center; padding-top: 7px; width: 30px; height: 30px; position: fixed; right: 0px; bottom: 40px; cursor: pointer; 	}

	.scrolldown { z-index: 15000; font-size: 20px; color: #fff; background-color: none; border: 1px solid #A2A2A2; border-radius:5px; text-align: center; padding: 0px; width: 30px; height: 30px; position: fixed; right: 0px; top: 220px; cursor: pointer	}

	.scrolldown400 { z-index: 15000; font-size: 12px; border: 1px solid #A2A2A2; border-radius:5px; text-align: center; padding-top: 7px; width: 30px; height: 30px; position: fixed; right: 0px; top: 250px; cursor: pointer	}

	i { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; }
		
	.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
	.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }

    /* admin */
	.listrow { clear:left; border-top: solid 1px #ccc;}
	.listcol { float:left; border-right: solid 1px #ccc; padding: 0px 5px 0px 5px;}
	.listcol.c30 { width: 30px; }
	.listcol.c40 { width: 40px; }
	.listcol.c50 { width: 50px; }
	.listcol.c60 { width: 60px; }
	.listcol.c70 { width: 70px; }
	.listcol.c80 { width: 80px; }
	.listcol.c100 { width: 100px; }
	.listcol.c150 { width: 150px; }
	.listcol.c200 { width: 200px; }
	.listcol.c250 { width: 250px; }
	.listcol.c300 { width: 300px; }
	.listcol.c500 { width: 500px; }

	.dropdown-menu-ispu {   top: 10px !important; line-height: 0.9; }

	.dropdownselect {min-height:35px; width: 100%; background-color:#FAFAD2; border-radius:5px; border: solid #ccc 1px; font-size:14px; text-align: right; margin-top:0px;}

	textarea#poznamka { width: 100%; border: solid #ccc 1px; border-radius: 5px;}

	.navbar button { border: 0; padding: 0; background-color: white;}
	footer {margin-top: 20px;}
	
	.loadingmodaladditem { padding-bottom: 10px;}
	
	.helpleft {float:left; border-bottom: 1px solid #ccc; width:35%;}
	.helpright {float:left; border-bottom: 1px solid #ccc; width:60%;}
	
	.dataTables_length { float: left !important;}
	#posts tbody td { font-family: "Courier New", Courier, monospace; font-size:11px; color: black; padding: 3px 3px; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; border-top: 1px solid #ddd; border-left: 1px solid #ddd; /*border-right: 1px solid #eee; border-bottom: 1px solid #eee;*/}
	#oldcisposts tbody td { font-family: "Courier New", Courier, monospace; font-size:11px; color: black; padding: 3px 3px; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; border-top: 1px solid #ddd; border-left: 1px solid #ddd; /*border-right: 1px solid #eee; border-bottom: 1px solid #eee;*/}
	table { margin: 0 auto; width: 100%; clear: both; border-collapse: collapse; table-layout: fixed; // ***********add this
		word-wrap:break-word; // ***********and this }
	#postssparovanie tr, #postssparovanie td { height: 15px; /*margin:0;*/ padding: 3px 3px;}

	.editstructure {vertical-align: top;}
	.editstructure input{min-height:25px;}
	.editstructure select{min-height:25px; background-color:#FAFAD2; width:100%;}
	
	.popover { margin-left: 650px; max-width: 700px; }
	.popover-body { height: 600px; overflow-y: auto; font-family: "Arial"; font-size: 11px; }
	.popover-body th { background-color: #fcfcfc; }
	tr.row_height, td { height: 10px !important; margin: 0 !important; padding: 0px 3px 0px 3px !important; }
	th.polozka_pol1801, td.polozka_pol1801 { width: 300px !important; text-align: left; padding-left: 3px; }
	th.polozka_pol104r, td.polozka_pol104r { width: 200px !important; text-align: left; padding-left: 3px; }
	th.cr, td.cr { width: 30px !important; text-align: center;}
	th.sku, td.sku { width: 80px !important; text-align: left; padding-left: 3px;}
	th.col_n, td.col_n { padding-right: 3px !important; text-align: right; font-family: "Courier"; font-size: 10px;}
	
	div.btn-group { width: 800px;}
	
	.tooltip-inner { max-width: 500px !important; //define whatever width you want }