@media print {
	@page {
		size: A4 portrait;
	}
	body {
		background: var(--base-cont-top) !important;
		padding: 0;
		min-width: 1000px;
		height: auto;
		overflow: auto;
	}
	#content {
		padding: 0 !important;
		border: none;
	}

	.noprint {
		display: none !important
	}
	.print {
		display: inline;
	}

	#primaryMenu__wrapper, #sidebar__wrapper, #adminMenu__wrapper, #taskCreate__wrapper, #fileCreate__wrapper, #noteBook__wrapper, #queueView__wrapper, #viewsList__wrapper {
		display: none
	}
	ws-btn, #too_many, #taskPanel, .taskView__head, .headerGeneral__right, .primaryMenuButton__wrapper, .ps__rail-x, .ps__rail-y, .dataTable__shadowLine {
		display: none !important
	}
	.headerGeneral {
		height:64px;
		padding: 0;
	}
	#headerPrint {
		display: none;
		margin: 0 0 10px 0;
		padding: 10px;
		height: 30px;

		.path {
			color: var(--base-txt-tertiary);
			font: var(--font-ui-11-micro-reg);
			margin: -3px 0 0;
		}

		.date {
			float: right;
			margin: 5px;
		}

		.name {
			font: 300 18px/30px var(--font-base);
		}

		.date ~ .name {
			font: var(--font-ui-22-title-1-semi);
		}

		ws-icon {
			float: right;
			width: 48px;
			height: 48px;
			margin: -9px 0;
		}
	}

	main {
		margin: 0 !important;
		height: auto;
	}

	body.rightPanelShown main {
		display: none
	}

	#rightPanel__wrapper {
		position: static;
		box-shadow: none;
		width: unset;
		padding-bottom: 0 !important;
	}

	body.sidePanelShown main {
		display: none
	}

	#sidePanel__wrapper {
		position: static;
		box-shadow: none;
		width: unset
	}

	body.withTaskView main, body.withTaskView #rightPanel__wrapper {
		display: none
	}

	#taskView__wrapper {
		position: static;
		box-shadow: none;
	}

	#modalContainer {
		position: static;
	}

	body.withModal main, body.withModal #taskView__wrapper {
		display: none
	}

	.modal__overlay {
		background: none;
		position: static;
		padding-top: 0;
	}

	.modal__header, .modal__dataTable, .modal__content__block-gray {
		background: var(--base-cont-top)
	}

	.modal__content .commentListPanel__filter, .modal__content .buttons, .modal__header > .in .quick_search {
		display: none
	}

	.modal {
		position: static;
		margin: 0 !important;
		width: 100% !important;
		max-height: unset !important;
		box-shadow: none;
	}

	.modal__content .scrollZone {
		height: auto !important
	}

	.modal__header > .in {
		padding-left: 0
	}

	#modal__previewImage {
		position: static;
		margin: 0 !important;
		box-shadow: none;
		max-width: 100% !important;
		height: auto !important
	}

  /* old styles @todo: refactor*/
	.massPanel, #massdo_top, #mass_n_filt, .commentListPanel, #header_normal, #title_float, .bounce, #tio-msg-wdgt, #tio-emoji, #applause, #goto_top, #goto_foot, #preview_place, .comment_day_line {
		display: none
	}
	#projects, #all_files_, #priority_over, #tasks, #tasks2 {
		border-bottom: none
	}
	.floatingButtons-gantt, #gotop {
		display: none !important
	}
	#gantt_legend {
		display: none
	}
	#header_space {
		display: none !important
	}
	#header_normal {
		position: static !important;
		height: auto !important;
		border: none !important
	}
	.after_filter {
		margin-top: 0
	}
	.massPanel, #massdo_top {
		display: none !important
	}
	.floatlist .item .text:after {
		right: 10px !important;
		left: 10px !important;
	}
	a.moredots, .commentListPanel__filter .ico_dots {
		display: none
	}
	span.av_left {
		background: var(--base-cont-top);
		color: var(--base-txt-accent);
		box-shadow: 0 0 0 1px var(--base-txt-tertiary) inset
	}
	span.av_left {
		background: var(--base-cont-top);
		color: var(--base-txt-accent);
		box-shadow: 0 0 0 1px var(--base-txt-tertiary) inset
	}
	#files_new, blockquote, address, ol.todo, ol.todo li {
		page-break-inside: avoid;
	}
	.commentListPanel, #mass_n_filt, .download_zip, .likes_min a.ico, .likes_min a.like_ {
		display: none
	}
	.header .name .ico, .header .name .bookmark {
		display: none
	}
	/*MODAL WINDOW PRINT*/
	.td_progress .b_fl {
		display: block;
	}
	.td_progress .progress {
		display: none
	}
	.td_progress .progress_na {
		display: none
	}
}