@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+128&display=swap');

@font-face {
    font-family: 'barcode';
    src: url('/styles/fre3of9x.ttf');
}

@font-face {
    font-family: 'barcode2';
    src: url('/styles/barcode2.ttf');
}

*, input, select, textarea, option, button {
    outline: none!important;
}

BODY
{
    MARGIN-TOP: 2px;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 2px;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    BACKGROUND-COLOR: #ffffff
}
TABLE
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.form
{
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	background-color: #b2cceb;
}

.menuItem
{
	border-bottom: #d1ac7f 1px solid;
	border-left: #d1ac7f 1px solid;
	background-color: #f3e8cc;
	font-family: tahoma;
	color: #8b4513;
	font-size: 12px;
	border-top: #d1ac7f 1px solid;
	border-right: #d1ac7f 1px solid;
	text-decoration: none;
	cursor: hand;
	pointer: hand;
}

.menuItemHover
{
	border-bottom: #d1ac7f 1px solid;
	border-left: #d1ac7f 1px solid;
	background-color: #f1f7eb;
	font-family: tahoma;
	color: #4682b4;
	font-size: 12px;
	border-top: #d1ac7f 1px solid;
	border-right: #d1ac7f 1px solid;
	text-decoration: none;
	cursor: hand;
	pointer: hand;
}

.link
{
    COLOR: #406480;
    TEXT-DECORATION: none
}
.link_disabled
{
	color: #a9a9a9;
	text-decoration: none;
}
.textbox
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.form_title
{
	font-weight: bold;
	color: #ffffff;
	background-color: #406480;
	text-decoration: none;
}

.button
{
    FONT-SIZE: 11px;
    COLOR: #15428b;
    FONT-FAMILY: Tahoma, Verdana, Arial;
}

.fixedbutton
{
    FONT-SIZE: 11px;
    COLOR: #15428b;
    FONT-FAMILY: Tahoma, Verdana, Arial;
	width: 100px;
}

.header
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #406480;
}

.datatable
{
    BACKGROUND-COLOR: #669966
}
.row
{
    BACKGROUND-COLOR: #ffffff
}
.row_hover
{
    BACKGROUND-COLOR: #f5f5f5
}

.toolbar
{
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	background-color: #dcdcdc;
}

.toolbar_normal
{
    BACKGROUND-COLOR: #dcdcdc;
    BORDER-RIGHT: #dcdcdc 1px solid;
    BORDER-TOP: #dcdcdc 1px solid;
    BORDER-LEFT: #dcdcdc 1px solid;
    BORDER-BOTTOM: #dcdcdc 1px solid
}
.toolbar_hover
{
	background-color: #add8e6;
	border-right: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
}

.toolbar_item
{
	text-decoration: none;
	color: #406480;
	font-size: 11px;
	font-family: Tahoma;
}

.textboxreadonly
{
	font-size: 11px;
	color: #000000;
	font-family: Tahoma, Verdana, Arial;
	background-color: #EFE5CE;
	outline: none!important;
	border: solid 1px gray;
}

.mand
{
    COLOR: crimson
}

.page_title
{
	font-size: 12px;
	color: #15428b;
	font-family: Tahoma;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
}

.shortcut 
{
	font-size: 13px;
	font-family: Cambria;
	text-decoration:none;
	color: #D6185F;
}

.page_message
{
	color: #ff4500;
	background-color: #fffacd;
	border-right: #ff4500 1px solid;
	border-top: #ff4500 1px solid;
	border-left: #ff4500 1px solid;
	border-bottom: #ff4500 1px solid;
}
.link_red
{
    COLOR: #b22222;
    TEXT-DECORATION: none
}
.row_alt
{
    BACKGROUND-COLOR: lavender
}

.row_selected
{
    BACKGROUND-COLOR: bisque;
}

.menu_link
{
	font-size: 13px;
	color: #15428b;
	font-family: Tahoma;
	text-decoration: none;
}
.tb_link
{
    FONT-SIZE: 12px;
    COLOR: forestgreen;
    FONT-FAMILY: Georgia, Verdana;
    TEXT-DECORATION: none
}

.footer_link
{
	color: #7b68ee;
	text-decoration: none;
	font-size: 10px;
}

.nav_box
{
    BORDER-RIGHT: dimgray 1px solid;
    BORDER-TOP: dimgray 1px solid;
    BORDER-LEFT: dimgray 1px solid;
    BORDER-BOTTOM: dimgray 1px solid;
    BACKGROUND-COLOR: lightyellow
}
.nav_header
{
    COLOR: #ffffff;
	font-weight: bold;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    BACKGROUND-COLOR: #fa7a00;
    TEXT-DECORATION: none
}
.nav_link
{
    FONT-SIZE: 8pt;
    COLOR: firebrick;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none
}



/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	}