.doc-table,
table[id*='dlot'] {
    display: block;
}
 
.doc-table tr,
table[id*='dlot'] tr {
    display: flex;
    padding: 10px 0px;
    flex-wrap: nowrap;
}

.doc-table tr:not(:has(th)),
table[id*='dlot'] tr:not(:has(th)) {
    border-radius: 3px;
    box-shadow: 0px 0px 2px var(--color-dark-blue);
    transition: all 0.3s;
}

.doc-table tr:not(:has(th)) *,
table[id*='dlot'] tr:not(:has(th)) * {
    color: var(--bs-dark);
}

.doc-table tr:not(:has(th)):hover,
table[id*='dlot'] tr:not(:has(th)):hover {
    background: var(--color-light-blue);
}

.doc-table tr:not(:has(th)):hover *,
table[id*='dlot'] tr:not(:has(th)):hover * {
    color: #fff;
}

.doc-table th,
table[id*='dlot'] th {
    border: none!important;
    align-items: start!important;
    height: 2rem;
}

.doc-table th *,
table[id*='dlot'] th * {
    color: initial;
}
 
.doc-table .name,
table[id*='dlot'] .name,
.doc-table .t_cell1_document_name_td,
.doc-table .doc-title {
    width: calc(100% - 200px);
}
 
.doc-table .type,
table[id*='dlot'] .type,
.doc-table .t_cell2,
.doc-table .doc-type {
    width: 70px;
    justify-content: center;
}
 
.doc-table .date,
table[id*='dlot'] .date,
.doc-table .t_cell3_small,
.doc-table .doc-published {
    width: 130px;
    justify-content: end;
    border-left: solid 1px #aaa;
}

.doc-table td.type,
table[id*='dlot'] td.type,
.doc-table td.t_cell2,
.doc-table td.doc-type {
    overflow: hidden;
}
 
.doc-table th,
table[id*='dlot'] th,
.doc-table td,
table[id*='dlot'] td {
    padding: 0px 10px;
    display: flex;
    align-items: center;
}
 
.doc-table tbody,
table[id*='dlot'] tbody {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
 
.doc-table .table-head, 
.doc-table tr:has(.section-title) {
    display: none;
}
 
.doc-table .type a,
.doc-table .t_cell2 a,
table[id*='dlot'] .type a {
    color: transparent!important;
    display: inline;
    width: 0;
    height: 0;
}

.doc-table .sort-asc:after,
.doc-table .sort-desc:after,
.doc-table .type:before,
.doc-table .t_cell2:before,
table[id*='dlot'] .type:before {
    font: var(--fa-font-regular)!important;
    font-size: 1.5rem!important;
}

.doc-table .sort-asc.active,
.doc-table .sort-desc.active {
    pointer-events: none;
    color: #fff;
    filter: drop-shadow(0px 0px 1px black);
}

.doc-table .sort-asc:after,
.doc-table .sort-desc:after {
    font-weight: 600!important;
    color: currentColor;
}

.doc-table .sort-asc:after {
	content: "\f0d8";
}

.doc-table .sort-desc:after {
	content: "\f0d7";
}

.doc-table .sort-asc:hover,
.doc-table .sort-desc:hover {
	color: var(--color-dark-blue)!important;
}

.doc-table .type:before,
.doc-table .t_cell2:before {
    content: "\f15b";
}
 
.doc-table .pdf .type:before,
.doc-table .pdf .t_cell2:before,
table[id*='dlot'] .pdf .type:before {
    content: "\f1c1";
}

.doc-table .htm .type:before,
.doc-table .html .type:before,
.doc-table .htm .t_cell2:before,
.doc-table .html .t_cell2:before,
table[id*='dlot'] .htm .type:before,
table[id*='dlot'] .html .type:before {
    content: "\f1c9";
}

.doc-table .xls .type:before,
.doc-table .xlsx .type:before,
.doc-table .xls .t_cell2:before,
.doc-table .xlsx .t_cell2:before,
table[id*='dlot'] .xls .type:before,
table[id*='dlot'] .xlsx .type:before {
    content: "\f1c3";
}

.doc-table .doc .type:before,
.doc-table .docx .type:before,
.doc-table .doc .t_cell2:before,
.doc-table .docx .t_cell2:before,
table[id*='dlot'] .doc .type:before,
table[id*='dlot'] .docx .type:before {
    content: "\f1c2";
}

.doc-table td[colspan],
.reldoc > p {
    display: none;
}

table[id*='dlot'] {
	display: block!important;
}

span.reldoc:has(table[id*='dlot'] tr)::before {
    content: "Kapcsolódó dokumentumok:";
    font-weight: bold;
    margin: 2rem 0 1rem;
    display: block;
}

@media (max-width: 991px) {
    .doc-table .type,
    .doc-table .t_cell2,
    .doc-table .doc-type,
	table[id*='dlot'] .type {
        display: none;
    }

    .doc-table .name,
    .doc-table .t_cell1_document_name_td,
    .doc-table .doc-title,
	table[id*='dlot'] .name {
        width: calc(100% - 130px);
    }
}

@media (max-width: 767px) {
	div.FilterSettings div.CategoryName label.select-label {
		position: relative;
	}
	
    div.FilterSettings label.select-label {
		float: none!important;
	}
	
	div.CategoryName div.selectbox,
	div.FilterSettings #ddlRightBox.dd-container,
	div.FilterSettings div.dd-select, 
	div.FilterSettings #ddlRightBox ul {
		width: 100%!important;
		margin: 0!important;
	}
	
	div.FilterSettings label.select-label {
		text-align: left!important;
	}
	
	div.Filter {
		height: 160px!important;
	}
	
	div.Filter span.filter_year,
	div.Filter div.selectbox,
	div.Filter div.selectbox span,
	div.Filter div.filter_text {
		width: 100%!important;
		clear: both;
		float: none!important;
	}
	
	div.Filter #cntphMaster_tbSearchText {
		width: -webkit-calc(100% - 50px)!important;
		width: -moz-calc(100% - 50px)!important;
		width: calc(100% - 50px)!important;;
	}
	
	div.FilterSettings .selectbox span {
		width: 100%!important;
	}
	
	div.FilterSettings .selectbox span::after {
		position: absolute;
		right: 10px;
        top: 7px;
	}
}

@media (max-width: 567px) {
    .doc-table .date,
    .doc-table .t_cell3_small,
    .doc-table .doc-published,
	table[id*='dlot'] .date {
        display: none;
    }

    .doc-table .name,
    .doc-table .t_cell1_document_name_td,
    .doc-table .doc-title,
	table[id*='dlot'] .name {
        width: 100%;
    }
}