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

	.switchWrapper{
		width: 0;
		margin: 0;
	}

	: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;
		--font-size-13-px: 3.6vw;
		--font-size-14-px: 3.8vw;
		--font-size-15-px: 4vw;
		--font-size-16-px: 4.2;
	}

	.switchToPixels{
		display: none;
	}

	.appLogo{
		width: 50vw;
	}

	div.inlineMenuElement{
		margin: 3vw 1vw 3vw 0;
	}

	.button_addNewDocument_Image,
	.button_commonInfo_Image,
	.button_archive_Image,
	.button_checkStatus_Image,
	.button_viewDocuments_Image,
	.button_notifications_Image,
	.button_outgoingDocuments_Image,
	.button_internalDocuments_Image{
		width: 7vw;
		height: 7vw;
	}

	div.notificationsCounterNotProcessed, 
	div.notificationsCounterRefuzed, 
	div.notificationsCounterSigned, 
	div.notificationsCounter, 
	div.notificationsCounterInternalNotCompleted{
		border-radius: 3vw;
		width: 5.5vw;
		height: 5.5vw;
		top: -2.4vw;
		left: 3.4vw;
	}

	select.documentStatusIncomingSelectFilter, 
	select.documentStatusOutgoingSelectFilter, 
	select.issuerTypeSelectFilter, 
	select.responsibilityTypeSelectFilter, 
	select.documentArchiveYearFilter,
	select.documentTypeSelectFilter,
	.showFilteredDocs,
	.inputFieldDateFilter,
	input.resetDate,
	.smartSearchFilter,
	select.documentNumberAssignYearFilter,
	select.documentDateLimitSelectFilter,
	.inputFieldPersonFilter,
	input.resetPerson,
	.buttonDocumentActions{
		padding: 3.5vw 3vw;
	}

	.createOutgoingDocUnrelated{
		padding: 3.5vw 3vw;
		width: 100%;
		background-image: unset;
		position: relative;
		box-sizing: border-box;
		gap: 3vw;
	}

	div.paginationButtonsRow{
		padding: 3vw 0;
		display: flex;
		flex-direction: column;
		gap: 3vw;
	}

	.createDocumentsImage{
		width: 3vw;
		height: 3vw;
	}

	div.paginationButtonDiv,
	.pagButtonNumbered{
		gap: 2vw;
	}

	div.noFoundData{
		width: 100%;
		padding: 3vw 0;
	}

	div.nameBoxesDiv{
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 3vw;
	}

	.boxinside{
		height: fit-content;
	}

	.bothMarginsSubj,
	.leftMarginSubj,
	.rightMarginSubj{
		margin: 0;
		width: 100%;
	}

	div.nameBoxesDiv{
		margin-top: 3vw;
	}

	.inputFieldForSubjects{
		width: 100%;
		box-sizing: border-box;
	}

	div.uploadedFile.document:not(:last-child){
		margin-bottom: 5vw;
	}

	div.uploadElement:not(.customFileDoc):not(.scannedForm1):not(.document) ~ div.uploadElement:not(.customFileDoc):not(.scannedForm1):not(.document){
		margin-top: 5vw;
	}

	#inputSubject,
	.uploadZoneHeader{
		width: 100%;
		box-sizing: border-box;
	}

	div.issuerNameFormBlock,
	div.selectTemplate select,
	div.uploadIncomingZone{
		width: 100%;
	}

	div.submitDiv{
		width: 100%;
		display: flex;
		justify-content: center;
	}

	input.buttonStyleSendNewDoc,
	div.uploadElement{
		width: 90%;
		box-sizing: border-box;
		margin: 0;
		line-height: 1.5em;
	}

	#buttonSelectExecutorPopup{
		width: 100%;
		line-height: 1.5em;
		/* margin-left: 5vw; */
		padding: 0.5em 1em;
	}

	.nodeAddMenu{
		/* margin-left: 5vw; */
		width: 100%;
	}

	.selectExecutorButtonDiv > #buttonAddNewFizSubject{
		width: unset;
		padding: 0.5em 1em;
	}

	.executorDivTermen.smallInternField{
		width: 79%;
		margin-left: 13%;
	}
	.resetTermen{
		border-radius: 0.4em;
	}

	#qtip-qtip_node_menu-content{
		flex-direction: column;
		align-items: center;
	}


	.pagButtonStyleContainer,
	input.pagButtonStyle{
		padding: 1.3vw;
	}

	input.pagButtonStyle{
		width: 3.7vw;
		height: 3.7vw;
	}

	.smartSearchFilterIcon{
		width: 4vw;
		height: 4vw;
	}

	.commonReportsInfoContainer{
		margin: 3.5vw 0;
	}

	.commonReportsInfoRow{
		margin: 3.5vw 3vw;
	}

	div.currentDocumentTableElementInnerDivRelatedDoc{
		text-align: left;
	}

	div.smartSearchBlock{
		padding-right: 3vw;
	}

	.docInfoFieldValue{
		left: 50%;
		width: 50%;
	}

	div.documentInfoContainer,
	div.documentImporantInfoContainer{
		width: 100%;
	}

	.instructionsDivValue{
		padding: 1% 50%;
	}

	.dataLimitaValue.timeFailed{
		margin: 0;
	}

	div.logoutImage{
		width: 4vw;
		height: 100%;
	}

	.stepInformationIcon{
		width: 5vw;
		height: 5vw;
		border-radius: 2.5vw;
	}

	

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

	.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);
		padding: 11vw 0;
		gap: 3vw;
	}

	div.uploadZones{
		flex-direction: column;
		gap: 3vw;
	}

	div.uploadWorkspaceZone{
		width: 100%;
	}

	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.documentsTableRow.timeFailed > .currentDocumentTableElement{
		border: unset;
	}

	div.columnDataLimita{
		white-space: unset;
	}
	

	.documentsTableRow > .columnNume{
		line-height: 1.5em;
	}

	.usirLogo img{
		width: 100%;
	}

	.usirLogo{
		padding: 0;
	}

	.cmLogo2{
		flex-wrap: wrap;
	}

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

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

	div.support{
		margin: 0;
	}

	div.documentInfoInactive{
		padding: 0;
		margin: 0;
	}


	div.documentActionsButtonsBlockinactive{
		flex-direction: column;
		height: fit-content;
	}


	.innerPopupContent{
		width: 90vw;
		box-sizing: border-box;
	}

	.b-popup .b-popup-content{
		width: 90vw;
	}

	.qTipClassNodeAddPopUp{
		left: 5vw !important;
		top: 5vw !important;
	}

	div.uploadOutgoingZone{
		width: 100%;
	}

	.simplebar-content{
		padding: 5vw;
	}

	div.uploadElement.rightArrow .outgoingDocMark{
		left: 100%;
	}


	.outgoingMarkSpan{
		margin-left: 0;
	}

	.outgoingDocMark{
		left: -10%;
	}

	.qtip-content{
		padding: 0;
		
	}

	div.internalFieldsBlock,
	.internTypeBoxElement.largeInternField{
		width: 100%;
		margin: 0;
		line-height: 1.5em;
	}

	.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar{
		display: flex;
		justify-content: center;
	}
	
	.nodeAddPopUp.newEmployeeArea{
		width: 90%;
	}

	.nodeAddPopUp.newNodeArea{
		width: 100%;
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
		overflow: scroll;
	}

	.nodeAddPopUp .instructionTArea{
		width: 90%;
		margin-left: 5vw;
		box-sizing: border-box;
	}

	#qtip-right_node_menu-content::before, .qTipClassEmployeeSelect .qtip-titlebar::after{
		display: none;
	}

	.nodeAddPopUp.newNodeArea .nodeAddMenu, .nodeAddPopUp.newNodeArea .nodeRedecideMenu,
	.nodeAddPopUp .nodeDraw{
		width: 100%;
		height: auto;
		top: 0;
	}

	.nodeAddPopUp .selectExecutorHeader, .nodeAddPopUp .selectExecutorManually, .nodeAddPopUp .instructionLabel, .nodeAddPopUp .nextMoveLabel, .nodeAddPopUp .nodeDecision div{
		padding-left: 5%;
	}

	#inputExecutor, .nodeAddPopUp.newEmployeeArea select.employeeSelectStyle{
		margin-left: 0;
		width: 100%;
		box-sizing: border-box;
	}
	.empl_div{
		width: 90%;
		margin: unset;
	}
	
	#employee_search{
		width: 100%;
	}

	div.documentTranslationBlock{
		box-sizing: border-box;
	}

	textarea.defaultCerereTextArea{
		width: 90%;
		box-sizing: border-box;
	}

	div.defaultTextAreaDiv{
		display: flex;
		justify-content: center;
	}

	div.formBlock{
		padding: 0;
	}

	div.currentDocumentsFiltersReportApply{
		margin-top: 5vw;
	}

	input.removeDocumentButton{
		padding: 1.4vw 4vw;
		width: 9vw;
		border-radius: 100% 0px 0px 0px;
		background: url(../../images/img-removeDocImage.png) 70% 65% no-repeat #ff5e5e;
		bottom: 0;
	}

	.jconfirm .jconfirm-holder{
		width: 100%;
		display: flex;
		justify-content: center;
	}

	div.requiredElementImage[is_obligatory="1"]{
		position: relative;
	}

	.subj_div{
		max-height: 70vw;
	}

	.empl_divNodeAdd,
	.empl_div{
		max-height: 70vw;
		left: 5%;
		padding: 0;
	}

	.subj_div > div,
	.empl_divNodeAdd > div,
	.empl_div > div{
		padding: 5vw;
	}

	.notifyjs-corner{
		width: 100vw;
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 1vw 0 !important;
	}

	.notifyjs-wrapper{
		max-width: 90%;
	}



	.notifyjs-bootstrap-base{
		min-width: unset;
		max-width: unset;
		width: 100%;
		box-sizing: border-box;
	}

	.notifyjs-corner .notifyjs-container{
		width: 100% !important;
		margin: 0 !important;
	}
}