@charset "utf-8";
/* RenWeb Style Sheet - for use with all system reports 
use the following to link: <link rel="stylesheet" type="text/css" href="renwebStyles.css" />

This is the query for "To Date" "From Date" and "Printed Date".

<link rel="stylesheet" type="text/css" href="../renwebStyles.css" />
<cfinclude template="../Languages/Translate.cfm">

<cfquery name= "QDate" DataSource = "#DSN#" dbtype="ODBC">
    SELECT dbo.FormatDateTime(GETDATE(),'') as CurDate, 
	dbo.FormatDateTime(GETDATE(),'HH:MM 24') as CurTime, 
    dbo.FormatDateTime('#DATE2#','') as To1, 
    dbo.FormatDateTime('#DATE1#','') as From1
</cfquery>

<br />
<span class="ReportLabels">#LBL_PrintedDate#: </span>
<span class="ReportPrintedDate">#QDate.CurDate#</span>

<p>
<span class="ReportLabels">#LBL_PrintedDate#: </span>
<span class="ReportPrintedDate">#QDate.CurDate#</span>
</p>

https://support.renweb.com/renweb/reports/renwebStyles.css
<p class="ReportHeading">
<!---
	6/28/2011 Brad: fixed styles, standardized
	11/13/2015 Joseph: fixing barcodes hopefully
--->

*Currency takes the following arguments (variable, schoolcode, and bool value to display symbol)*    
	
	<cfquery name= "QCurrency" DataSource = "#DSN#" dbtype="ODBC">
        SELECT dbo.FormatCurrency(#val(applied)#, '#SCHOOLCODE#', 1) as applied
    </cfquery>#QCurrency.applied#
* Modification
	bwilbers	10/15/11	add BR.Page
	thuynh		01/10/17	added saved notification for auto save features
*/

br.page {
	page-break-after: always;
}

input, button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

td
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

.ReportPrintedDate
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

.ReportHeading
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:left
}

.ReportHeadingCentered
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center
}

.ReportLabels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold
}

.ReportLabelsUnderlined
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline
}

.ReportBody
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.ReportAlignRight
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
}

.ArialBold9
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;	
	font-weight:bold
}
.ArialBold10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-weight:bold
}
.ArialBold12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold
}

.ArialBoldUnderline12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.ArialBoldUnderline14
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.ArialBoldUnderlineItalic12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}

.ArialBoldUnderlineItalic9
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}

.ArialBoldItalic10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}

.ArialBoldItalic12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}

.ArialBoldItalic14
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

.ArialBoldUnderlineItalic14
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}


.ArialBold14
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold
}

.ArialBold16
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold
}

.ArialBold14
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold
}

.ArialBold18
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold
}

.ArialBold20
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold
}

.ArialBold22
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold
}

.ArialBold24
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold
}

.ArialBold26
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold
}

.HelvBold32
{
	font-family:Helvetica;
	font-size:32px;
	font-weight:bold
}

.HelvBold20
{
	font-family:Helvetica;
	font-size:20px;
	font-weight:bold
}

.Arial9
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;	
}
.Arial10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
}
.Arial12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

.Arial14
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}

.Arial16
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
}

.Arial18
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
}

.Arial20
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
}

.Arial22
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
}

.Arial24
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;	
}

.Arial26
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;	
}

.Helv32
{
	font-family:Helvetica;
	font-size:32px;	
}

.Helv20
{
	font-family:Helvetica;
	font-size:20px;	
}

.Arial8Narrow	
{
	mso-background-source:auto;
	color:windowtext;
	font-size:8.0pt;
	font-style:normal;
	text-decoration:none;
	font-family:"Arial Narrow";
	mso-generic-font-family:auto;
	mso-font-charset:0;
	padding-top:1pt;
	padding-right:1pt;
	padding-left:1pt;
	mso-ignore:padding;
	text-align:general;
	mso-pattern:auto;
	mso-protection:locked visible;
}

.reportTitle
{
	font-size:20px;
	font-weight:700;
	height:50px;
	vertical-align:middle;
	text-decoration:underline;	
}

.Title
{
	font-size:20px;
	font-weight:700;
	height:20px;
	vertical-align:middle;
}

.heading
{
	font-size:13px;
	font-weight:700;

}
.totals
{
	font-size:13px;
	font-weight:700;
	border-top:thin solid black; 
}


.description
{
	font-style:italic;
}

.number
{
	text-align:right;
}

.left
{
	text-align:left
}

.right
{
	text-align:right
}

.center
{
	text-align:center
}

.borders
{
	border-bottom:1pt solid black;
	border-top:1pt solid black;
	border-left:1pt solid black;
	border-right:1pt solid black;
}

.borders_ltb
{
	border-top:1pt solid black;
	border-left:1pt solid black;
	border-bottom:1pt solid black;
}

.borders_rtb
{
	border-top:1pt solid black;
	border-bottom:1pt solid black;
	border-right:1pt solid black;
}

.borders_tl
{
	border-top:1pt solid black;
	border-left:1pt solid black;
}

.borders_tr
{
	border-top:1pt solid black;
	border-right:1pt solid black;
}

.borders_tb
{
	border-top:1pt solid black;
	border-bottom:1pt solid black;
}

.borders_bl
{
	border-bottom:1pt solid black;
	border-left:1pt solid black;
}

.borders_br
{
	border-bottom:1pt solid black;
	border-right:1pt solid black;
}

@font-face {
	font-family:"IDAutomation\.com Code39";
	src: url('/renweb/reports/Content/Fonts/IDAutomationCode39.ttf') format('truetype'),
	url('/renweb/reports/Content/Fonts/IDAutomationCode39.woff') format('woff');
}

.barcode
{
	font-size:12.0pt;
	font-family:"IDAutomationSHC39M", "IDAutomationHC39M", "IDAutomation\.com Code39";
}

/*buttonAsLink makes a 'button' look like a 'a href'*/
.buttonAsLink, .buttonAsLink:focus, .buttonAsLink:active
{
    /* Remove all decorations to look like normal text */
    background: none;
    border: none;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    /* Additional styles to look like a link */
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}
/* Remove extra space inside buttons in Firefox */
.buttonAsLink::-moz-focus-inner {
    border: none;
    padding: 0;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}


/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.hiddenForm {
	display: none;
}

.rostSchedBtn {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}