/*  
Filename:         intranet_style_print.css
Coder:            David Snow [david_snow@stromix.com]
Location:         http://intranet.stromix.com/css/
Description:      This document is the print Cascading Style Sheet (CSS) for the SGX Intranet. It defines the way 
                  pages from the Intranet will look when printed. It hides navigation and unnecessary graphics, 
                  and defines measurements in points and other real-world measures that affect printing. 
Purpose:          It provides an efficient and ideal look for pages that are printed. It also 'turns off' many 
                  features and formatting options that are unnecessary or counterproductive for printing.
Help:             A style guide describing how these styles are used in a typical web page resides at:
                  http://intranet.stromix.com/resources/intranet/styleguide.php
*/

/* BODY DEFAULTS ------------------------------------------------------------------------------------------------- */
/* This section defines the look of the overall page, as well as the display of most basic HTML tags. */

* {
   /* forces background graphics to print */
   -webkit-print-color-adjust: exact;   /* Chrome */
   color-adjust: exact;                 /* Firefox */
   print-color-adjust: exact;           /* Firefox */
}
.noprint {
   display: none;
}
@page {
   margin: 2cm;
}
body              { margin: 0pt 0pt 0pt 0pt; background-image: none; }
div, td, th, ul, ol, li, blockquote, p
                  { font-family: verdana, adobe-helvetica-iso8859-1, arial, sans-serif; font-weight: normal; 
                    line-height: 1.3em; font-size: 9.5pt; }
input, textarea, option, select
                  { font-family: verdana, adobe-helvetica-iso8859-1, arial, sans-serif; font-size: 9pt; background-color: transparent;}
