@font-face {
  font-family: "Arial Narrow";
  src: url('/Content/fonts/ARIALN.ttf');
  font-weight: normal;
}
@font-face {
  font-family: "Arial Narrow";
  src: url('/Content/fonts/ARIALNB.ttf');
  font-weight: bold;
}
@font-face {
  font-family: "Arial Narrow";
  src: url('/Content/fonts/ARIALNBI.ttf');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Arial Narrow";
  src: url('/Content/fonts/ARIALNI.ttf');
  font-weight: normal;
  font-style: italic;
}
html {
    font-size: 100% !important;
}
body {
    font: 70%/150% Arial, Helvetica, sans-serif;
    color: #232323;
    background-color: #dcdcdc;
}
/*body {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 120% !important;
    color: #232323;
    background-color: #dcdcdc;
    margin: 8px !important;
}*/

hr {
    margin-top: unset;
    margin-bottom: unset;
}
header, footer, nav, section {
    display: block;
}
INPUT
{
    FONT: 100%/140% Arial, Helvetica, sans-serif
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
H0
{   PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    /*FONT: bold 120%/120% Arial, Helvetica, sans-serif;*/
    font-family:Calibri,Arial,Helvetica,Sans-Serif;
    font-size:1.5em;
    font-style:normal;
    font-weight:bold;
}
H1
{   PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    /*FONT: bold 120%/120% Arial, Helvetica, sans-serif;*/
    font-family:Calibri,Arial,Helvetica,Sans-Serif;
    font-size:1.2em;
    font-style:normal;
    font-weight:bold;

}
H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    font-family:Calibri,Arial, Helvetica, sans-serif;
    font-size:1.1em;
    font-style:normal;
    font-weight:bold;
}
H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    FONT: 85%/85% Calibri,Arial, Helvetica, sans-serif;
    
}

H5{font: normal 120%/120% Calibri,Arial, Helvetica, sans-serif;margin:0;padding:0;border:none;list-style:none;}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 0 0 0 0;
    color:#015a96;
    font-size:1.2em;
    font-family:Calibri,Arial;
    font-weight:normal;
}
.editor-label_small {
    margin: 0 1em 0 0;
    color:#015a96;
    font-size:1.0em;
    font-family:Calibri,Arial;
    font-weight:normal;
}
.editor-field {
    margin: 0 0 0 0;
    font-family:Calibri,Arial;
}

.GridMsg td, .GridMsg th
{
    width: 15px;
    
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    font-size:1em;
    font-family:Calibri,Arial,Helvetica,Sans-Serif
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


/* main layout
----------------------------------------------------------*/
.content-wrapper {
	max-width: 1240px;
    width: 900px ;
  margin-left: auto ;
  margin-right: auto ;
}

#body {
	background-color: #efeeef;
	clear: both;
	padding-bottom: 35px;
}

	.featured + .main-content {
		background: url("../Images/heroAccent.png") no-repeat;
	}

header .content-wrapper {
	padding-top: 0px; 
}
/*
footer {
	clear: both;
	background-color: #e2e2e2;
	font-size: .8em;
	height: 100px;
}
*/
ul
 {
 list-style-image:initial;
 list-style-type: none;
 font-family:Calibri,Arial,Helvetica,Sans-Serif;
 font-size:13px;
 font-weight:normal;
 color:#336699;
 margin: 0px;
 padding-left:15px;
 padding-right:5px;
 padding-top:0px;
 }

li
{
/*list-style-image:url('../Images/Bullet_01_Small.png')*/

}



._font_index
{
 font-family:Calibri,Arial,Helvetica,Sans-Serif;
 font-size:13px;
 font-weight:normal;
 color:#336699;
 margin: 0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 }

.validation-summary-errors ul{
 list-style-image:none;
 list-style-type:initial;
 font-size:15px;
 font-weight:bold;
 color:red;
 margin: 0px;
 padding-left:15px;
 padding-right:5px;
 padding-top:0px;
}

