:root{
	--gap-inside-block: 2.2vw;
	--gap-title-elements: 4.4vw;
	--gap-additional: 6.6vw;
	--gap-between-similar-blocks: 11vw;
	--gap-top: 17.6vw;
	--gap-between-different-blocks: 22vw;
}

@media (max-width: 850px) and (orientation: portrait), (max-width: 1110px) {

	.titleAreaBack.mainBlock{
		width: calc( 100vw - ( 2 * var(--gap-title-elements)));
		margin: var(--gap-top) var(--gap-title-elements) 0;
		display: flex;
		flex-direction: column;
		gap: var(--gap-between-similar-blocks);
	}

	.titleAreaBack.mainBlock > div{
		position: relative;
	}

	.userAreaInnerBlock{
		width: 100%;
		box-sizing: border-box;
		border-radius: 5px;
	}

	.titleArea.mainBlock{
		width: auto;
		margin: 0;
		padding: 0;
	} 

	div.menuTabsBack{
		height: auto;
	}

	div.menuTabsBack > .menuTabs.mainBlock{
		display: flex;
		width: calc( 100vw - ( 2 * var(--gap-title-elements)));
		margin: 0 var(--gap-title-elements);
		flex-direction: column;
		align-items: flex-start;
	}

	div.littleArrowClass{
		display: none !important;
	}

	div.menuTabs #button_checkStatus.active,
	div.menuTabsDivs {
		width: 100%;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		border-radius: 4px;
	}

	div.menuTabsDivs.active > .button_checkStatus_Image,
	div.menuTabsDivs .inlineMenuElement{
		margin-left: 4.4vw;
	}

	div.currentDocumentsFilters{
		/* padding: 0; */
	}

	div.mainBlock{
		width: calc( 100vw - ( 2 * var(--gap-title-elements)));
		margin: 0 var(--gap-title-elements);
	}

	div.headerNote{
		display: none;
	}
	div.currentDocumentsFiltersBack{
		height: fit-content;
	}

	.currentDocumentsFiltersElement{
		width: calc( 100vw - ( 2 * var(--gap-title-elements))) !important;
		box-sizing: border-box;
		margin: 0 !important;
	}

	div.creationDateResetBlock > input,
	div.personResetBlock > input{
		width: 50%;
		box-sizing: border-box;
	}

	.showFilteredDocs{
		width: calc( 100vw - ( 2 * var(--gap-title-elements)));
		margin: 0;
	}

	div.currentDocumentsFiltersApply{
		padding: var(--gap-title-elements) 0;
		height: fit-content;
	}

	div.documentsTableRowHeader{
		display: none;
	}

	div.currentDocumentsTableArea{
		display: flex;
		flex-direction: column;
		gap: var(--gap-title-elements);
		background: unset;
	}

	div.documentsTableRow{
		display: flex;
		gap: var(--gap-inside-block);
		flex-direction: column;
		height: fit-content;
		align-items: flex-start;
		border-radius: var(--gap-title-elements);
		padding: var(--gap-title-elements);
		box-sizing: border-box;
	}

	div.currentDocumentTableElement,
	div.columnCurentResponsabil:not(.columnHeader),
	div.currentDocumentTableElementInnerDivDepunator,
	div.columnDepunator:not(.columnHeader),
	div.currentDocumentTableElementInnerDivTipDep{
		height: fit-content;
		width: 100%;
		margin: 0;
		text-align: unset;
		padding: 0;
	}
	

	div.currentDocumentTableElement br{
		display: none;
	}
	div.documentsTableRow.timeFailed > .currentDocumentTableElement{
		border: unset;
	}

	div.columnDataLimita{
		white-space: unset;
	}

	.usirLogo img{
		width: 100%;
	}

	.usirLogo{
		padding: 0;
	}

	div.footerContent{
		flex-direction: column-reverse;
		gap: var(--gap-between-similar-blocks);
	}

	div.copyright{
		margin: 0;
		align-items: center;
	}

	div.support{
		margin: 0;
	}
}