@font-face {
font-family: "Inter";
font-weight: 300;
font-style: normal;
font-display: swap;
src: url("/_hcms/googlefonts/Inter/300.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/300.woff") format("woff");
}
@font-face {
font-family: "Inter";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("/_hcms/googlefonts/Inter/500.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/500.woff") format("woff");
}
@font-face {
font-family: "Inter";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff");
}
@font-face {
font-family: "Inter";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("/_hcms/googlefonts/Inter/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/700.woff") format("woff");
}
  
.html {
	font-size: 200%;
}

.tablesmalldiv
{
	padding-top: 0px;
	overflow-y: scroll;
	background-color: #EFF5F9;
}

TABLE.tablesmall
{
	white-space: nowrap; 
	table-layout: fixed;
	border-radius: 4px; 
    border-spacing: 0;
	line-height: 20px;
	width:100%;
}

TH.tablesmall
{
    padding: 3px 3px 3px 5px;
    font-weight:500; 
    background-color : #EFF5F9;
    color : #000000;

    overflow: hidden; 
    text-overflow: none;
}

TR.tablesmall{
	height : 20px;
	vertical-align: middle;
}

tablesmall tr:first-child th {
 // border-top: 0;
}
tablesmall tr:last-child td {
  border-bottom: 0;
}
tablesmall tr td:first-child,
table tr th:first-child {
  border-left: 0;
}
tablesmall tr td:last-child,
tablesmall tr th:last-child {
  border-right: 0;
}

TD.oddsmall
{
	height : 20px;
	vertical-align: middle;
	
    padding: 2px 5px 2px 5px;
    color : #000000; 
    overflow: hidden; 
    text-overflow: none;
	
    background: #EFF5F9 url("icon_sep.png") no-repeat 100% 50%;	
}

TD.evensmall
{
	height : 20px;
	vertical-align: middle;
	
    padding: 2px 5px 2px 5px;
    color : #000000; 
    overflow: hidden; 
    text-overflow: none;
	
    background: #FFFFFF url("icon_sep.png") no-repeat 100% 50%;	
}

BODY
{
    //font-family : 'Source Sans Pro',sans-serif;
    font-family : 'Inter',sans-serif;
    //font-size : 1.xt;
	//font-size : 1.0rem;
	font-size: 100%;
	letter-spacing: 0.01em;
	color : #3a3a39;
    padding : 0;
    margin : 0;
}
		
.bodyform
{
	
	background-color: #FFFFFF;

/*	background-image: url( logtrax_background_black52px.png); */

	    
    background-position : top center;
	background-repeat:no-repeat;	
}

.bodymessage
{
	background-color: #FFFFFF;
}

.bodytable
{
	border-width: 0px;
	border-style: solid;
    border-color: #FFFFFF;
}

A
{
    text-align: left; 
}

A:link
{
   text-decoration: underline;
}

TD, TR, P, A, TH, DIV, TEXTAREA
{
    text-decoration: none;
    text-align: left; 
}

TEXTAREA  
{
    font-family : 'Source Sans Pro',sans-serif;
    font-size : 1.0em;
	
    border-width: 1px;
    border-style: solid;
    border-color: #808080;
}

LI
{
    text-align: left; 

}

.vartext
{
    text-align: left; 
    color : #000000;
    background-color : #FFFFFF;
	padding: 2px;
//	background-image: url( icon_delete.png);


    border-width: 0px;
    border-style: solid;
    border-color: #00FF00;

    outline-width: 0px;
    outline-style: solid;
    outline-color: #FF0000;
/*
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px; 
    border-radius: 2px;
*/
}

.vartextlight
{
    text-align: left; 
    color : #000000;
    background-color : #EFF5F9;
    padding: 2px;

    border-width: 0px;
    border-style: solid;
    border-color: #00FF00;

    outline-width: 0px;
    outline-style: solid;
    outline-color: #FF0000;
/*
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px; 
    border-radius: 2px;
*/
}

.vartext2
{
    text-align: left; 
    color : #000000;
    background-color : #FFFFFF;
    padding:2px 0px;
}
 
.vartextalert
{
    font-size: 1.05em;
    font-weight : 600;
    text-align: left; 
    color : #D00000;
}

.helptext
{
    font-weight : 600;
    text-align: left; 
    color : #303030;
}

.smallfontright
{
    text-align: right;
}

.menutd
{
	text-align: center;
        background-color : #C00000;
 	vertical-align: top;
        
}

INPUT, SELECT
{
    border-width: 0px;
    border-style: solid;
    border-color: #00FF00;

    outline-width: 0px;
    outline-style: solid;
    outline-color: #FF0000;
/*
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px; 
    border-radius: 2px;
*/
}

