/************************************************************
  css  to apply when printing  a page


*************************************************************
*/

/* (this is so you can hide stuff from the printer like buttons in forms*/
.print-hide {
  display : none;
}

/* (this is so you can show stuff to the printer */
.print-show {
  display : block;
}

.print {
  display: block;
}


.print-hide-border {
  border: none;
}

/* use this if you want to force a new page when printing */
.print-page-break	{
  display: block;
  page-break-before: always;
}



/* use this to try and keep something together */
.print-page-together {
  page-break-inside: avoid;
}

/* dont display hyperlink references when printing */
/* make sure this has no adverse effects on a hrefs with no href set */
a[href]:after {
  display: none;
}



/*in firefox the textareas dont print nice, so using divs to print them out*/
/*dont put this in the main css file otherwise it overrides the no display value used along side it*/
.printable-textarea {
  display: block;
  white-space: pre;
  white-space: pre-wrap;
}


/*****************************************************************
   the following is just a copy from the rcuh.css page -
   all of the print-mode classes
   this is here in case the user doesnt hit print mode, but then
   prints the page - the fields will still look like they are in print mode

   this might actually not be good to have - it might confuse the users
   who printed in normal mode, but are missing some print-mode features
   possibly remove this??
   *****************************************************************
   */
input[type="text"] {
  /*border: 1px solid white;*/
  background: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  /*border-bottom: 1px solid rgb(51, 51, 51);*/
}


textarea {
  /*border: 1px solid white;*/
  background: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  /*border-bottom: 1px solid rgb(51, 51, 51);*/
}

/* make the select look like a normal textfield */
select {
  /*border: 1px solid white;*/
  background: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  /* special case for mobile browsers putting on a top shadow for input boxes */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; /* mobile firefox too! */
  /*border-bottom: 1px solid rgb(51, 51, 51);*/
  /*-webkit-appearance: textfield;*/
  padding-top: 0;
  /*margin-top: -5px;*/
  height: 25px;
}

/* making the labels bold to stand out from the values.
  However since bolding makes the letters larger, shrinking the
  font to 12.4 from 13 so the text doesnt wrap differently */
.form-label {
  /*font-weight: bold;*/
  /*font-size: 12.4px;*/
}

.valid-input-border {
  /*border: 1px solid white !important;*/
  background: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  /*border-bottom: 1px solid rgb(51, 51, 51) !important;*/
}


/* the label under a field that is invalid */
.validation-label {
  display: none;
}

input.ng-invalid.ng-dirty {
  /*border: 1px solid white;*/
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  /*border-bottom: 1px solid rgb(51, 51, 51);*/
}

textarea.ng-invalid.ng-dirty {
  /*border: 1px solid white;*/
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  /*border-bottom: 1px solid rgb(51, 51, 51);*/
}

/* special case for the line items in the add po form */
#po-form-lines input.ng-invalid {
  /*border: 1px solid white;*/
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  /*border-bottom: 1px solid rgb(51, 51, 51);*/
}


/* dont indicate that the section is invalid when in print mode */
.invalid-section {
  border: 1px solid darkgray;
}


/*Weird thing happening when using chrome - these attributes are being included, so overwrite the bootstrap stuff here*/
textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"],
input[type="color"], .uneditable-input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
   -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}


/* mimics an input box, but is really a div.. */
.fake-input-readonly {
  /*border: 1px solid white;*/
  background: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px inset;
  /*border-bottom: 1px solid rgb(51, 51, 51);*/
}




.main-container {
  /*fix for printing cutting off the left hand side*/
  margin-left: 12px;
}

/* this is to fix the items on the po wrapping or dropping incorrectly when printing since the main-container
   doesnt have a width when printing - (that was to fix another printing issue with the approved pos...)*/
.main-container-print {
  width: 940px;
}

#content {
  padding-bottom: 0px;
}


/* add some spaces to the table cells */
.large-printed-form tr td {
  line-height: 1.2;
}


.large-printed-form {
  margin-top: 20px;
}



.check-register tr td {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
}


table {
  /*-moz-box-sizing: border-box; !*for printing border to show up in firefox correctly..*!*/
  page-break-inside: auto;
}

table tr {
  page-break-inside: auto;
}

table td {
  page-break-inside: auto;
}

.print table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border-color: black;

}

/* this rule was added otherwise ie randomly doesnt print borders in print mode... */
/* http://stackoverflow.com/questions/13750134/ie-10-missing-border-segments-while-printing-table-elements */
/*.print #po-final-form table, th, td {*/
  /*border: 1px solid black!important;*/
/*}*/

/*.print #po-final-form table {*/
  /*border-collapse: collapse !important;*/
  /*border-spacing: 0 !important;*/
  /*border-color: black;*/
/*}*/




.report-download {
  display: none;
}
/*.dh-list-label {*/
  /*margin-right: 0px;*/
/*}*/

/*.dh-list-cell {*/
  /*margin-right: 0px;*/
/*}*/





/*printing stuff*/


/*.print table {*/
  /*-moz-box-sizing: border-box; !*for printing border to show up in firefox correctly..*!*/
/*}*/

/*.print td {*/
  /*padding: 7px;*/
  /*padding-bottom: 5px;*/
  /*line-height: 1;*/
  /*vertical-align: top;*/
  /*!*page-break-inside: avoid;*!*/
  /*border: 1px solid black;*/
  /*-moz-box-sizing: border-box; !*for printing border to show up in firefox correctly..*!*/
/*}*/

/*.print .no-padding td {*/
  /*padding: 0;*/
  /*border: none;*/
/*}*/



/*.print select {*/
  /*background-color: white;*/
  /*border: none;*/
  /*!*height: 16px;*!*/
  /*padding: 0;*/
  /*margin: 0;*/
  /*color: #333333;*/
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*appearance: none;*/
  /*margin-top: -7px;*/
/*}*/


/*.print {*/
  /*page-break-inside:avoid;*/
  /*position:relative;*/
/*}*/