div, td, th, ul, ol, li, blockquote, p
                  { color: #000000; }     
p, ol, ul         { margin-top: 0; margin-bottom: 1em; }
li                { margin-top: .25em; margin-bottom: 0; }
ol li, ul li      { margin-left: 1.5em; }
ol.nested, ul.nested
                  { margin-top: 0; margin-bottom: 0; }
small, .small     { font-size: 7pt; }
strong, .strong   { font-weight: bold; }
em                { font-style: italic; }
code, tt, pre     { font-family: courier, courier new, monospace; font-size: 9pt; }
.symbol, symbol   { font-family: symbol; }
img.inline        { margin: 1em; }
.error         { font-weight: bold; color: #ff0000; }
.urgent           { color: #ff0000; font-weight: bold; }


/* HEADER DEFAULTS ----------------------------------------------------------------------------------------------- */
/* This section defines the look (and in the case of H1, the physical position) of Header tags. */

h1, h2, h3, h4, h5, h6
                  { font-weight: bold; font-family: verdana, adobe-helvetica-iso8859-1, arial, sans-serif; }         
h1                { font-size: 18pt; margin-bottom: .25em; line-height: 1.2em; margin-top: 1em; } 
h2                { font-size: 14pt; margin-bottom: .25em; line-height: 1.2em; margin-top: .5em; }
h3                { font-size: 9.5pt; margin-bottom: .25em; margin-top: .5em; line-height: 1.4em; }
h4                { font-size: 8pt; margin-top: .5em; line-height: 1.4em; }
h5                { font-size: 7pt; line-height: 1.4em;     margin: 0;}
h6                { font-size: 6pt; line-height: 1.4em; }


/* NAVIGATION LINKS ---------------------------------------------------------------------------------------------  */
/* This section defines the look and behavior of hyperlinks. Links that lead to outside pages look different than 
   in-page anchors; this is to inform the user of their destination ahead of time to help them browse effectively. */

/* Between-document hyperlinks */
a                 { color: #000000; text-decoration: underline; }

.fake-link { display: none; }

/* Breadcrumb & topnav hyperlinks - nav across top of page that allows backtracking */
.anchor,               
div.topbar,
p.breadcrumb,
p.topnav,
p.mainlinks,
p.server,
p.login,
p.version,
img.toollogo {
   display: none;
}
                    
/* Back to top rules */
.backtotop        { display: none; }
                    
/* Warning hyperlinks - for popup windows in lims tables  */
.warning          { text-decoration: underline; }


/* HEADERS --------------------------------------------------------------------------------------------------- */
/* This section turns off all the headers. They aren't needed in printing. */


/* Sub pages - header, top nav bar bottom/footer*/
.sublogo,
div.subnavbar,
div.tertnavbar,
div.bottom {
   display: none;
}
                    
                                   
/* NAVIGATION BUTTONS ---------------------------------------------------------------------------------------- */
/* This section defines the look and behavior of the 'navigation buttons' across the top of each page. The styles
   in this section do the following: 1) Create a 'look and feel' of the top navigation buttons that mimics graphic 
   buttons; 2) Define the 'highlighting' that occurs when a user passes their mouse over the navigation 'butttons'.
   It defines these styles for the home navigation bar, sub page navigation bar, and tertiary nav that appears
   below the sub navigation bar on some pages. */                  
  
/* Navigation - home, sub, tertiary and footer nav */
.homenav,
.subnav,
.tertnav,
.footer {
   display: none;
}

/* This div is useful for making headers and columns that bridge both columns in a 2-column layout.  */
div.clear         { clear: both; width: 100%; }


/* The first content element on every page should have one of these IDs assigned. It takes away the top margins, which
   means from page to page the content appears at a consistent place each time (which wouldn't happen considering the
   differences in top margins between, say, an 'h2' and a 'p'. #second and #third are necessary for 2 and 3 column
   layouts. This is a temporary fix, until CSS2 'first child' contextual selectors get browser support. */
#first, #second, #third, #fourth 
                  { margin-top: 0pt; }

/* Miscellaneous stylings */
.indent           { margin-left: 1cm; }

/* IFRAMES ------------------------------------------------------------------------------------------------------ */
/* This styles 'inline frames', the HTML4.0 spec for using another HTML document as an inline region, similar to 
   an image or a text area. */
iframe            { margin-bottom: 1em; margin-top: .5em; }

div.pagination {
   display: none;
}

a {
  text-decoration: none;
}

/* TABLES ------------------------------------------------------------------------------------------------------- */
table {
   border-spacing: 0;
}

table.detail-view {
   background-color: #fff;
   border-top: solid .5px #fff;
   border-right: solid .5px #fff;
}

tbody tr {
   page-break-inside: initial;
   border-left: solid 1px #111;
   border-right: solid 1px #111;
   background-color: #eee;
}

tr:nth-of-type(even){
  background-color: #fff;
}

tr.spacer {
   border: none;
   height: 20px;
}

th {
   white-space: nowrap;
   text-align: left;
   font-weight: 600;
   border-left: solid .5px #fff;
   border-bottom: solid .5px #fff;
}

table.detail-view tbody th {
   vertical-align: middle;
}

td {
   padding: 0 3px;
   border-left: solid .5px #fff;
   border-bottom: solid .5px #fff;
   overflow: visible;
   page-break-inside: initial;
}

tfoot {
   display: table-row-group;
}

.datatable { 
   margin: 1.5em 0 2em 0; 
}

th.dthead, td.dthead {
   font-size: 10pt;
   font-weight: bold;
}

td.dtsub {
   font-size: 9pt;
}

td.dtdata2, td.dtform2, td.dtlabel2, td.dtnote2, td.dtdata1a, td.dtdata2a, td.dtfooter2 {
   background-color: #f8f8f8;
}

td.dtnote, td.dtnote1, td.dtnote2 {
   font-style: italic;
   text-align: center;
}

td.dtfooter1, td.dtfooter2 {
   font-weight: bold;
   text-align: center;
}

.dtlabel1, .dtlabel2, .dtlabel {
   font-size: 9pt;
   font-weight: bold;
}

.dtform1, .dtform2, .dtform {
   line-height: .5em;
}

span.dtlabel { 
   font-size: 9pt;
}

/* SEQUENCES */
div#sequence-box {
   width: 100%;
  grid-column-end: span 3;
}

div.multi-seq-container {
   width: 100%;
}

div.seq-group-holder {
   display: inline-block;
   width: 440px;
   vertical-align: top;
}

div.sequence {
   position: relative;
   display: block;
}

div.sequence *:not(textarea) {
   display: none;
}

div.sequence textarea {
   font-family: monospace;
}

.multi-seq-container {
   max-height: unset;
}

input[type='submit'],
button,
.button,
a.button,
.buttonsmall,
.expand-button {
   display: none;
}

/* fix mozilla rendering 
/*td.compact        { height: .5pt; }*/

/* FORMS --------------------------------------------------------------------------------------------------------- */

div.form-column {
   vertical-align: top;
    position: relative;
    max-width: 440px;
    display: inline-block;
}

div.form-column * {
    text-align: left;
}

div.form-column:nth-of-type(even) {
    margin-right: 0px;
    grid-area: bottom-row;
}

label,
div.label {
   border-right: solid 1px #aaa;
   border-bottom: solid 1px #aaa;
   margin: 0;
   padding: 1px 3px;
}
label.notes {
     grid-column-end: span 3;
}
select {
   -webkit-appearance: none;
   -moz-appearance: none;      
   appearance: none;
}
select::-ms-expand{
   display: none;
}
input, select, textarea {
   border: none;
}

input.full-width {
   width: 100%;
}
textarea {
   position: relative;
   resize: none;
   width: 100%;
   display: block;
}

input::placeholder {
   opacity: 0;
}

select:disabled,
input:disabled,
textarea:disabled {
   color: black;
   opacity: 1;
}

form.genbank-upload-form {
   display: none;
}

img.icon32 {
   height: 16px !important;
}

.ui-datepicker-trigger {
   display: none;
}

.hidden_info {
   display: none;
}

.report .protparams-wrapper {
   width: 100%;
   position: relative;
   height: 0;
   padding-bottom: 56.25%;
   display: inline-block;
   page-break-inside: avoid;
}

.report .protparams-iframe {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   height: unset;
   border: none;
   overflow: hidden;
}

.report figure.doc {
   overflow: none;
   float: none;
   display: block;
   text-align: left;
   page-break-inside: avoid;
}

.report figure.doc figcaption {
   text-align: left;
}

.report .doc img {
   max-width: 800px;
   max-height: 500px;
}

.report tbody::not(.no-break)::after {
   content: '';
   display: block;
   height: 15px;
}