/*********

Use : <div class="page-break"></div> to create a forced page-break
You can also wrap sections is a <div class="page-break-avoid"> and modern browsers will work to honor your request.

*********/

@media all {
	.page-break	{ display: none; }
}

@media print {

    html {
        width: 1000px;
    }

	.page-break	{ display: block; page-break-before: always;}
	.page-break-avoid {page-break-inside: avoid;}

	table { page-break-after:auto }
  	tr    { page-break-inside:avoid; page-break-after:auto }
  	td    { page-break-inside:avoid; page-break-after:auto }

    .sheet.active ~ .sheet.print,
    .sheet.print ~ .sheet.active,
    .sheet.print ~ .sheet.print {
        page-break-before: always;
    }

    body {
        background: #FFF;
        overflow: visible;
        opacity: 1;
        padding-left:0;
        height:100%;
        left: 0;

        font-size: .8em;
    }

    #interface,
    #interface .column,
    #console {
    	display: block !important;
    }
    .row {
    	margin-left: 0;
    	margin-right: 0;
    }

    .ui-loader {
    	display: none !important;
    }
    .ui-input-btn {
    	display: none !important;
    }

    .info-button,
    .info-section {
    	display: none !important;
    }

	* {
    	height: auto !important;
    	overflow: visible !important;

    	background: #fff !important;

    	float: none !important;
    	position: relative !important;
    }
    body {
        filter: none !important;
    }


	.tbl {
		page-break-inside: avoid;
	}

    .sheet.print {display: block !important;}  /* allows other sheets to be marked for printing */
    .console-scrollbar {display: none;} /* hide the scrollbar */
    .horizontal-scroller {display: none;} /* hide the scrollbar */
    #console section div.info-box {display:none;} /* hide info box in header */
    #console section div.info-box {display: none;} /* hide the info box in body */
    #console button {display: none;} /* hide buttons */
    #visual {display:none;} /* hide the visuals div */


    #menu-wrap {
        display: none !important;
    }
    .console-wrap {
    	min-height: 0;
    	height: auto;
    }

  	/** HEADER **/

    header section.brand p.contact {
    	font-size: 12px;
    }
    .console-menu {
    	top: 0 !important;
    }

    header section {
    	width: 25%;
    }
    header section.desc {
    	width: 50%;
    }

    .view-inputs,
    .view-graphs {
    	display: none !important;
    }

    small {
    	display: inline;
    }
    /** #console **/
    #console {
    	padding-top: 0;
    	padding-bottom: 0;
    }
    #console {
        overflow: visible;
        opacity: 1;
        left: 0;
        top: 0;
        right : 0;
        width: 100%;
    }
    #console .c-head {
    	padding: 0 !important;
    }
    #console input {
    	border: 0;
    	padding: 0;
    	width: 50px;
    	font-size: .9em;
    }
    #console h3 {
    	padding: 5px 0;
    	margin: 0;
    }
    #console label.currency {
    	top: 0;
    	left: 0;

        width: auto !important;
    }
    #console section.assumption p {
    	padding-top: 0;
    	padding-bottom: 5px;
    }

    #console section table.output td {
        max-width: none !important;
    }

	#console section table td, #console section table th {
		min-height: 0;
	}

    /** Firefox does not support page-break-inside without unwanted crashes **/
	@-moz-document url-prefix() { 
		.page-break-avoid {page-break-inside: auto;}
		.tbl {
			page-break-inside: auto;
		}
	}

}
/* saf3+, chrome1+ */
@media print and (-webkit-min-device-pixel-ratio:0) {
 	div {
    	font-size: 12px !important;
    }
	.tbl {

		font-size: 12px !important;
	}
}