._language
{PADDING-TOP: 75px;
 /*WIDTH: 120px;*/
 border:none;
 padding-right:10px;
 FLOAT:right;text-align:right;
 } 

._language select{width:150px;font-size:90%;padding-bottom:0px;margin-bottom:3px;}

.top-container {
    padding: 0px 0px;
    WIDTH: 900px;
    height: 100px;
    background-image: url("../images/meest_portal_banner.jpg");
    background-size: contain;
    position:relative;
}

.bookmarkRibbon {
    width: 110px;
    height: 0;
    border-bottom: 12px solid #e60033;
    border-top: 14px solid #e60033;
    border-left: 10px solid transparent;
    float: right;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 10px;
    bottom: 7px;
    cursor: pointer;
}

.meest_logo_00{padding:0px 12px;FLOAT: left;WIDTH: 100px;} 

.bookmark
{margin-bottom:3px;
 margin-top:76px;
 padding-bottom:0px;
 padding-right:10px;
 border:none;
 /*width:150px;
 padding-left:100;*/
 min-width:130px;
 float:right;
 text-align:right;} 

.bookmark a,.login a{padding:2px 10px;border:1px solid #b2b2b2;text-decoration:none;color:#5f5f5f;background:#fff;}

._media
{margin-bottom:3px;
 margin-top:78px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:5px;
 min-width:20px;
 /*width:150px;
 padding-left:100;
 min-width:60px;*/
 float:right;
 text-align:right;} 

._BranchCurrency
{margin-bottom:3px;
 margin-top:42px;
 padding-bottom:0px;
 /*width:150px;
 padding-left:10;*/
 min-width:15px;
 padding-left:5px;
 padding-right:5px;
 float:right;
 color:Black;
 font-weight:bold;
 text-align:right;}

._BranchName {
    margin-bottom: 3px;
    margin-top: 78px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px;
    min-width: 20px;
    float: left;
    font-family: Calibri;
    font-weight: normal;
    color: Black;
    text-align: right;
}

._user {
    /*background:#fff;*/
    /* border:1px solid #b2b2b2;*/
    margin-bottom: 0px;
    margin-top: 78px;
    padding: 0px 5px 0px 5px;
    font-weight: normal;
    font-style: normal;
    /*
 font-family:Arial,Helvetica,Sans-Serif;
 font-size:9pt;
 width:150px;
 padding-left:100;
 min-width:10px;*/
    font-family: Calibri;
    float: left;
    color: black;
    text-align: right;
}  

 footer .content-wrapper
{
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    background:#CBEAFE;padding-top:0px;font-size:90%;margin:0px 0px 0px 0px;
}

a{text-decoration:none;}
/*a:hover{color:#BB0000;text-decoration:none;}*/

.footer-top{background:#ffffff;color:#192f41;font-weight:bold;border-top:0.5px solid #003399;overflow:hidden;width:100%;}
.footer-top a{color:#003399;font-weight:bold;}

/*
.footer-inner-left{float:left;padding:10px 35px 10px 30px;width:150px;line-height:150%;}
*/
.footer-inner-middle{color:#192f41;font-weight:bold;text-decoration:none;}
.footer-inner-middle a:hover{color:red;font-weight:bold;text-decoration:none;}

.footer-inner-middle ul{overflow:hidden;width:100%;}
.footer-inner-middle ul li{float:left;margin:0px 0px 0px 0px;width:156px;}
.footer-inner-right{float:right;padding:5px 30px 10px 50px;width:145px;height:110px;border-style: none;}
.footer-bottom{padding:4px;text-align:center;}.float-left{float:left;background-color:#bbd1e3;}
.float-right{float:right;}
.top-info{padding:5px 0;overflow:hidden;width:100%;}

.footer-bottom {background-color:#bbd1e3;padding-bottom:10px;}
#footer-bottom{margin:10px 0px 10px 0px;}
#footer-bottom li{display:inline;list-style-type:none;margin:0 25px 0px 25px;}
#footer-bottom a{color:#003399;font-weight:bold;text-decoration:none}
#footer-bottom a:hover{color:red;font-weight:bold;text-decoration:none}

/*  Main Menu  */

#top
{
    MARGIN: auto;
    WIDTH: 790px;
    background-color:Yellow;
}


#topLogo
{
    /*TEXT-ALIGN: left;
    WIDTH: 790px;
    FLOAT: left*/
}


#topnav
{
    BORDER-BOTTOM: #015A96 1px solid;
    BORDER-LEFT: #015A96 1px solid;
    BACKGROUND-COLOR:#015A96;
    HEIGHT: 30px;
    font-size:1.1em;
    /*BORDER-TOP: #336699 1px solid;
    BORDER-RIGHT: #336699 1px solid*/
    BORDER-TOP: #015A96 1px solid;
    BORDER-RIGHT: #015A96 1px solid;
    /*border-top-right-radius: 2px;
    border-top-left-radius: 2px;*/
    /*BACKGROUND-COLOR:#d3d3d3;*/
}

#topnav_inner
{
    /*BORDER-BOTTOM: #6699ff 1px solid;
    BORDER-LEFT: #6699ff 1px solid;
    BACKGROUND-COLOR:#6699ff;
    BORDER-TOP: #6699ff 1px solid;
    BORDER-RIGHT: #6699ff 1px solid;
    BORDER-RIGHT: #6699ff 1px solid;*/
    HEIGHT: 25px;
    /*BACKGROUND-COLOR:#6699ff;
    BORDER: #6699ff 1px solid;*/
    BACKGROUND-COLOR:#015A96;
    BORDER: #015A96 1px solid;
    /*border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    BACKGROUND-COLOR:#d3d3d3;
    border-radius: 5px 10px 15px 20px;*/
}

#topnav_menu
{
    PADDING-LEFT: 5px;
    WIDTH: 600px;
    WHITE-SPACE: nowrap;
    FLOAT: left;
    COLOR: #FFFFFF;
    FONT-SIZE: 80%;
    WORD-SPACING: 5px;
    PADDING-TOP: 5px;
}

#topnav_about
{
    TEXT-ALIGN: right;
    WHITE-SPACE: nowrap;
    FLOAT: right;
    COLOR: #FFFFFF;
    FONT-SIZE: 80%;
    WORD-SPACING: 6px;
    PADDING-TOP: 7px
}

#topnav_inner_inside
{
    PADDING-LEFT: 5px;
    WIDTH: 400px;
    WHITE-SPACE: nowrap;
    FLOAT: left;
    COLOR: #FFFFFF;
    FONT-SIZE:100%;
    font-style:normal;
    WORD-SPACING: 0px;
    PADDING-TOP: 4px
}

a
{ 
text-decoration: none; 
} 
a:hover
{ /* For when your mouse hovers over the element */ 
text-decoration: underline; 
} 
a:visited
{
    COLOR:green;
    TEXT-DECORATION: none;
}
a.topnav
{
    COLOR: #FFFFFF;
}
a.topnav:link
{
    /*COLOR: #555555;*/
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
    margin-right:5px;
}
a.topnav:visited
{
    COLOR:lightyellow;
    /*COLOR: #555555;*/
    TEXT-DECORATION: none;
}
/*a.topnav:hover
{
    COLOR: #ff4800;
    TEXT-DECORATION:underline;
}
*/
a.topnav:active
{
    COLOR: #FFFFFF;
    /*COLOR: #ff4800;*/
    TEXT-DECORATION: none;
}

.posrel { 
    position:relative;
    left:0px;
    width:10px;
    text-align:left;
}

.InvoiceTopRow{
    background-color: white;
    text-decoration: none;
    outline:none;
    color:black;
    font-family:Calibri,Arial;
    font-size:1em;
    font-style:normal;
    font-weight:normal;
    text-align:left;
}

.LinkButtonStyle
{
    color:steelblue;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif;
    font-size:12pt;
    font-style:normal;
    font-weight:bold;
    padding:0px 0px 0px 5px;
    margin:0px 0px 0px 0px;
    word-spacing:normal;
    white-space:normal;
    cue-after:none;
    cursor:pointer;
    text-align:center;
    float:none;
    width:auto;
}

.LinkButtonStyle:hover
{
    color:cornflowerblue;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif;
    font-size:12pt;
    font-style:normal;
    font-weight:bold;
    padding:0px 0px 0px 5px;
    margin:0px 0px 0px 0px;
    cursor:pointer;
}
.ControlStyle .ui-widget-content.ControlStyle
{
    color: #CC0000 !important;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:12pt !important;
    font-style:normal !important;
    font-weight:bold !important;
    cursor:pointer;
}

a.ControlStyle
{
    color: #CC0000;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:12pt;
    font-style:normal;
    font-weight:800;
    cursor:pointer;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    /*background-image:url('/Images/trush.jpg');
    background-size:20px;
    background-color:aqua;*/
}


a.ControlStyleTrush
{
    color: #CC0000;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:0pt;
    font-style:normal;
    font-weight:100;
    cursor:pointer;
    margin-left:5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    background-image:url('/Images/trush.png');
    background-size:20px;
    /*background-color*/
}
a.ControlStyleEnvelop
{
    color: #CC0000;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:0pt;
    font-style:normal;
    font-weight:100;
    cursor:pointer;
    margin-left:5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:12px;
    background-image:url('/Images/envelop.png');
    background-size:20px;
    /*background-color:aqua;*/
}

a.ControlStyleInfo
{
    color: #CC0000;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:0pt;
    font-style:normal;
    font-weight:100;
    cursor:pointer;
    margin-left:5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    background-image:url('/Images/info.png');
    background-size:20px;
    /*background-color:aqua;*/
}

a.ControlStyleRemove
{
    color: #CC0000;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:0pt;
    font-style:normal;
    font-weight:100;
    cursor:pointer;
    margin-left:5px;
    padding-left:25px;
    padding-right:25px;
    padding-top:15px;
    padding-bottom:5px;
    background-image:url('/Images/remove.png');
    background-size:50px;
    /*background-size:auto;*/
    /*background-color:aqua;*/
}
a.ControlStyleAdd
{
    color: #CC0000 !important;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:0pt !important;
    font-style:normal !important;
    font-weight:100;
    cursor:pointer;
    margin-left:5px;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    background-image:url('/Images/add.png');
    background-size:30px;
    /*background-size:auto;*/
    /*background-color:aqua;*/
}

a.ControlStylePayment
{
    color: #CC0000;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:0pt;
    font-style:normal;
    font-weight:100;
    cursor:pointer;
    margin-left:5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:12px;
    padding-bottom:10px;
    background-image:url('/Images/payment.png');
    background-size:20px;
    /*background-size:auto;*/
    /*background-color:aqua;*/
}

a.ControlStylePrinter {
    text-decoration: none;
    outline: none;
    font-family: Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size: 0pt;
    font-style: normal;
    font-weight: 100;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 10px;
    background-image: url('/Images/prnt.png');
    background-size: 30px 20px;
    ;
    /*background-size:auto;*/
    /*background-color:aqua;*/
}

.ControlStyle:hover
{
    color:cadetblue;
    text-decoration:none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif;
    font-size:0pt !important;
    background-color:#FFA4A4;
}

a.ControlStyleInfo:hover
{
    color:cadetblue;
    text-decoration:none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif;
    font-size:0pt;
    /*background-color:#FFA4A4;*/
}

.ButtonFieldStyle
{
    color: #000000;
    text-decoration: none;
    outline:none;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:8pt;
    font-style:normal;
    font-weight:normal;
    padding:1px 1px 1px 1px;
    margin: 0 0 0 0;
}



.ControlDescriptionStyle
{
    /*color: #333333;*/
    color:cadetblue;
    text-decoration: none;
    outline:none;
    font-family:Calibri,Arial,Helvetica,Sans-Serif;
    font-size:12pt;
    font-style:normal;
    font-weight:normal;
}
.MousePrint
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: xx-small;
    COLOR: black;
    LINE-HEIGHT: 120%;
    FONT-FAMILY: Arial
}

.DitailsHeader
{   
    PADDING-BOTTOM: 0px;
    PADDING-RIGHT: 0px;
    COLOR:#015A96;
    font-style:normal;
    font-weight:lighter;
    FONT-FAMILY: Arial;
}

.InvoiceInfoName
{   
    PADDING-BOTTOM: 0px;
    PADDING-RIGHT: 5px;
    COLOR:#015A96;
    font-style:normal;
    font-weight:lighter;
    FONT: 150%/100% Arial, Helvetica, sans-serif;
}


.DitailsHeaderRed
{
    COLOR:#CC3333;
    FONT-FAMILY: Arial;
}
.InvoceRegular
{
    COLOR: black;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    LINE-HEIGHT: 100%;
    FONT: normal 100%/100% Arial, Helvetica, sans-serif;
}
.InvoceRegularBold
{
    COLOR: black;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    LINE-HEIGHT: 100%;
    FONT: bold 100%/100% Arial, Helvetica, sans-serif;
}
.InvoceLargeBold
{
    COLOR: black;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    LINE-HEIGHT: 120%;
    FONT: bold 120%/120% Arial, Helvetica, sans-serif;
}
.InvoceHeader
{
    COLOR: black;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    LINE-HEIGHT: 100%;
    FONT: bold 120%/120% Arial, Helvetica, sans-serif;
}
.InvoceHeaderLarge
{
    COLOR: black;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    LINE-HEIGHT: 100%;
    FONT: bold 150%/150% Arial, Helvetica, sans-serif;
}

.InvoceInfoMain
{
    COLOR: black;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    LINE-HEIGHT: 100%;
    FONT: normal 200%/120% Arial, Helvetica, sans-serif;
}


.InvoiceBottom
{
    COLOR: black;
    LINE-HEIGHT: normal;
    font-size: 9px;
}

.InvoiceBottomLarge
{
    COLOR: black;
    LINE-HEIGHT: normal;
    font-size: 11px;
}

.filterLabel 
{
    color:#192f41;
    font-family:calibri,Arial;
    font-size:1.2em;
    font-weight:normal
}


.redbutton{
    /*background-color:#BB0000;*/
    background-color:steelblue;
    color:white;
    border:none;
    font-family:calibri,arial;
    Font-Size:1.5em;
    padding-bottom:3px;
    padding-top:3px;
    border-radius: 3px;
}
/*
    .redbutton:hover {
        background-color:blue;
    }
*/

.redbutton:hover:not([disabled="disabled"]){
    background-color:#325e82!important; 
}

.redbutton:disabled,
.redbutton[disabled]{
  background-color:lightblue;
  /*  border-color:#BB0000;*/
  color: white;
}

.tableshort tr 
{ 
    line-height: 12px; 
}

.tableshort td 
{ 
    vertical-align:middle; 
}

.longtextbox 
{
    background-color:white;
    border-color:#999999;
    font-family:calibri,Arial;
    font-size:1.2em;
    border-width:0.5px;
    border-style:solid;
    border-radius: 3px;
    width:850px;
}

.textbox 
{
    background-color:white;
    border-color:#999999;
    font-family:calibri,Arial;
    font-size:1.2em;
    border-width:0.5px;
    border-style:solid;
    border-radius: 3px;
    height:20px;
}
.textbox:hover
{
    background-color:lightgray;
    border-color:#999999;
    font-family:calibri,Arial;
    font-size:1.2em;
    border-width:0.5px;
    border-style:solid;
    border-radius: 3px;
    height:20px;
}


/*
.form-control datepicker
{
    border-width:0.5px;
    border-style:solid;
    border-radius: 3px;
    height:20px;
}

.form-control datepicker:hover
{
    background-color:lightgray;
}
*/


.combobox 
{
    background-color:white;
    border-color:#999999;
    font-family:calibri,Arial;
    font-size:1.2em;
    height:24px;
    text-decoration:none;
    border-width:0.5px;
    border-style:solid;
    border-radius: 3px;
}

.combobox:hover 
{
    background-color:lightgray;
    border-color:#999999;
    font-family:calibri,Arial;
    font-size:1.2em;
    height:24px;
    text-decoration:none;
    border-width:0.5px;
    border-style:solid;
    border-radius: 3px;
}

/*
.editor-field  {
    background-color:white;
    border-color:#999999;
    font-family:calibri,Arial !important;
    font-size:1em;
    border-width:0.5px;
    border-style:solid;
    font-size:1.2em;
    border-width:0.5px;
    border-radius: 3px;
    height:20px;
}
*/

.editor-field input {
    background-color:white;
    border-color:#999999;
    font-family:calibri,Arial !important;
    font-size:1em;
    border-width:0.5px;
    border-style:solid;
    /*height:14px;
    line-height:14px;*/
    font-size:1.2em;
    border-width:0.5px;
    border-radius: 3px;
    height:20px;
}

.editor-field input:hover {
    background-color:lightgray;
    border-color:#999999;
    font-family:calibri,Arial !important;
    font-size:1em;
    border-width:0.5px;
    border-style:solid;
    /*height:14px;
    line-height:14px;*/
    font-size:1.2em;
    border-width:0.5px;
    border-radius: 3px;
    height:20px;
}


.editor-field .noborder {
    background-color:transparent;
    border:none;
    font-size: 1.2em;
}

.editor-field .combobox {
    /*height:24px;
    font-family:calibri,Arial;
    font-size:1.2em;*/
    background-color:white;
    border-color:#999999;
    font-family:calibri,Arial;
    font-size:1.2em;
    height:24px;
    text-decoration:none;
    border-width:0.5px;
    border-style:solid;
    border-radius: 3px;
}

.footer-inner-left{float:left;padding:10px 10px 10px 10px;width:210px;line-height:150%;}
.footer-inner-middle{float:left;padding:10px;width:650px;line-height:150%;}

.block_container
{
    text-align:inherit;
}
.inline
{
    display:inline;
}

.phone input {
    width:120px;
}
.email input {
    width:180px;
}
.lname input {
    width:140px;
}
.fname input {
    width:100px;
}
.zip input {
    width:70px;
}
.prov input {
    width:150px;
}
.region input {
    width:100px;
}
.city input {
    width:120px;
}
.apt input {
    width:40px;
}
.house input {
    width:70px;
}
.street input {
    width:170px;
}
.amount input {
    width:60px;
}
.weight input {
    width:30px;
}
.dims input {
    width:25px;
}
.ui-dialog-titlebar {
  background-color: #BBEAFE;
  background-image: none;
  color: #000;
}

#parcelWebGrid{
    width:900px;
}

#parcelWebGrid th a.asc:after, th a.desc:after
{
position: relative;
left: .4em; /* spacing between header and arrow */
bottom: .1em; /* raise it just a tad */
font-size: 0.75em; /* I like my arrows a tad smaller */
color: white;
}

#parcelWebGrid th a.asc:after
{
content: '▲';
}

#parcelWebGrid th a.desc:after
{
content: '▼';
}

#paymentGrid th a.asc:after, th a.desc:after
{
position: relative;
left: .4em; /* spacing between header and arrow */
bottom: .1em; /* raise it just a tad */
font-size: 0.75em; /* I like my arrows a tad smaller */
color: white;
}

#paymentGrid th a.asc:after
{
content: '▲';
}

#paymentGrid th a.desc:after
{
content: '▼';
}

#parcelpayWebGrid th a.asc:after, th a.desc:after
{
position: relative;
left: .4em; /* spacing between header and arrow */
bottom: .1em; /* raise it just a tad */
font-size: 0.75em; /* I like my arrows a tad smaller */
color: white;
}

#parcelpayWebGrid th a.asc:after
{
content: '▲';
}

#parcelpayWebGrid th a.desc:after
{
content: '▼';
}
        
        .tableStyle {
            width:100%;
            border-collapse:collapse;
            color: black;
            font-weight:normal;
            font-style:normal;
            font-family:calibri,arial;
            Font-Size:1em;
            line-height: 30px;
        }

        .headerStyle {
            background-color:steelblue;
            Font-Size:1.2em;
            color: white !important;
            height: 30px;
            /*border-top: 1px solid red;
            border-left: 1px solid red;
            border-right: 1px solid red;
            border-bottom: 1px solid red;*/
        }
        .headerStyle a {
            color: white !important;
        }

        .rowStyle {
            /*font-weight:normal;
                   font-style:normal;
                    font-family:calibri,arial;
                    Font-Size:1em;
                    color:black;
                    border-width:5px;
                    border-style:solid;
                    Border-Color:red;*/
            /*height: 40px;
                    border-top: 1px;
                    border-left: 1px;
                    border-right: 1px;
                    border-bottom: 1px;*/
            Background-Color: white;
            padding: 0px 0px 0px 0px;
            
        }
        
        
            
            .alternateRowStyle {
            /*font-weight:normal;
            font-style:normal;
            font-family:calibri,arial;
            Font-Size:1em;
            color:black;
            border-width:1px;
            border-style:Solid;
            Border-Color:WhiteSmoke;
            Background-Color:LightGray;*/
            /*border-top: 1px;
            border-left: 1px;
            border-right: 1px;
            border-bottom: 1px solid red;
            border-color:lightgrey;*/
            Background-Color:#e6e6e6;
            /*Background-Color:whitesmoke;*/
        }

        .selectedRowStyle:not(thead) {
            font-style:normal;
            font-family:calibri,arial;
            /*border-width:1px;
            border-style:Solid;
            Border-Color:WhiteSmoke;*/
            Background-Color:darkgrey;
            color:white;
            Font-Size:1em;
            
        }

        .footerStyle {
            font-weight:900;
            font-family:calibri,arial;
            font-size:1.5em;
            /*Background-Color:#0397FA;*/
            Background-Color:steelblue;
            color:white;
            line-height:20px;

        }
            .footerStyle a { color: initial; }

            #loadingDiv {
                position: fixed;
                top: 0px;
                right: 0px;
                width: 100%;
                height: 100%;
                background-color: #666;
                background-image: url('/Images/LoadingProgressBar.gif');
                background-repeat: no-repeat;
                background-position: center;
                z-index: 10000000;
                opacity: 0.4;
                filter: alpha(opacity=40); /* For IE8 and earlier */
            }

.aligned .left {
        text-align: left;
    vertical-align: middle;
}

.align-right {
    float: right;
    z-index: 1;
    margin: 10px 2px 10px 18px;
}
.ul-normal {
    font-family: Calibri,Arial,Helvetica,Sans-Serif;
    padding-left: 15px;
    list-style-type: disc;
    list-style-image: none;
    font-size: 1.2em;
    color: inherit;
}

.ul-normal li {
    font-weight: normal;
    font-family: Calibri,Arial,Helvetica,Sans-Serif;
    font-size: 1.0em;
    margin: 0px;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 0px;
}
.ui-accordion .ui-accordion-header
{
    padding: 20px 0px 20px 10px;
    background-image:none;
    background-color:whitesmoke;
    color:black;
    border:none;
    font-family: Calibri,Arial,Helvetica,Sans-Serif;
    font-size: 1.5em;
}
.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    right: 0.5em;
    left: auto;
    top: 50%;
    margin-top: -8px;
}

.skypeButton p {
    font-size:inherit !important;
}

.skypeButton img {
    vertical-align:bottom !important;
    margin: 0px 32px 0 32px !important;
}

.lwc-chat-button { z-index:1 !important; }

.break {
    page-break-before: always;
}


/*WebGrid Column Width fomatting*/



.dlvValue2 {
    width: 2%;
    text-align:left;
} 
.dlvValue3 {
    width: 3%;
    text-align:left;
} 
.dlvValue4 {
    width: 4%;
    text-align:left;
} 
.dlvValue5 {
    width: 5%;
    text-align:left;
} 
.dlvValue6 {
    width: 6%;
    text-align:left;
} 
.dlvValue7 {
    width: 7%;
    text-align:left;
} 
.dlvValue8 {
    width: 8%;
    text-align:left;
} 
.dlvValue9 {
    width: 9%;
    text-align:left;
} 
.dlvValue10 {
    width: 10%;
    text-align:left;
} 
.dlvValue11 {
    width: 11%;
    text-align:left;
} 
.dlvValue12 {
    width: 12%;
    text-align:left;
} 

.dlvValue13 {
    width: 13%;
    text-align:left;
} 

.dlvValue14 {
    width: 14%;
    text-align:left;
} 

.dlvValue15 {
    width: 15%;
    text-align:left;
 } 

.dlvValue16 {
    width: 16%;
    text-align:left;
 } 

.dlvValue17 {
    width: 17%;
    text-align:left;
 } 
.dlvValue18 {
    width: 18%;
    text-align:left;
 } 
.dlvValue19 {
    width: 19%;
    text-align:left;
 } 

.dlvValue20 {
    width: 20%;
    text-align:left;
 }     

.dlvValue21 {
    width: 21%;
    text-align:left;
 } 

.dlvValue22 {
    width: 22%;
    text-align:left;
 } 

.dlvValue23 {
    width: 23%;
    text-align:left;
 } 
.dlvValue24 {
    width: 24%;
    text-align:left;
 } 
.dlvValue25 {
    width: 25%;
    text-align:left;
 } 
.dlvValue30 {
    width: 30%;
    text-align:left;
 } 

.MaxNumOfRecords {
    float:right;
    padding-right:10px;
 }

.ui-widget-header {
    border: 0px ;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px; 
    border-top-left-radius:0px;
    border-top-right-radius:0px; 
    background-color:gray;
    color:white;
    font-weight: bold;
    font-family:Calibri,Arial,Helvetica,Sans-Serif !important;
    font-size:1.2em !important;
  

}
.ui-dialog {
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px; 
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border:none;
}

.numberCircle {
    position: absolute;
    left: 16px;
    top:3px;
    border-radius: 50%;
    /*behavior: url(PIE.htc);*/ /* remove if you don't care about IE8 */
    width: 12px;
    height: 12px;
    padding-top: 2px;
    background: #ffffff;
    border: 1px solid #666666;
    color: red;
    text-align: center;
    font-weight:bolder;
    font: 9px Arial, sans-serif;
}

.declaration {
    text-decoration:none;
    cursor: pointer;
}

.declaration:hover{
    text-decoration:none;
    color:crimson;
}

.pac-container  { z-index: 10000; }

.glyphicon-remove {
    color: red;
}

.glyphicon-ok {
    color: green;
}

.ag-cell-inline-editing {
    z-index: 5000 !important;
}


.ag-popup-editor {
    border: 1px black solid;
    background-color: none !important;
}

.item-grid .ag-root-wrapper {
    overflow: visible !important;
}

.item-grid-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: pink;
}

.item-grid-input::-moz-placeholder { /* Firefox 19+ */
    color: pink;
}

.item-grid-input:-ms-input-placeholder { /* IE 10+ */
    color: pink;
}

.item-grid-input:-moz-placeholder { /* Firefox 18- */
    color: pink;
}

.no-hscode {
    border: 1px red solid !important;
}

.it-typeahead {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: transparent;
}