.table_wrap{
	/*max-width: 920px;*/
    margin: 0 auto;
}
.table_wrap .bodyPart{
	background: #f1f1f1;
    padding: 6px 0;
}
div.bodyPart{
	position: relative;
}
.table_wrap .mainTabs ~ div.bodyPart{
	padding-top: 6px;
	/*overflow: hidden;*/
}
.table_wrap .mainTabs{
	border-bottom: 1px solid #9c3c51;
    padding: 0 6px;
}
.table_wrap .mainTabs > button{
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 4px 12px;
	margin-right: 2px;
	cursor: pointer;
	float: none;
	outline: none!important;
}
.table_wrap .mainTabs > button:last-of-type{
	margin-right: 0;
}
.table_wrap .mainTabs > button.selectedTab{
	background: #9c3c51;
	color: #fff;
	cursor: auto;
}
.table_wrap table{
	width: calc(100% - 5px);
	border-collapse: collapse;
	background-color: #fff;
	font-family: arial, tahoma, helvetica, sans-serif;
	border-top: 1px solid #B5B8C8;
	border-bottom: 1px solid #B5B8C8;
}
.table_wrap .table_header{
	position: relative;
	overflow: hidden;
}
.table_wrap .table_body{
	overflow: auto;
	/*height: 200px;*/
	border-bottom: 1px solid #d0d0d0;
}
.table_wrap .table_body:focus{
	outline: none;
}
.table_wrap .table_body > div{
	width: fit-content;
	position: relative;
}
.table_wrap .table_header ~ h2{
	/*position: absolute; toto bolo zmenene kvoli tomu ze ked neboli ziadne data tak na mobile prekryval text spodnu listu*/
	width: calc(100% - 32px);
}
.table_wrap .table_header table{
	border-bottom: 0;
}
.table_wrap .table_header table thead{
	position: absolute;
	border-right: 1px solid #aaa;
}
.table_wrap .table_body table{
	border-top: 0;
	border-right: 1px solid #d0d0d0;
}
.table_wrap table thead{
	border-bottom: 2px solid #aaaaaa;
}
.table_wrap table thead tr{
	/*background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAXwBfAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAAYAAEDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAQI/8QAFxABAQEBAAAAAAAAAAAAAAAAABMBYf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDVlMEdegIKgA//2Q==) top left repeat-x #d7d7d7;*/
	background: #f9f9f9;
	display: flex;
}
.table_wrap table tbody tr{
	border-bottom: 1px solid #d0d0d0;
}
.table_wrap table tr a{
	color: #3b5b7c;
	text-decoration: none;
}
.table_wrap table tr a:hover{
	text-decoration: underline;
}
.table_wrap table tr a img{
	max-width: 100%;
	max-height: 100%;
}
.table_wrap table thead tr td{
	padding: 4px 4px 2px 4px;
}
.table_wrap table tbody tr:nth-of-type(2n){
	background: #fafafa;
}
.table_wrap table tr th{
	/*border: 1px solid #d0d0d0;*/
	border: 0;
    padding: 0;
	/*word-break: break-word;*/
    box-sizing: border-box;
	/*padding: 4px 6px;*/
	font-size: 11px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: flex;
    flex-direction: column;
}
.table_wrap table tr th hr{
	margin: 0;
    height: 1px;
    background: #aaa;
    border: 0;
    margin-top: -1px;
    position: relative;
    top: 0px;
}
.table_wrap table tr th .sumare{
	background: #ffdab9 url('../Images/web/extjs_sum2.gif') repeat-x;
	flex-grow: 0;
	padding: 0;
}
.table_wrap table tr th .sumare span.back{
	display: block;
	background: transparent url('../Images/system/cool/sum50p.png') left 0 center no-repeat;
	padding: 4px;
	text-align: right;
}
.table_wrap table tr th .sumare span.back.no_background{
	background: none!important;
}
.table_wrap table tr th:hover{
	cursor: grab;
}
.table_wrap table tr th:hover, .table_wrap table tr th.selectedColumn{
	background: #d9e8fb url(../JavaScript/ext-3.1.0/resources/images/default/grid/grid3-hrow-over.gif);
	background-size: contain;
}
th.open-menu{
	background: #d9e8fb url(../JavaScript/ext-3.1.0/resources/images/default/grid/grid3-hrow-over.gif)!important;
	background-size: contain!important;
}
th.open-menu .menu-holder{
	display: block!important;
}
/*.table_wrap .fakeCol{
	position: absolute;
	padding: 10px;
    border: 1px solid #aaaaaa;
    z-index: 100;
    background: #fafafa;
    font-size: 11px;
    font-family: arial, tahoma, helvetica, sans-serif;
    font-weight: bold;
}*/
.table_wrap .fakeCol{
	position: absolute;
    background: rgba(199, 199, 199, 0.6);
    border-left: 1px solid #9c9c9c;
    border-right: 1px solid #9c9c9c;
	z-index: 100;
}
.table_wrap .fakeCol table{
	width: 100%;
	opacity: 0.5;
}
.table_wrap .fakeCol table th:hover{
	background: initial;
}
.table_wrap .fakeCol table th:hover span.menu-holder{
	display: none;
}
.table_wrap table tr th > div{
	width: inherit;
    box-sizing: border-box;
    padding: 4px;/*6px 10px 6px 6px;*/
	margin: 0;
	color: #000;
	/*height: 27px;*/
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	text-align: center;
	/*position: relative;*/
	flex-grow: 1;
}
.table_wrap table tr th > div > span:not([class]){
	display: block;
}
.table_wrap table tr th.sort_ASC, .table_wrap table tr th.sort_DESC{
	background: #d9e8fb url(../JavaScript/ext-3.1.0/resources/images/default/grid/grid3-hrow-over.gif);
}
.table_wrap table tr th.sort_ASC > div{
	background-image: url(../images/table/sort-up.png);
}
.table_wrap table tr th.sort_DESC > div{
	background-image: url(../images/table/caret-down.png);
}
.table_wrap table tr th.sort_ASC > div, .table_wrap table tr th.sort_DESC > div{
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: left 1px top -1px;
}
.table_wrap table th[data-ordering]{
	cursor: pointer;
}
.table_wrap table th span.resizer{
	padding: 0 2px;
    position: absolute;
    height: calc(100% + 1px);
    box-sizing: border-box;
    top: 0;
    right: 0;
	margin-right: -2px;
	z-index: +10;
	background: #f9f9f9;
}
.table_wrap table th:last-of-type span.resizer{
	display: none;
}
.table_wrap table th span.resizer:hover{
	cursor: col-resize!important;
}
.table_wrap table th span.menu-holder{
	display: none;
	background: #d9e8fb url(../images/table/menu-three-horizontal-lines-symbol.png) center center no-repeat;
	background-size: 12px;
	position: absolute;
    height: 100%;
	box-sizing: border-box;
    top: 0;
	padding: 0 6px;
	right: 2px;
	z-index: +3;
	width: 20px;
    border-right: 1px solid #97bae6;
    border-left: 1px solid #97bae6;
	cursor: pointer;
}
.table_wrap .colMenu{
	display: none;
	position: absolute;
	top: 16px;
	flex-direction: column;
	background: #f0f0f0;
	border: 1px solid #718bb7;
	border-radius: 0;
	list-style-type: none;
	padding: 2px;
	margin: 0;
	font-size: 11px;
    font-family: arial, tahoma, helvetica, sans-serif;
	z-index: 100;
    /*margin-top: 5px;
    margin-left: calc(100% - 28px);*/
}
.table_wrap .colMenu.leftSmer{
	right: 4px;
	margin-left: 0;
}
.mobileDevice .colMenu.leftSmer{
	left: initial!important;
	margin-right: 2px;
}
.table_wrap .colMenu li{
	margin: 2px 0;
	border: 1px solid transparent;
	padding: 0 3px;
	border-radius: 2px;
}
.table_wrap .colMenu li:hover{
	background-color: #dbecf4;
    border-color: #aaccf6;
}
.table_wrap .colMenu li a{
	padding-left: 26px;
	position: relative;
	text-decoration: none!important;
	height: 27px;
    display: block;
    line-height: 27px;
	text-align: left;
	color: #222;
    font-weight: normal;
}
.table_wrap .colMenu li a img{
	position: absolute;
	left: 2px;
	top: 6px;
}
.table_wrap table th:hover span.menu-holder{
	display: block;
}
.table_wrap table tbody tr  td > div{
	width: inherit;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
	padding: 4px;
}
.table_wrap .obalka_table .table_body.fit_content tr  td > div{
	width: fit-content;
}
body.drag-active, body.drag-active *{
	cursor: col-resize!important;
	cursor: -webkit-col-resize!important;
	cursor:-moz-col-resize!important;
}
body.active-sorting, body.active-sorting *{
	cursor: grabbing!important;
}
.table_wrap table tr td{
	border: 0;
	/*border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
	padding: 0;
	box-sizing: border-box;
	font-size: 11px;
	color: #565656;
}
.table_wrap table tbody tr td:first-of-type{
	/*border-left: 1px solid #ddd;*/
}
.table_wrap table tbody tr:hover{
	background: #eaf4f5;
}
div.pag_wrap{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	margin: 0 6px;
    padding: 2px 0;
    border: 1px solid #B5B8C8;
    border-top: 0;
	font-size: 11px;
	font-family: arial, tahoma, helvetica, sans-serif;
	position: relative;
}
div.pag_wrap button{
	/*padding: 3px;*/
	padding: 0;
	line-height: 16px;
	height: 25px;
	width: 25px;
	box-sizing: border-box;
	margin: 0 2px;
	position: relative;
	cursor: pointer;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 2px;
}
div.pag_wrap button:not(:disabled):hover{
	background: #eaf4f5;
}
div.pag_wrap button img{
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}
div.pag_wrap button:disabled{
	opacity: .65;
	cursor: auto;
}
div.pag_wrap input.changepage{
	width: 25px;
	height: 25px;
	font-family: arial, tahoma, helvetica, sans-serif;
	box-sizing: border-box;
    margin-bottom: 0;
	text-align: right;
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
}
div.pag_wrap input.changepage:focus{
	outline: none;
}
div.pag_wrap .separator{
	margin: 5px 4px;
    width: 1px;
    background: #9ac6ff;
    height: 15px;
}
div.pag_wrap .info_zobraz{
	margin: 4px 4px 4px auto;
}
div.pag_wrap .showColumns, div.topbar .search_wrap .showColumns{
	position: absolute;
    display: none;
    flex-direction: column;
    padding: 2px;
    background: #f0f0f0;
    border: 1px solid #718bb7;
	bottom: 26px;
	font-size: 11px;
	font-family: arial, tahoma, helvetica, sans-serif;
	z-index: +25;
}
div.pag_wrap .showColumns input[type=checkbox], div.topbar .search_wrap .showColumns input[type=checkbox]{
	margin-right: 8px;
}
div.pag_wrap .showColumns{
	left: 2px;
}
div.pag_wrap .showColumns.dispFlex, div.topbar .search_wrap .showColumns.dispFlex, .table_wrap .colMenu.dispFlex{
	display: flex;
}
div.pag_wrap .showColumns label, div.topbar .search_wrap .showColumns label{
	margin: 0;
	padding: 3px;
	display: flex;
	cursor: pointer;
	align-items: center;
	border: 1px solid transparent;
    border-radius: 2px;
}
.table_wrap .search_wrap .showColumns label{
	position: relative;
    background: #f0f0f0;
}
div.pag_wrap .showColumns label span{
	width: max-content;
}
div.pag_wrap .showColumns li span.submenu{
	padding-right: 20px!important;
	background: transparent url(../JavaScript/ext-3.1.0/resources/images/default/menu/menu-parent.gif) center right no-repeat;
	background-size: 12px 10px;
}
div.pag_wrap .showColumns label:hover, div.topbar .search_wrap .showColumns label:hover, .table_wrap .pag_wrap .showColumns ul li:hover > span{
    background-color: #dbecf4;
    border-color: #aaccf6;
}
div.topbar{
	display: flex;
    flex-wrap: wrap;
	margin: 0 6px;
    padding: 8px 2px;
    border: 1px solid #B5B8C8;
    border-bottom: 0;
}
.topbar.hidden_topbar{
	visibility: hidden;
	position: absolute;
}
div.topbar .search_wrap{
	position: relative;
}
div.topbar .search_wrap input{
	padding: 2px 0.5rem!important;
	padding-left: 2.75rem!important;
	margin: 0;
    line-height: 1.5;
    border-radius: 0.2rem;
	border: 1px solid #ccc!important;
	font-size: 13px!important;
	background: #fff;
	font-family: arial, tahoma, helvetica, sans-serif;
}
div.topbar .search_wrap input:focus, div.topbar .search_wrap button:focus, div.pag_wrap button:focus{
	outline: none;
}
div.topbar .search_wrap button{
	position: absolute;
    left: 1px;
    top: 1px;
    border: 0;
    background: none;
    height: 23px;
    width: 2.25rem;
    display: block;
    cursor: pointer;
    height: calc(100% - 2px);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
div.topbar .search_wrap button img{
	width: 16px;
	vertical-align: middle;
}
div.topbar .search_wrap button:hover{
	background: #eaf4f5;
}
div.topbar .search_wrap .showColumns{
	top: 24px;
	bottom: auto;
    z-index: +25;
}
.obalka_table{
	/*position: relative;*/
	border: 0;
	margin: 0;
	overflow-x: hidden;
	margin: 0 6px;
	padding: 0;
    box-sizing: border-box;
	border-left: 1px solid #B5B8C8;
    border-right: 1px solid #B5B8C8;
}
.obalka_table .right_res, .obalka_table .left_res{
	visibility: hidden;
	height: 100%;
	position: absolute;
	width: 1px;
	background: #000;
	top: 0;
}
.obalka_table .active.right_res, .obalka_table .active.left_res{
	visibility: visible;
	z-index: 50;
}
.obalka_table.overflowhidden, .obalka_table .table_body.overflowhidden, .table_wrap .bodyPart.overflowhidden{
	overflow: hidden!important;
}
.obalka_table .table_header table.special{
	display: block!important;
	height: 0!important;
}
.bodyPart .sorting-header{
	display: none;
	position: absolute;
	top: 0;
	width: 16px;
	z-index: 99;
}
.bodyPart .sorting-header.active{
	display: block;
}
.bodyPart .sorting-header img{
	position: absolute;
}
.bodyPart .sorting-header img.arr-down{
	top: 0;
}
.bodyPart .sorting-header img.arr-up{
	bottom: 0;
}
.table_wrap .freez-table{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 6px;
	display: none;
	z-index: 55;
}
.table_wrap .freezCol{
	position: absolute!important;
	background: #fff;
	z-index: 15;
	border-left:1px solid #B5B8C8!important;
	border-bottom: 1px solid #d0d0d0!important;
}
.table_wrap th.freezCol{
	z-index: 20;
	border-right: 1px solid #aaaaaa!important;
	border-left:1px solid #B5B8C8!important;
	border-top: 1px solid #B5B8C8!important;
	border-bottom: 2px solid #aaaaaa!important;
	margin-top: -1px;
	/*border-bottom: 1px solid #aaaaaa!important;*/
}
.table_wrap .freez-table .resizer{
	display: none!important;
}
.table_wrap .freez-table span.menu-holder, .table_wrap.mobileDevice .menu-holder{
	right: 0!important;
}
.table_wrap tbody tr:nth-of-type(2n) td.freezCol{
	background: #fafafa;
}
.table_wrap .freezCol > div{
	height: inherit;
    /*display: flex;
    align-items: center;*/
    border-right: 1px solid #aaaaaa;
}
.table_wrap .table_header.scrollerVisible{
	margin-right: 17px;
	/*border-right: 1px solid #aaa;*/
	width: fit-content;
	width: 100%;
    max-width: calc(100% - 17px);
}
.table_wrap.mobileDevice .table_header.scrollerVisible{
	margin-right: 0!important;
	max-width: 100%!important;
}
.table_wrap.mobileDevice div.pag_wrap button{
	width: 32px;
	height: 32px;
}
.table_wrap.mobileDevice div.pag_wrap button img{
	width: 20px;
	height: 20px;
}
.table_wrap.mobileDevice div.pag_wrap .separator{
	margin-bottom: 6px;
}
.table_wrap.mobileDevice div.pag_wrap .separator{
	height: 20px;
}
.table_wrap.mobileDevice div.topbar .search_wrap input.search_input{
	height: 40px;
    box-sizing: border-box;
	padding-left: 48px;
}
.table_wrap.mobileDevice div.topbar .search_wrap button{
	height: 38px;
    width: 40px;
}
.table_wrap.mobileDevice div.topbar .search_wrap button img{
	width: 20px;
}
.table_wrap.mobileDevice div.pag_wrap .showColumns label, .table_wrap.mobileDevice div.topbar .search_wrap .showColumns label{
	padding: 6px 3px;
}
.table_wrap.mobileDevice div.pag_wrap .showColumns/*, .table_wrap.mobileDevice div.topbar .search_wrap .showColumns*/{
	bottom: 33px;
	z-index: +70;
}
.table_wrap.mobileDevice div.topbar .search_wrap .showColumns{
	top: 39px;
}
.table_wrap.mobileDevice .pag_wrap .prev_page, .table_wrap.mobileDevice .pag_wrap .prev_page ~ .separator, .table_wrap.mobileDevice .pag_wrap .strankovanie, .table_wrap.mobileDevice .pag_wrap  .next_page{
	/*display: none;*/
}	
.table_wrap .pag_wrap .showColumns ul li > div{
	display: none;
	flex-direction: column;
}
.table_wrap .pag_wrap .showColumns ul li:hover > div, .table_wrap .pag_wrap .showColumns ul li > div:hover{
	display: flex;
}
.table_wrap .freez-body{
	overflow: hidden;
}
.table_wrap .freez-body table{
	border-top: 0!important;
}
.table_wrap .sqlVyraz{
	color: #000;
	text-decoration: none;
}
.table_wrap .sqlVyraz p{
	margin: 5px;
	font-size: 14px;
}
.table_wrap .sqlVyraz span span{
	margin: 5px;
    display: inline-block;
    text-decoration: underline;
    color: #3f51b5;
}
.table_wrap .pag_wrap .showColumns{
	padding: 0;
}
.table_wrap .pag_wrap .showColumns ul{
	padding: 2px 0;
    margin: 0;
	background: #f0f0f0;
	border: 0;
    font-size: 14px;
    font-family: inherit;
}
.table_wrap .pag_wrap .showColumns ul li{
	list-style-type: none;
	position: relative;
	margin: 1px 0;
	background: #f0f0f0;
	padding: 0 2px;
	cursor: pointer;
}
.table_wrap .pag_wrap .showColumns ul li > span{
	padding: 6.5px 8px;
    border: 1px solid transparent;
    border-radius: 2px;
    display: block;
}
.table_wrap .pag_wrap .showColumns ul li span{
	font-weight: normal;
}
.table_wrap .pag_wrap .showColumns ul li > div{
	position: absolute;
	left: 100%;
    margin-left: 0;
    top: 0;
    margin-top: -3px;
	padding: 2px;
    background: #f0f0f0;
    border: 1px solid #718bb7;
}
.table_wrap .table_body tr.selectedRow, .table_wrap .freez-body tr.selectedRow{
	background: #d6e4f6;
    border-bottom: 1px solid #B5B8C8 !important;
}
.table_wrap .table_body .loader{
	background: transparent url(../images/system/jebeto.gif) center center no-repeat;
	background-size: 16px 16px;
	height: 20px;
	width: 100%;
}
body.resizing{
	cursor: col-resize!important;
}
body.resizing .table_wrap table th:hover span.menu-holder{
	display: none!important;
}
.table_wrap table tbody tr td > div >*{
	display: inline-block;
    vertical-align: middle;
}
.table_wrap table tbody tr td > div img{
	max-height: 100%;
	max-width: 100%;
}