Merge pull request #6674 from lcdservices/CRM-17148

[civicrm-core.git] / css / print.css

/* CiviCRM Print Media Stylesheet */

/* Hide any buttons or other form items when printing*/
#crm-container .buttons, #crm-container .crm-submit-buttons, #crm-container .crm-actions-ribbon, #crm-container .crm-form-submit {
     display: none;
}

table.form-layout td, table.form-layout th {
  border: 1px solid grey;
  padding: 4px;
  margin: 0px;
}

.form-item .element-right{
     display: none;
 }
#crm-container {
    overflow: visible !important;
    font-family      : DejaVu Sans, serif;
    margin           : 0px 10px 0px 10px;
}

/* CSS for Print and PDF of Reports */
#crm-container .report-layout {
    border           : 1px groove #DDDDDD;
    width            : 100%;
    border-collapse  : collapse;
}

#crm-container .bold {
    font-weight      : bold;
    font-size        : 1.1em;
}

#crm-container .criterial-group {
    border-bottom: 2px solid #DCDCDC;
}

#crm-container .reports-header-right {
    text-align       : right;
}

#crm-container .reports-header {
    text-align       : left;
}

#crm-container .report-contents {
    border           : 1px groove #DDDDDD;
    padding          : 4px;
    width            : 20%;
}

#crm-container .report-contents-right {
    border           : 1px groove #DDDDDD;
    padding          : 4px;
    text-align       : right;
}

#crm-container table.report-layout td {
    border           : 1px groove #DDDDDD;
    padding          : 4px;
}

#crm-container table.report-layout tr {
    font-size        : 0.9em;
}

#crm-container table.report-layout tr.group-row {
    font-size        : 1em;
}

#crm-container table.report-layout tr.total-row {
   font-size        : 1em;
   border-top       : 2px groove #DCDCDC;
}

#crm-container table.report-layout tr.crm-report-sectionHeader.page-break {
  page-break-before: always;
}

#crm-container .report-label {
    text-align       : right;
    font-weight      : bold;
}

#crm-container table.report-layout th {
    padding          : 4px;
    background-color : #DCDCDC;
    /*text-align       : left;*/
    vertical-align   : top;
}

#crm-container table.report-layout th.report-contents {
    background-color : #F5F5F5;
}

#crm-container table.report-layout th.statistics {
    width            : 5%;
    white-space      : nowrap;
    text-align       : left;
}

#crm-container table.report-layout th.statistics, #crm-container table.report-layout th.label {
    width            : 20%;
    text-align       : left;
}

#crm-container h1 {
    text-align       : center;
    font-size        : 1.5em;
    font-style       : italic;
    margin           : 0;
}

#crm-container h2 {
    text-align       : left;
    font-size        : 1.2em;
}


#crm-container div#report-date {
    font-size        : .8em;
    font-style       : italic;
    float            : right;
}