.sest {
	
}
.search-h {
    border: 1px solid #D5D7DA;
    line-height: 36px;
	border-radius: 10px 10px 0 0;
	font-size: 16px;
	margin-left: 0px;
    margin-right: 0px;
}
.search-date svg {
	margin-left:5px;
}

.doc {
    display: grid;
    grid-template-columns: 80px 40px 1fr 120px;
    gap: 20px;
    align-items: center;

    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
	
    color: inherit;
    text-decoration: none;
}

.doc2 {
    display: grid;
    grid-template-columns: 80px 1fr 120px;
    gap: 20px;
    align-items: center;

    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
	
    color: inherit;
    text-decoration: none;
}

.doc:hover {
    background: #f8f8f8;
}

.doc-num {
    color: #666;
    font-size: 14px;
}

.doc-ico {
    display: flex;
    justify-content: center;
}

.doc-name {
    line-height: 1.4;
}

.doc-date {
    text-align: right;
    white-space: nowrap;
    color: #666;
}

@media screen and (max-width:768px) {
	.doc {
		grid-template-columns: 40px 1fr;
		gap: 10px 15px;
		padding: 15px;
	}

	.doc-ico {
		grid-row: 1 / span 3;
	}

	.doc-name {
		grid-column: 2;
	}

	.doc-num,
	.doc-date {
		grid-column: 2;
		font-size: 13px;
	}
}