@page {
  size: 210mm 297mm;
  margin: 0;
  font-size:9pt;
  margin-top:22mm;
}

@media print {
    /* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
		font-size:10pt;
		font-family: "Open Sans", Helvetica, sans-serif;
		/*margin:0;*/
	}
	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	 html, body {
	   width:100%;
	   margin:0;
	  }

	.row {
		border-bottom: solid 1px transparent;
		box-sizing: border-box;
		width: 100%;
		page-break: after;
		margin:0;
        padding:0;
        clear:both;
		/*border: 1px dotted red;*/
	}
	.padded
	{
		padding:1em;
	}
	.row > * {
		float: left;
		
		margin:0;
		padding:1em;
		clear:none;
		
	}
	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

 
    .wrapper{
        padding:0;
        margin:0;
    }
    body,table,td{
		padding:0;
        margin:0;
        line-height: 1.1;
    }
	
	body.cardlist{
		 font: 9pt Georgia,"Times New Roman", Times, serif;
		padding-left:5mm;
	/*	padding-top:14mm;*/
	}
	
    image{
        max-width: 100%;
    }
	
   .image img {
			border-radius: 5px;
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}
	.image.right {
			float: right;
			margin: 0 0 1em 1.5em;
			top: 0.25em;
		}
   
    h1 {
     font-size: 14pt;
    }
    
    h2 {
		 margin-top:1em;
		font-size: 12pt;
		margin-top: 25px;
    }
    
	h3 {
		font-size:10pt;
		font-weight:bold;
		margin-top:1em;
    }
     
	 p{
		 line-height:1.5em;
	 }
	 
	.print6u{
        width:50%;
		/*border:1px dotted #333333;*/
		clear: none;
		float:left;
		margin:0;
    }
    .print12u{
		width:100%;
		clear: none;
			float:left;
		margin:0;
    }
    .print4u{
		width:33%;
		clear: none;
			float:left;
		margin:0;
        
    }
    
    .print3u{
		width:25%;
		clear: none;
			float:left;
		margin:0;
    }
    .print2u{
		width:16%;
			float:left;
		clear: none;
		margin-left: 0;
    }
     .answer-heading{
         /*page-break-before:always;*/
         clear:both;
         width:100%;
     }
 
 
    /* USERCARD PRINT VIEW */
	
    #usercard
    {
        width:50mm;
        height:85mm;
    }
    #usercard-upper
    {
    height:55mm;    
    }
        #usercard-images
        {
            padding:5mm; 
            height:30mm;
            width:30mm;
        }
        #userimagediv{
            display:none;
        }
        #username{
            height:15mm;
            text-align:center;
        }
        #usercard .button{
        display:none;
        }
    #usercard-lower{
        height:30mm;
        
    }
 
}

/* AVERY C32011 CARDS 2 X 5 PER A4 - 85 x 54mm*/

.qrcard{
        
        width:85mm!important;
        height:54mm!important;
        margin:0mm;
		padding-top:5mm;
        margin-left:10mm;
        float:left;
        padding-left:5mm;
        /*border: 1px dotted #666666;*/
        overflow:hidden;
        clear:none;
        page-break-inside: avoid;
    }
.qrcard.apli10608{
	width:90mm!important;
	height:50.8mm!important;
}
    .qrcard > *
    {
        float:left;
    }
    .qrcode{
        width:25mm;
        height:32mm;
       /* overflow:hidden;*/
        clear:none;
        text-align:center;
    }
    .qrcode .image.fit{
        margin:0;
    }
    .cardcontent
    {
        clear:right;
        width:45mm;
        margin-left:5mm;
        height:30mm;
    }
    h3.card-image{
        width:45mm;
        height:10mm;
    }
        h3.card-image img{
           max-width:100%;
          
        }
    p.underline{
        border-bottom:1px dotted #666;
        width:45mm;
        height:10mm;
        margin:0;
    }