INPUT
{
    font-size : 0.95em;
	height:16px;
	padding-left: 4px;
	margin-right: 5px;
	color : #000000;
	background-color : #FFFFFF;
    border-bottom: 1px solid #808080;
	
}

SELECT
{
    font-size : 0.95em;
	height:23px;
	padding-left: 4px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;

    border-bottom: 1px solid #808080;

	background: url("icon_dropdown_single.png") no-repeat 100% 50%;
    //background: #FFFFFF url("icon_dropdown_single.png") no-repeat 100% 50%;
}

select::-ms-expand {
    display: none;
}

.menu
{
    margin:0;
    padding:0;
}

.title
{
    font-size : 1.5em;
    font-weight : 500;

    text-decoration: none;
    color : #000000;
	line-height : 170%;

}

.titlemid
{
    font-size : 1.6em;
    font-weight : 500;

    text-decoration: none;
    color : #FFFFFF;

}

.subtitle
{
    font-size : 1.2em;
    font-weight : normal;

    text-decoration: none;
    color : #F0F0FF;

}

.logoutmenu
{
    color : #000000
}


.statusblue
{
    color : #0A3764;
}

.statusgreen
{
    color : #004000;
}

.statusred
{
    color : #DC251E;
}

.statusyellow
{
    color : #F18E00;
}


.blue
{
    font-weight : bold;
    color : #0000FF
}

.green
{
    font-weight : bold;
    color : #005000
}

.websitelink
{
	font-weight:normal; 
        color : #303030;
   	text-decoration: underline;
}

.quotationlink
{
	font-family : calibri,Helvetica,sans-serif,Verdana;
	font-size : 10pt;
	font-weight : normal;
	
	background-color : #68A42C;
	color : #FFFFFF;
	
	padding-left: 6px;
	padding-right: 6px;	
	padding-top: 1px;		
	padding-bottom: 4px;	
    text-decoration: none;		
}

.buttonbluelink
{
	font-family : calibri,Helvetica,sans-serif,Verdana;
	font-size : 10pt;
	font-weight : normal;
	
	background-color : #125FAE;
	color : #FFFFFF;
	
	padding-left: 6px;
	padding-right: 6px;	
	padding-top: 1px;		
	padding-bottom: 4px;	
   	text-decoration: none;	
}

.buttongreenlink
{
	font-family : calibri,Helvetica,sans-serif,Verdana;
	font-size : 10pt;
	font-weight : normal;
	
	background-color : #68A42C;
	color : #FFFFFF;
	
	padding-left: 6px;
	padding-right: 6px;	
	padding-top: 1px;		
	padding-bottom: 4px;	
   	text-decoration: none;	
}

.buttonredlink
{
	font-family : calibri,Helvetica,sans-serif,Verdana;
	font-size : 10pt;
	font-weight : normal;
	
	background-color : #0A3764;
	color : #FFFFFF;
	
	padding-left: 6px;
	padding-right: 6px;	
	padding-top: 1px;		
	padding-bottom: 4px;	
   	text-decoration: none;	
}

.trademarklink
{
	font-size: 0.9em;
	font-weight:normal; 
	color : #A0A0A0;
   	text-decoration: none;
}

.trademarklink:visited
{
	color : #A0A0A0;
}

.menulabel
{
    color : #000040;
    text-decoration: underline;
}

.menulabelwhite
{
    color : #E8E8E8
}

.menulabelblue
{
    font-weight : bold;
    color : #004483
}

.menuheader
{
    font-weight : bold;
    color : #004483
}

.headertd
{
    background-color: #0A3764;
}

.spacertd
{
    height: 0px;
    background-color : #FFFFFF;
}


.separatortd
{
    height: 25px;
    background-color: #0A3764;
}

.separatortdblue
{
    height: 23px;
    background-color: #0A3764;
}

.verticalsepleft
{
    width: 28px;
    background-color: #FEFEFE;	
    background-position : top left;
    background-repeat:no-repeat;		
}

.verticalseplefttop
{
    width: 28px;
    height: 83px;
    background-color: #F6F6F6;
    background-position : top left;
    background-repeat:no-repeat;		
}

.verticalseprighttop
{
    width: 28px;
    background-color: #008000;
    border-top-right-radius: 0px	
}

.verticalseprightsmall
{
    width: 28px;
	height: 83px;
    background-color: #F6F6F6;
}

.verticalsepright
{
    width: 28px;
    background-color: #FEFEFE;
}

.menuseparatortdtop
{
    height: 15px;
    background-color: #F6F6F6;
	border-top-left-radius: 0px	
}

.menuseparatortd
{
    height: 15px;
    background-color: #0A3764;
}

