/*
    This css will override bootstrap's default behavior of using col-xs layouts for print and will instead use col-sm.
    This will allow you to have multi column layouts on the printed page that you wouldn't want to show up on small devices.
    Your printouts will look more like tablet layouts than phone layouts.

    Intended to be included for print only.
    Ex: <link rel="stylesheet" type="text/css" href="/assets/css/printBootstrapSmallOverride.css" media="print">

    Reference: Ehsan Abidi at https://stackoverflow.com/questions/22199429/bootstrap-grid-for-printing
    */

	a[href]:after {
		content: none !important;
	}

	.hiddenPrint, .hiddenPrint * {
		display: none !important;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}