/* Styles to make any page looking good for printing. */

@media print {
	.screen, .side-menu, hr {
		display: none !important;
	}

	select, input[type=text], input[type=search], input[type=time], textarea, textarea.dynarea {
		border: none !important;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-bottom: #4c4c4c 1px solid !important;
		box-shadow: none !important;
		outline: none !important;
		transition: none !important;
	}

	textarea {
		border: #4c4c4c 1px solid !important;
		resize: none !important;
	}

	input[type=button], input[type=submit], button {
		display: none !important;
	}

	input[type=radio] {
		-moz-appearance: none;
		-webkit-appearance: none;
	}

	input[type=radio]:after {
		content: '𐤏';
		font-size: 20px;
	}

	input[type=radio]:checked::after {
		content: '◉';
	}

	input[type=checkbox] {
		-moz-appearance: none;
		-webkit-appearance: none;
	}

	input[type=checkbox]:after {
		content: '▢';
		font-size: 20px;
	}

	input[type=checkbox]:checked::after {
		content: '☑';
	}

	thead {
		display: table-header-group;
	}

	.putborder {
		border: none !important;
	}
    /* When a modal is open, only print the modal */
    html.has-modal body > *:not(.modal-wrapper) {
        display: none !important;
    }

    html.has-modal .modal-wrapper {
        display: block !important;
    }

    html.has-modal .modal-window {
        box-shadow: none !important;
        border: none !important;
    }
}