.frametable
{
    color: #000000;
    //border-top: 1px solid #AEAEAE;
    border-right: 1px solid #AEAEAE;
    border-left: 1px solid #AEAEAE;
    border-top-left-radius: 0px;	
    border-top-right-radius: 0px;	
}

.frametd
{
    background-color: #FEFEFE;
    color: #000000;
}

.toolbar
{
    background-color: #F6F6F6;
}

.frametitle
{
    color : #000000;
}

TABLE.packagelist
{
	white-space: nowrap; 
	table-layout: fixed;
    background-color : #FFFFFF;
    //border-spacing: 0;

}

TH.packagelist
{
    font-weight:400; 

    overflow: hidden; 
    text-overflow: none;
}

TD.packagelist 
{
	vertical-align: middle;
}


TR.packagelist
{
	vertical-align: middle;
}



TABLE.table
{
	white-space: nowrap; 
	table-layout: fixed;
	border-radius: 4px; 
    border-spacing: 0;
	line-height: 28px;

}

TH.table
{
    padding: 3px 3px 3px 10px;
    font-weight:600; 
    background-color : #0A3764;
    color : #FFFFFF;

    overflow: hidden; 
    text-overflow: none;
}

TR.table{
	height : 50px;
	vertical-align: middle;
}

table tr:first-child th {
 // border-top: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
  border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
  border-right: 0;
}


TD.odd
{
	height : 45px;
	vertical-align: middle;
	
    padding: 3px 8px 3px 10px;
    color : #000000; 
    overflow: hidden; 
    text-overflow: none;
	
    background: #EFF5F9 url("icon_sep.png") no-repeat 100% 50%;	
}

TD.even
{
	height : 45px;
	vertical-align: middle;
	
    padding: 3px 3px 3px 10px;
    color : #000000; 
    overflow: hidden; 
    text-overflow: none;
	
    background: #FFFFFF url("icon_sep.png") no-repeat 100% 50%;	
}

TD.lastclicked
{
	height : 45px;
	vertical-align: middle;
	
    padding: 3px 3px 3px 10px;
    color : #000000; 
    overflow: hidden; 
    text-overflow: none;
	
    background: #B8F8B8 url("icon_sep.png") no-repeat 100% 50%;	
	
}

TD.oddCheckbox
{
	height : 45px;
	vertical-align: middle;
	
    padding: 2px 0px 0px 0px;
    color : #000000; 
    overflow: hidden; 
    text-overflow: none;

    background: #EFF5F9 url("icon_sep.png") no-repeat 100% 50%;	
	}

TD.evenCheckbox
{
	height : 45px;
	vertical-align: middle;
	
    padding: 2px 0px 0px 0px;
    color : #000000; 
    overflow: hidden; 
    text-overflow: none;
	
    background: #FFFFFF url("icon_sep.png") no-repeat 100% 50%;	
	
}

TD.lastclickedCheckbox
{
	height : 45px;
	vertical-align: middle;
	
    padding: 2px 0px 0px 0px;
    color : #000000; 
    overflow: hidden; 
    text-overflow: none;
	
    background: #B8F8B8 url("icon_sep.png") no-repeat 100% 50%;	
}

TD.statuspublic
{
	height : 45px;
	vertical-align: middle;
	
    overflow: hidden; 
    text-overflow: none;
	
    background: #9ECCFF url("icon_sep.png") no-repeat 100% 50%;	
	
}

TD.statusfinished
{
	height : 45px;
	vertical-align: middle;
	
    overflow: hidden; 
    text-overflow: none;
	
    background: #BCFF96 url("icon_sep.png") no-repeat 100% 50%;	
	
}

TD.lineheader
{
	height : 45px;
	vertical-align: middle;
	
    padding: 5px 3px 3px 10px;
    color : #000000; 
    vertical-align: top;
    overflow: hidden; 
    text-overflow: none;
	
    background: #F8F8FF url("icon_sep.png") no-repeat 100% 50%;	
	
}

TD.numeric
{
	height : 45px;
	vertical-align: middle;
	
    padding: 5px 3px 3px 10px;
    color : #000000; 
    vertical-align: top;
    text-align: right;
    overflow: hidden; 
    text-overflow: none;
	
    background: #F8F8FF url("icon_sep.png") no-repeat 100% 50%;	
	
}

/*Remove button padding in FF*/
/* requires also padding-bottom: 2px */
input::-moz-focus-inner 
{ 
    border: 0;
    padding: 0;
} 

.messagetext
{
    font-size : 1.2rem;
    color : #000000;
}

.menubottom
{
    color: #000000;
    background-color: #FFFFFF;
    padding: 2px 4px;	
}

.menutop
{
    color: #FFFFFF;
    padding: 2px 4px;	
}

.menubottomtable
{
	text-align : center;
{