/* http://www.cybertext.com.au/tips_HTML_pagebreak.htm */
/* http://www.thestyleworks.de/basics/page-break.shtml */
/* http://de.selfhtml.org/css/eigenschaften/printlayouts.htm */


/*
@media print 
{
    .noPrint 
    {
        display:none;
        height: 0px;
    }

h1,h2,h3,h4,h5,h6{font-size:13pt;line-height:110%;margin:0;padding:0;}
div.content,
div.contenth {margin-left:0.8em;padding-top:1em;}
h3.comments{font-weight:normal;font-size:11pt;}
body img.wp-smiley {border:none;}

}
        
@media screen {
  .page-break  { height:10px; background:url(page-break.gif) 0 center repeat-x; border-top:1px dotted #999; margin-bottom:13px; }
  .no-page-break-inside {page-break-inside:avoid}
  .no-page-break-after {page-break-after:avoid}
}

@media print {
  .page-break { height:0; page-break-before:always; margin:0; border-top:none; }
  .no-page-break-inside {page-break-inside :avoid}
  .no-page-break-after {page-break-after:avoid}
}
*/

@page standardPage 
{ 
     size:21.0cm 29.7cm; 
     margin: 2cm 2cm 2cm 2cm;
}

div.print
{
    overflow: visible;
    page:standardPage;
    /* font:11pt/100% Arial, serif; */
    font: 11pt/100% Arial, serif;
    /* background-color: white !important;*/
    background-image: none !important;
    background-color: white;
    color:black;       
    width:190mm; /*297mm x 210mm;*/
    margin:0px auto;
    /* height:297mm; */
    /* border:0px solid red; */
    padding: 5px;
    -webkit-print-color-adjust:exact;
    display: table;
}

div.print-text 
{
    padding: 0px 5px 5px 5px !important;
}

div.print-item-container 
{
    width: 190mm;
    /* display: table; */
    padding: 5px 5px;
    margin: -1px auto;
    border: 1px solid;
    /* page-break-inside: avoid; */
}

div.print-item-sub-container 
{
    width:100%;
    display:table;
    padding: 5px;
    margin: -1px 0px -1px 0;
}

div.print-item-number 
{
    /*padding-left: 5px; */
    vertical-align: top;  
    width:30px; 
    min-width: 30px;  
    display:table-cell;
}

div.print-item-text 
{
   /*padding: 5px;*/
   display:table-cell;   
   width:100%;
   padding-left: 5px;
}

div.print-divider 
{
    /*display: block;*/
    /*left: -1px;*/
    /*font: 11pt/100% Arial, serif; */
    /*margin-top: 5px;
    margin-bottom: 5px; */
    text-shadow: none; 
    background-color: #B5D0EB; 
    border: 1px solid; 
    font-weight: bold; 
    /*background: url('./images/divider.png') repeat-x;
    background-repeat: repeat; */
    /*padding: 5px 0;  */
    /* margin: 0px 1px 0px -1px; */
}


img.print-rg 
{
    width: 20px; 
    height: 20px; 
    border: 1px solid black; 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
    display: table-cell; 
    vertical-align: middle; 
}

div.print-rg-table 
{
    display: table;
    width: 100%;
}

div.print-rg-row 
{
    display: table-row;
}

div.print-rg-checkbox 
{
    display: table-cell;
    padding: 1px;
    width: 20px;  
}

div.print-rg-text
{
    display: table-cell;
    padding: 5px;
    vertical-align: middle;    
}

div.print-table 
{
    display: table;
    width: 100%;
    border: 1px solid;
    border-collapse: collapse;
    margin-left: 5px;
}

div.print-header-cell 
{
    display: table-cell;
    padding: 5px;
    border: 1px solid;
    font-weight: bold;
}


div.print-row  
{
    display: table-row;
}

div.print-cell 
{
    display: table-cell;
    padding: 5px;
    border: 1px solid;    
    vertical-align: top;
}

@media print 
{    
    div.print 
    {
        /*position: absolute !important;*/

        top: 0 !important;
        width: 100% !important;

        font: 11pt/100% Arial, serif;
        -webkit-print-color-adjust: exact;
        margin: 1px !important;
        padding: 0px !important;
    }   
 
    div.print-divider 
    {
        text-shadow: none; 
        background-color:  white !important; 
        /*background-color:  #B5D0EB !important; 
        background-image: url(./images/divider.png)  !important; */
        border: 1px solid; 
        font-weight: bold; 
    }

    
    div.print-item-container 
    {
        width: auto;
        page-break-inside: avoid;
        /*display: table; 
        padding: 5px 5px;
        margin: -1px auto;
        border: 1px solid;        */
    }
    
    div.no-page-break-inside 
    {
        width: auto;
        page-break-inside:avoid
    }

    div.prag-print-page
    {
        padding-top: 0px !important;
    }

    div.noPrint 
    {
        display: none;
        height: 0px !important;
    }
}


/* .no-page-break-inside {page-break-inside:avoid} */
.no-page-break-after {page-break-after:avoid}
.no-page-break-before {page-break-before:avoid}

.prag-multi-line 
{
    display: block; 
    float: left; 
    word-wrap: normal;
    white-space: pre-wrap;
}

.prag-json-multi-line 
{
    display: block; 
    float: left; 
    white-space: pre; 
    word-break: break-all;
    word-wrap: hyphenate;
    word-spacing: normal;  
}

.regular-checkbox-label
{
	display: inline;
}

/*http://www.inserthtml.com/2012/06/custom-form-radio-checkbox*/

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: white; /*fafafa;*/
	border: 1px solid black;
/*	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active 
{
/*	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); */
}

.regular-checkbox:checked + label 
{
	background-color: white; /*#e9ecee;*/
	border: 1px solid black;
/*	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); */
	color: black; /*#99a1a7; */
}

.regular-checkbox:checked + label:after 
{
	content: 'X'; /*'\2714'; */
	font-size: 14px; 
	position: absolute;
	top: 9px;
	left: 12px;        
	color: black;
}


.big-checkbox + label {
	padding: 18px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 8px;
}


#xviewAuditPrint.body {
        /* http://www.webdesign-in.de/mts/print-css-und-datei-drucken/ */
        height: 842px;
        width: 595px;
        /* to centre page on screen*/
        margin-left: auto;
        margin-right: auto;
    }

table.prag-item-print-table
{
    width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
    vertical-align: middle;
    text-align: left;
}

table.prag-item-print-table th
{
    padding: 3px;
	border-width: 0px;	
	border-style: solid;
	border-color: black;    
    vertical-align: middle;
}

table.prag-item-print-table td
{
    padding: 3px;
	border-width: 0px;	
	border-style: solid;
	border-color: black;   
    text-align: left;
    vertical-align: middle; 
}

.ui-disabled.debug 
{
    opacity: .3;
}