@charset "utf-8";
/* CSS Document */
 
	
	.rotate {   height: 150px;   white-space: nowrap; }
	.rotate > div {	transform:   translate(0px, 58px)   rotate(-90deg);	width: 30px;	}
	.rotate > div > span {    }
	table.normal td, table.normal th{border: 1px solid #0006;}
	.HeaderTR{background-color:#EEE; text-align:center; font-weight:bold}
	.SelectedTD2, .changeClass{cursor:pointer; text-align:left}
	.SelectedTD2:hover {background-color:#E3CDB5; COLOR:#662200; cursor:pointer}
	.changeClass:hover {background-color:#CDE3B5; COLOR:#662200; cursor:pointer}
	.SelectedTR{background-color:#FCC}
	tbody .selected{background-color:#CFC}
	thead{text-align: center}
	.forms{width: 100%}
	.delete{cursor: pointer}
	.filtered > span {float: left; height: 16px; width: 9px; background: url(img/sort_disabled.png); cursor: pointer}
	.filtered.asc > span { background: url(img/sort_asc.png);}
	.filtered.desc > span { background: url(img/sort_desc.png);}
	.filtered > input { width: calc(100% - 20px);}
	.filtered > img {width: 16PX; height: 16px; margin-left: 3px; cursor: pointer; }
	
	nav.navbar {
		position: fixed;
		width: calc(100% - 256px);
		z-index: 100; 
		box-shadow: -11px 10px 20px #0005;
		padding: 5px 15px;
		transition: all .35s ease-in-out;
		}
@media (min-width: 1px) and (max-width: 991.98px) {
    nav.navbar {
		width: 100%;
		}
	}

	.popupForm, .popupForm2, .popupForm3{display: none}
	.popupDiv, .popupDiv2, .popupDiv3 {
		position: fixed;
		background: #000d;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		align-content: center;
		text-align: center;
		backdrop-filter: blur(2px);
	}
	.popupContent, .popupContent2, .popupContent3 {
		background: #fff;
		display: inline-block;
		padding: 20px;
		border-radius: 10px;
		box-shadow: 10px 10px 20px #000;
		text-align: left;
	}
	.popupForm select {width: 204px; margin-top: 5px; }
	button.closeBtn, button.addRecord {
		border: 1px solid #0008;
		border-radius: 3px;
		padding: 2px 5px;
		background: #bfb;
		float: right;
	}
	.exists_file{display: none}
	div.exists_file img { height: 50px; }
	thead{background: #0002;}
	.fixed_header thead{
		background: #eee;
		position: sticky !important;
		top: 0;
		z-index: 10;
		}
	.fixed_header thead th:after, .fixed_header thead td:after {
		content: " ";
		border: 1px solid #aaa;
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		display: inline-block;
		position: absolute;
		left: -1px;
		top: -1px;
		z-index: -1;
	}
	.DelRow{cursor: pointer}
	
	
	.filtered2 > label {
		display: inline-block;
		width: 20px;
		height: 20px;
		border: 1px solid #0005;
		float: right;
		border-radius: 1px;
		background-image: linear-gradient(#fff, #eee);
		cursor: pointer;
		position: relative;
	}
	.filtered2 > label:hover{
		background-image: linear-gradient(#eee, #fff);
	}
	.filtered2 > label:after, .filtered2 > label:before {
		content: ' ';
		display: inline-block;
		background: url(img/filters.png) no-repeat;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.filtered2 > label.Sorted.asc:after {
		background-position: 3px -64px;
	}
	.filtered2 > label.Sorted.desc:after {
		background-position: 3px -43px;
	}
	.filtered2 > label.Sorted.asc:before {
		background-position: 30px -64px;
	}
	.filtered2 > label.Sorted.desc:before {
		background-position: 30px -43px;
	}
	.filtered2 > label.Filtered:after {
		background-position: -4px -19px;
	}
	.filtered2 > label.Filtered:before {
		background-position: 30px -19px;
	}
	.filtered2 > label.Sorted.asc.Filtered:before {
		background-position: -2px -20px;
	}
	.filtered2 > label.Sorted.asc.Filtered:after {
		background-position: -1px -62px;
	}
	.filtered2 > label.Sorted.desc.Filtered:before {
		background-position: -2px -20px;
	}
	.filtered2 > label.Sorted.desc.Filtered:after {
		background-position: -1px -43px;
	}
	table.normal td, table.normal th {
		border: 1px solid #0006;
		position: relative;
	}
	.filtered2 >div {
		position: absolute;
		min-width: 210px;
		background: #fff;
		border: 1px solid #0003;
		box-shadow: -5px 5px 10px #0005;
		padding: 5px;
		max-width: 260px;
		right: 0;
		z-index: 1;
		text-align: left;
		font-weight: normal;
		display: none;
	}
	th:nth-child(1) .filter {
		left: 0;
	}
	.filtered2 >div .hide,
	.filtered2 >div .sortAsc,
	.filtered2 >div .sortDesc,
	.filtered2 >div .clearFilter {
		padding-left: 24px;
		background-image: url(img/filters.png?v1);
		background-repeat: no-repeat;
		background-position-y: -81px;
		cursor: pointer;
		text-wrap: nowrap;
		position: relative;
		}
	.filtered2 .sortAsc.selected:before,
	.filtered2 .sortDesc.selected:before{
		content: ' ';
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0px;
		border: 1px solid #000;
	}
	.filtered2 .sortAsc.selected:after, 
	.filtered2 .sortDesc.selected:after {
		content: ' ';
		display: inline-block;
		width: 18px;
		height: 18px;
		position: absolute;
		left: 1px;
		top: 1px;
		border: 1px solid #0005;
	}
	.filtered2 >div .sortDesc {
		background-position-y: -100px;
		}
	.filtered2 >div .clearFilter {
		background-position-y: -120px;
		}
	.filtered2 >div .hide {
		background-position-y: -140px;
		}
	.filtered2 >div .hide:hover,
	.filtered2 >div .sortAsc:hover,
	.filtered2 >div .sortDesc:hover,
	.filtered2 >div .clearFilter:hover{
		background-color: #0002;
	}
	.filtered2 .filter input {
		width: 100%;
		margin-top: 5px;
	}
	.filtered2 .filterList {
		border: 1px solid #0002;
		margin-top: 10px;
		min-height: 80px;
		background: #fff;
		overflow: auto;
		max-height: 200px;
		text-wrap: nowrap;
		}
	.filterBtns{
		text-align: right;
		}
	.filterBtns button {
		border: 1px solid #0005;
		border-radius: 4px;
		margin: 10px 0px 5px 5px;
		}
	.filterBtns button:hover:not([disabled]) {
		background-color: #e9f5ee;
		border: 1px solid #4e9668;
		}
	.filterList > div {
		cursor: pointer;
		}
	.filterList > div:hover {
		background: #0002;
		}
	.filterList >div>span {
		display: inline-block;
		width: 12px;
		height: 12px;
		border: 1px solid #0003;
		margin: 0 3px;
		vertical-align: middle;
		overflow: hidden;
	}
	.filterList >div.checked>span:before {
		width: 5px;
		height: 9px;
		margin: 3px 3px;
		border-bottom: 2px solid #115c80;
		border-right: 2px solid #115c80;
		transform: rotate(45deg);
		content: ' ';
		display: inline-block;
		position: relative;
		translate: 0px -3px;
	}
	.filterList >div.partially>span:before {
		width: 6px;
		height: 6px;
		margin: 0px 0px;
		background: #115c80;
		content: ' ';
		display: inline-block;
		position: relative;
		translate: 2px -7px;
	}
	
	.subMenu h1.h3 {
		display: inline-block;
		background: #fff;
		padding: 5px 20px;
		margin: 0 20px 0 0;
		line-height: 30px;
		color: #3b7ddd;
	}
	
	.SMContent{
		background: #fff;
		border-radius: 5px;
		border-top-left-radius: 0;
		box-shadow: -5px 10px 10px #0002;
		z-index: 2;
		min-height: calc(100vh - 85px);
		}
	.SMItem.active {
		background: #fff;
		color: #000;
		z-index: 1
	}
	.SMItem {
		cursor: pointer;
		display: inline-block;
		padding: 5px 20px;
		background: #0262;
		font-size: 18px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		color: #0008;
		box-shadow: -5px 10px 10px #0002;
		z-index: 0;
		position: relative;
	}
	.colOption {
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(img/filters.png?v1) 1px -159px #fffa;
		cursor: pointer;
		position: relative;
		float: left;
		border-radius: 3px;
		border: 1px solid #0006;
	}
	.colOption:hover{
		background-color: #0003;
	}
	.colList {
		display: inline-block;
		text-wrap: nowrap;
		padding: 4px;
		background: #fff;
		font-weight: normal;
		position: absolute;
		left: 0;
		top: 20px;
		z-index: 2;
		box-shadow: 3px 3px 11px;
		display: none;
	}
	.colList label {
		display: block;
		text-align: left;
		cursor: pointer;
	}
	.colList label:hover {
		background: #0002;
	}
	.colList input {
		margin-right: 5px;
	}
	table.universal{min-width: 300px;}
	.exists_files img, .docIcon {
		height: 25px;
		vertical-align: middle;
		margin: 5px;
	}
.infoBlock td{border:none}
.infoBlock{
	box-shadow: 5px 5px 10px #0002
}