/*** DEFAULT PRINT STYLE OVERRIDES ***/

#alertify {
    position: static;
    float: left;
    margin: 20px auto;
    clear: both;
}
/* TODO: currently, the alertify section element is one of the last on the page, making it display at the bottom of any printout. It displays on the website up the top due to fixed positioning in the viewport but this has necessarily been disabled for the print view. */

/* default it to portrait orientation */
@page {
    size: A4 portrait;
}
/* set page wide properties */
body {
    font-size: 10pt;
    font-family: Roboto, 'Open Sans', sans-serif;
    color: #000;
}

div.content, div.container {
    width: 100%;
    margin: 0;
    float: none;
}
h1 {
    font-size: 14pt;
}
h2 {
    font-size: 13pt;
    margin: 25px 0 10px 0;
    border-bottom: 1px soild #000;
}
h3, h4 {
    font-size: 12pt;
    margin-bottom: 10px;
    color: #494949;
}
.bold {
    font-weight: bold;
}
ul, ol {
    padding-left: 10px;
}
footer {
    text-align: center;
    margin-top: 25px;
    color: #5e5e5e;
    font-size: 9pt;
}

/* alignment */
td, th,
.group-heading th {
    text-align: center !important; /* setting default alignment for tables */
}
th.cria_name, td.cria_name,
th.dam_name, td.dam_name,
th.sire_name, td.sire_name,
th.name, td.name,
th.member_name, td.member_name,
th.animal_name, td.animal_name,
th.animal_owner, td.animal_owner,
th.member_name, td.member_name,
th.description, td.description,
th.details, td.details,
th.address, td.address,
th.number, td.number,
.deets table th, .deets table td,
.dna table th, .dna table td,
.item,
.profile-table td,
.transparent-lined td {
    text-align: left !important; /* exceptions to the centering rule */
}
.profile-table td.bold,
.dna table th:last-child, .dna table td:last-child,
.cost,
.row_cost,
.row_cost,
.cost,
.fee {
    text-align: right !important; /* exceptions to the centering rule */
}
.table-bordered > thead > tr > th.cost,
.table-bordered > thead > tr > th.row_cost,
.table-bordered > thead > tr > th.fee,
.table > thead > tr > th.cost,
.table > tbody > tr > td.row_cost,
.table > tbody > tr > td.cost,
.table > tbody > tr > td.fee {
    padding-right: 20px;
}

/* hide the page header, breadcrumbs and debug */
div.header_in,
div.dashboard_in,
.dashboard,
.acting-as,
.aviso,
.results_text,
section.admin,
#diagnostics {
    display: none;
}

/* selectively implement Bootstrap grid options (order IS important) */
.col-xs-12 {
    width: 100%;
    margin-left: 0.25cm;
    margin-right: 0.25cm;
}
/* override column configurations < half page. Print has less space so limit floats to 50% widths, not smaller */
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-sm-3, /* because 4 columns is too much for print */
.col-md-3,
.col-lg-3,
.col-sm-2, /* because 6 columns is too much for print */
.col-md-2,
.col-lg-2 {
     width: 50%;
    float: left;
}

/* remove padding from fill sections and corresponding h2 tab headings */
.fill {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}
.table_parent.col-xs-12 {
    margin: 0;
}
h2.tab_heading {
    display: block;
    padding: 0;
    background-color:transparent;
    color: #808080;
}
/* override the inclusion of url printouts for all links */
a:link:after,
a:visited:after {
    display:none;
}
.button {
    display: none !important;
}

/* form content */
.form-control {
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #DDD;
    color: #808080;
}
/* print-friendly .fill sections (usually contextualising summary/results tables) */
.fill ul {
    list-style-type: none;
    padding-left: 0;
}
.fill ul li {

}
.fill label {
    font-weight: bold;
    display: inline;
}
.fill label::after {
    content: " :";
}
.fill .form-control {
    border: none;
    padding: 0;
    border-radius: 0;
    font-size: 1em;
    font-weight: bold;
}
.fill div.form-group > div {
    display: inline-block;
}
.fill select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
hr {
    width: 100%;
    clear: both;
    border: none; /* reset for browser default styles */
    border-bottom: 1px solid #DDD;
    /* margin-top: 40px; */
    margin: 5px 0;
}
.clear {
    width: 100%;
    clear: both;
}

/* hide content */
div.advise,
.progression,
.modal,
br,
.hidden-print,
#development_menu,
.ui-datepicker,
.tab-content > div:not(.active),
#basic_search form p:first-child,
#my_animals form p:first-child,
#sire_search form p:first-child,
#advanced_search form p:first-child {
    display: none !important;
}

/* show special headers */
#search_string,
.print-view {
    display: block !important;
}
.print-results-text {
    display: inline;
    color: #595959;
    font-weight: 300;
}

/* tables */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  font-size: 10px;
}
.table p {
    margin: 0;
    padding: 0;
}
.table a {
    text-decoration: none;
    color: #000;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 2px 4px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > tbody > tr:first-child > td {
    border-top: none;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  background-color: #e5e5e5;
}
/* @media print { */
    table > tbody > tr:first-child > td {
        border-top: none;
    }
    table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
        background-color: #e5e5e5 !important;
    }
/* } */
table.maintable .classes,
table.maintable .cost,
table.maintable .cria_name {
    text-align: left;
}
table.maintable td.shearing,
table.maintable td.fleece,
table.maintable td.cria_age,
table.maintable td.cria_sex,
table.maintable td.cria_breed {
    text-align: center;
}
.warning_wrap, .success_wrap {
    border-top: 1px solid #DDD;
    margin-top: 30px;
}
.warning_wrap p.alert,
.success_wrap p.alert {
    padding: 3px 0 2px 1px;
    margin: 0;
}

/* spacing/grid/boxing */
aside.totals,
.tot_reg_top {
    width: 40%;
    font-weight: bold;
}
aside.totals span.sum,
.tot_reg_top ul li span {
    float: right;
}
.totals div:last-child {
    border-top: 1px solid #808080;
}
.tot_reg_top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tot_reg_top ul li > p {
    display: inline-block;
    margin: 0;
}
form[name=entry-summary] section div.row section.tabbed:last-child aside.totals {
    border: 2px solid #595959;
}

/* print specific declarations */
@page {
    margin: 0.5cm;
}