ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,tr,td
{ margin: 0; padding: 0; }
a img,:link img,:visited img,fieldset { border: none; }
.clr{clear:both}

.Font_XX-Small {padding:2px 2px 2px 2px; font-size:xx-small;}
.Font_X-Small {padding:2px 2px 2px 2px; font-size:x-small;}
.Font_Small {padding:2px 2px 2px 2px; font-size:small;}
.Font_Medium {padding:2px 2px 2px 2px; font-size:medium;}
.Font_Large {padding:2px 2px 2px 2px; font-size:large;}
.bold {font-weight:bold;}

body {
	font-family: 'Roboto', sans-serif; /*, Arial, Helvetica, sans-serif*/
	font-size:small;
	color:#808080;
	background-color:#f5f5f5;
	padding:0;margin: 0;
}

#logo {
	margin: 0; padding-top: 15px;
	height:111px;
}
#logo img {padding-bottom:10px;}
.home-tab {
	background:url(images/home-tab_blue.gif) 0 0 no-repeat;
	display:block;
	width:62px;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	padding-top:7px;
	font-size:0.875em;
	min-height:20px;
}
* html .home-tab {height:24px;}

#header {
	background:#1B2E44 repeat-x; /*Very Dark Navy*/
	height:60px;
	vertical-align: bottom;
	box-shadow: 0 4px 4px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.24);
}

#headercustomerportal {
    /*background:#ffffff url(images/header-tailblue.gif) 0 0 repeat-x;
	height:40px; - purple for MDS*/
	background:#15384e repeat-x; /*Very Dark Navy*/
	height:60px;
	margin-bottom:16px;
	padding:0 20px 0 20px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#headerIndex {
	/*background:#ffffff url(images/header-tailblue.gif) 0 0 repeat-x;
	height:40px;*/
	background:#1B2E44 repeat-x; /*Very Dark Navy*/
	height:60px;
	padding:0 20px 0 20px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#header-wrp {
    padding: 0 20px 0 20px;
}

#OptionsRollout {
    /*height:50px;*/
    background-color: #243e5b;
    color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 3px 3px rgba(0,0,0,0.24);
    text-align: center;
    padding: 0 20px 10px 20px;
    /*display: none;*/
}

#OptionsRollout .SiteFilters {
    -webkit-appearance: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 5px;
    background-color: #445870;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 200px;
    height:30px;
    border-radius: 2px;
}

#OptionsRollout #ddlProductGroup option {
    margin-top:15px;
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.offer1, .offer2{
	margin-left:11px;
	padding-top:10px;
}
.offer1 {padding-top:20px;}

#cont	li {
	list-style:none;
	margin-bottom:17px;
	color:#9da193;
	clear:both;
	font-size:0.875em;
	color:#000000;
}
#cont a {color:#405C96; text-decoration:none;}

h4 {color:#059fb4; font-weight:normal; margin-bottom:2px;}

#footer {
	height:95px;
	color:#000;
	font-size:0.85em;
}

.footer {
    background: url(images/footer-tail.gif) 0 30px repeat-x;
	color:#000;
	font-size:0.85em;
}

#footer p { padding:0 0 5px 0; font-size:0.85em;}
#footer a.privacy {
	color:#08a0b5;
	text-decoration:none;
}
div.left {float:left;}
div.right {float:right;}
.nowrp { white-space:nowrap;}
#block1 {margin: 16px 15px 10px 15px; min-width:200px;}
#block1 .content	{
	min-height:60px;
	
	padding:15px 9px 15px 9px;
	color:#317396;
	font-weight:bold;
	font-size:0.85em;
}
* html #block1 .content	{}
span.style1 { font-style:italic; text-transform:uppercase; color:#3f413b; font-size:1.2em;}
span.style2 { font-style:italic; color:#fff; font-size:1.2em;}

#block1 .content a { color:#000;}
/* \*/
* html .tlc, * html .trc {height: 1%;}

.box {background:url(images/box-tail.gif) bottom repeat-x;}
.box .tail-top {background:url(images/box-tail.gif) top repeat-x;}
.box .tail-right {background:url(images/box-tail.gif) right repeat-y;}
.box .tail-left {background:url(images/box-tail.gif) left repeat-y;}
.box .corner-bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
/*.box .indent { padding:20px 27px 26px 16px; font-size:xx-small} */
.box .indent { padding:2px 2px 2px 2px; font-size:small} 

.title {background:url(images/title-bg2.gif) no-repeat 0 3px; padding-left:25px; font-size:1.125em; font-weight:normal;}
.title2 {margin-bottom:10px;}

/*  */

h2 {
	color:#000;
	font-size:0.875em;
	margin-bottom:0.5em;
}
p {margin-bottom:10px;}
em {color:#d57800; text-decoration:underline; font-style:normal;}
#cont .block { margin:4px 4px 4px 4px;}
#cont .block ul { margin-top:4px;}


#cont .more-link { display:block; background:url(images/more-link-tail-bg.gif) repeat-x left top; font-size:11px; color:#599aa3; text-decoration:none; float:right; margin-top:10px;}
#cont .more-link span {display:block; background:url(images/more-link-right-bg.gif) right top no-repeat;}
#cont .more-link span span {display:block; background:url(images/more-link-left-bg.gif) 0 0 no-repeat; padding:1px 5px 3px 5px;}


.container {width:100%; overflow:hidden;}
#cont .lst li {
	list-style:none;
	color:#9da193;
	font-size:0.75em;
	color:#000000;
	background:url(images/list-bg.gif) no-repeat 0 10px;
	padding:0 0 0 17px;
	margin:0;
}

#cont .lst li a {color:#000000; text-decoration:none; border-bottom:1px solid #ececec; display:block; padding:8px 0 10px 3px;}

.block2 {font-size:0.875em; line-height:1.143em; color:#000000;}
#cont .lst2 li {background:url(images/list2-bg.gif) no-repeat 0 7px; padding-left:14px; font-size:0.857em; line-height:1.833em; margin:0;}
#cont .lst2 li a {color:#059fb4; text-decoration:none;}

#cont .lst3 li {background:url(images/list2-bg.gif) no-repeat 0 7px; padding-left:14px; margin:0; font-size:1em; margin-bottom:10px;}
#cont .lst3 li a {color:#059fb4; text-decoration:none; display:block; margin-bottom:5px;}

.read-more span{
	display:none;
}
.pic {float:left; margin:4px 10px 7px 0;}
#RegisterForm {font-size:0.813em; color:#000000;}
#RegisterForm a {text-decoration:none;}
#contact {margin-top:1.0em;}
#contect a {text-decoration:none;}
#your-name, #your-email, #your-message, #username, #password {
	width :100%; background-color:#fff; border:1px solid #cfe5e9; margin-bottom:10px; height:21px; color:#599aa4;
	font:1.0em Arial, Helvetica, sans-serif;
}
#checkbox {border:1px solid #cfe5e9; width:18px; height:18px; margin:0; padding:0;}
#your-message { padding-left:0; padding-right:0;}
#your-name, #your-email { height:1.6em; }
#your-message { height:4.5em; }
/*#clear, #send {
	width:71px;
	height:30px;
	border:none;
	margin-bottom:0.3em;
}
#clear span, #send span {}*/
.taright {text-align:right; padding:10px 0 0 0;}
#submit {background:url(images/submit-bg.gif) top repeat-x; border:none; padding:1px 0 0 5px; width:71px; height:26px; vertical-align:middle; color:#599aa4; text-align:left;}

.line {border-bottom:1px solid #ececec; padding-bottom:30px; margin-bottom:20px;}

#clear, #send { 
	background:url(images/clear-send-bg.gif) top repeat-x; border:none; padding:0 0 2px 5px; width:61px; height:26px; vertical-align:middle; color:#599aa4; text-align:left; margin-left:5px;
}

#ContactForm {color:#059fb4; font-size:0.857em;}
/*#send { 
	background:url(images/btn-send.jpg) 0 0 no-repeat;
}*/
#breadcrumb {
	height:21px;
	padding:5px 0 0 15px;
	color:#333333;
	/*font-size:0.875em;*/
	background:url(images/title-bg.gif) left top no-repeat;
	color:#333333;
	font-weight:bold;
}
#breadcrumb a {color:#333333; text-decoration:none; background:url(images/title-marker.gif) no-repeat right 7px; padding-right:8px;}
#leftcolumn {  float: left}
#rightcolumn { text-decoration:none; float: right; text-align:right; padding-top: 10px;}
.clear { clear: both;}
#BCResize
{
	background:url(images/title-bg_top.gif) no-repeat ;
}


/* ADDITIONAL CSS */
/*.prime { text-decoration:underline;  font-weight:bold; text-transform:none; }*/

.prime { color: #737373; text-decoration:none;  font-weight:bold; text-transform:none; padding: 0 0 4px 0 ;}

.prime-large { color: #737373; text-decoration:none;  /*font-weight:bold;*/ font-size: 1.6em; text-transform:none; padding: 0 0 4px 0 ;}


.SiteBackground {
	background-color:Silver;
	width:100%;
	height:100%;
}

.CustomerSiteBackground {
	background-color:#D0D0D0;
	width:100%;
	height:100%;
}

.NormalSiteBackground {
	background-color:White;
	width:100%;
	height:100%;
}

.CellPad 
{
    /*padding:5px 0 0 15px;*/
    padding:5px 0 0 15px;
}

#PNLHeaderSection {
    float: left;    
}

.HeaderFont
{
    height: 43px;
    color:White;
    padding-top: 10px;
    text-align: center;
}


#lblCompName {
    font-size:larger;
    font-weight:bold;
}

.SelectedLink
{
    background:#F0F7F8 repeat-X;
}

.SelectedLinkImage
{
    background:url(images/title-marker.gif) left top no-repeat;
}

.page
{
    min-height: 400px;
}

.SearchText
{
    font-size:x-small;
}

.SearchByText
{
    font-size:xx-small;
}

.breadcrumb {
	height:21px;
	padding:5px 0 0 15px;
	color:#333333;
	background:url(images/title-bg.gif) left top no-repeat;
	font-weight:bold;
}

div.Smaller
{
    font-size:90%;
    font-weight:normal;
}

span.Smaller 
{
   text-decoration:underline;
}

.javalink {color:#405C96; text-decoration:none;}

/* P21 CRM Page */

.modalPopupOpportunitySearch {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopUpCustomerOrderFormSearchDESKTOP {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopUpCustomerOrderFormSearchMOBILE {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	height:315px;
	overflow:auto;
}

.modalPopupProspectCreate {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	height:360px;
	overflow:auto;
}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.SiteBackground {
	background-color:Silver;
	width:100%;
	height:100%;
}

.CellPad 
{
    /*padding:5px 0 0 15px;*/
    padding:5px 0 0 15px;
}

.SelectedLink
{
    background:#F0F7F8 repeat-X;
}

.SelectedLinkImage
{
    background:url(images/title-marker.gif) left top no-repeat;
}

.page
{
    min-height: 400px;
}

.SearchText
{
    font-size:x-small;
}

.SearchByText
{
    font-size:xx-small;
}

.breadcrumb {
	height:21px;
	padding:5px 0 0 15px;
	color:#333333;
	background:url(images/title-bg.gif) left top no-repeat;
	font-weight:bold;
}

div.Smaller
{
    font-size:90%;
    font-weight:normal;
}

span.Smaller 
{
   text-decoration:underline;
}

.ColorPrime { text-decoration:underline;  font-weight:bold; text-transform:none; color:#405C96; }
.javalink {color:#405C96; text-decoration:none;}

.CustomerColor { background-color:Silver; }

.hidden
{
display: none;
}

@media screen and (max-width: 375px) {
    .HeaderFont {
        font-size: .85em;
        padding-left: 28px;
    }
}

/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
/*------------New Design------------*/
.HLFooterModesDisabled
{
    color:Black;
}

/*----------------------------------*/
/*------------HoverMenu-------------*/
#lblHoverMenu { cursor: pointer; padding: 10px 35px 16px 0px; }
#lblHoverMenu span, #lblHoverMenu span:before, #lblHoverMenu span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 25px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#lblHoverMenu span:before {
  top: -7px; 
}
#lblHoverMenu span:after {
  bottom: -7px;
}



.popupHover:hover
{
    /*background-color:#EDEDED;*/
}


.popupMenu
{
    background-color:#EDEDED;
    box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    width: 140px;
}

.popupMenu a:link
{
    color:#405C96; 
    text-decoration:none;
    font-size:medium;
}


.popupMenu a:hover
{
  /*  background-color:#c8d8e9; */
    color:White;
}



.popupHoverLinkHover:hover
{
  /*  background-color:#1b2e44; */
    color:White;
}

div.popupHoverLinkSelected a
{        color  :white;
    text-decoration:none;
}


.mobileLinks {
    display:block; 
}
    
a
{
    color:#405C96; 
    text-decoration:none;
}



ul {

position:relative;
list-style-type: none;
margin-top:0px;
margin-left:5px;
margin-right:0px;
font-size: 13px; 
line-height: 1.55;
}

ul a {display:block;width:96%;}



ul a:hover {
color:white;
/*background-color:#1b2e44;*/
margin-left:-5px;
padding-left:5px;
padding-right:5px;
}

.SubGroupHeader
{
   text-transform: uppercase;
   text-align: left;
   background-color: #1B2E44;
   font-weight: bold;
   margin-left:-5px;
   font-size:Small;
   color: #c8d8e9;
   padding-top:6px;
   padding-left:10px;
}

.SubGroupMobileHeader
{
     text-transform: uppercase;
      text-align: center;
      font-weight: bold;
      margin-left:-5px;
      font-size:large;
      
}


/*----------------------------------*/
/*------------SearchAll-------------*/
.watermarkTextStyle
{
    color:Gray;
    text-align:center;
}


/*---------------------------------*/
/*----------Test Home Page---------*/
 .accordionMain {  
    width: 400px;  
}  
          
.accordionHeaderMain {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #1B2E44; /* Navy */ 
    font-family: 'Roboto', sans-serif; /*, Arial, Sans-Serif*/
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
          
.accordionHeaderSelectedMain {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #384F69;  /* Light Navy */ 
    font-family: 'Roboto', sans-serif;
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
          
.accordionContentMain {  
    background-color: White;  
    border: 1px dashed #2F4F4F; /* Navy */  
    border-top: none;  
    padding: 5px;  
    padding-top: 10px;  
}

        
/*---------------------------------*/
/*----------Screen Loader----------*/
   .loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
}

/*----------Click Here Sections----------*/
.ClickHere {color:#405C96; font-weight:bold; }

.ClickHereHeaderMain {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #1B2E44; /* Navy */ 
    font-family: 'Roboto', sans-serif; 
    /*font-size: 12px; */ 
    font-weight: bold;
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
    text-align:center;
}  

.ClickHereHeaderMainCP {  
    border: 1px solid #a2a2a5;  
    color: white;  
  /*   background-color: #1B2E44; Navy */ 
   background-color: #15384e;
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
    text-align:center;
}  
      
        
.ClickHereHeaderLabel 
{
    color:white; 
    font-weight:bold; 
    text-align:center;
    }
        
.ClickHereContentMain {  
    background-color: White;  
    /*border: 1px dashed #2F4F4F;*/ /* Navy */  
    border-top: none;  
    padding:10px 15px 30px 15px;
    border-radius: 2px;
}

        
.dataBlock {
    width: 100%;
/*    padding: 0 0 20px 0;*/
    background-color:#fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.2s ease-in-out;
    border-radius: 2px;
}

.dataBlock:hover {
  box-shadow: 0 1px 6px rgba(0,0,0,0.19), 0 1px 6px rgba(0,0,0,0.23);
}
.waphomeWrapper {
    width: 98%;
    margin: auto;
}

 .indexMiddleContent  {
    display:block;
    margin: 0 auto;    
    padding: 0 0 30px 0;
}

.indexWrapper 
{
    padding: 30px 0 0 0;
    width: 100%;
    background-color: #fff;
}


/*input[type="text"]  {
 -webkit-border-radius:0px;
  height:20px;
}*/

input[type="checkbox"]  {
 -webkit-border-radius:0px;
  height:20px;
}



input[type="text"][disabled] {
   background-color:transparent;
   border: 0;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
}

input[readonly]
{
    background-color:transparent;
   border: 0;
    border-bottom: 1px solid #e6e6e6;
}

button, input[type="button"], input[type="submit"]   {
    -webkit-border-radius:0px;
    -webkit-appearance: none;
    background-color:#2c4b6d;
    color: #fff;
    border: 1px solid #808080;
    font-weight: bold;
    
}

.buttonBlue {
      display: inline-block;
      position: relative;
      width: 120px;
      height: 32px;
      line-height: 32px;
      font-size: 0.9em;
      /*background-color: #fff;
      color: #646464;*/
      background-color:#1B2E44;
      color: #fff;
      box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.24);
      border: 0;
      margin: 0 0 8px 0;
}

.buttonBlue:active {
  transform: translate(0px, 3px);
  -webkit-transform: translate(0px, 3px);
  box-shadow: 0px 1px 0px 0px;
  border: none;
}

.buttonBlue:focus 
{
    outline:0px;
}

.buttonBlue:hover {
  background-color: #243f5b;
}

.buttonBlueMobile {
    display: inline-block;
      position: relative;
      width: 120px;
      height: 32px;
      line-height: 32px;
      font-size: 0.9em;
      /*background-color: #fff;
      color: #646464;*/
      background-color:#1B2E44;
      color: #fff;
      border: 0;
      margin: 0 0 8px 0;
      text-align:center;
     z-index: 0;
       -webkit-border-radius:0px;
}

#BTNSearchAllIcon {
    height: 25px;
    width: 25px;
    vertical-align: bottom;
}

#pnlLogout {
    float: right;    
}

#btnLogoutIcon {
    width: 25px;
    height: 25px;
    margin: 0 0 0 10px;
}

#btnMapSearch {
    background-image:url(images/NearMeOnWhite.png);
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* put the height and width of your image here */
    padding: 10px 0 10px 0;
    background-size: 25px 25px;
    height: 25px;
    width: 25px;
    border: none;
    vertical-align: bottom;
    /*position: absolute;*/
}

#pnlHeaderSearch {
    float: right;
    margin: -38px 0 0 0;
}

#TBSearchAll {
    /*position: absolute;*/
}

.watermarkLoginTextUsername
{
    background-image:url(images/UserBlack_512.png);
    background-size: 24px 24px;
    background-repeat:no-repeat;
    color:Gray;
    text-align:center;
    font-size:small;
    background-position: left center;
    width: 250px;
    height: 30px;
}

.watermarkLoginTextPassword
{
    background-image:url(images/KeyBlack_512.png);
    background-size: 24px 24px;
    background-repeat:no-repeat;
    color:Gray;
    text-align:center;
    font-size:small;
    background-position: left center;
    width: 250px;
    height: 30px;
}

#txtusername {
    width: 250px;
    height: 30px;
    text-align:center;
    font-size: 15px;
}

#txtpassword {
    width: 250px;
    height: 30px;
    text-align:center;
    font-size: 15px;
}

#indexBody {
    background-color: #fff;
}

#MaintenanceMessage {
    color: #FF4000;
    font-weight:bold;
    text-align: center;
    font-size: 1.4em;
}

.Grid {background-color: #fff; margin: 5px 0 10px 0; font-family: 'Roboto', sans-serif;  /*, Arial, Sans-Serif*/ color: #808080; border-collapse:collapse;}

.Grid tr { 
    border-bottom: solid 1px #c1c1c1;
}

/*.Grid.Search tr:hover { 
    background-color:#b6cae2;
}*/

.Grid.Search tr:nth-child(odd) {
    background-color:#f0f8ff;
 }
 

/*.Grid.Search tr:nth-child(odd):hover {
    background-color:#b6cae2;
 }*/

.Grid tr:first-child {border-bottom: 0 none transparent;}
.Grid tr:last-child {border-bottom: 0 none transparent; }
.Grid.Search tr:last-child {border-bottom: 0 none transparent; background-color:#FFF;}
.Grid.Search tr:last-child:hover {border-bottom: 0 none transparent; background-color:#FFF;}

.Grid td {
    padding: 3px 0 3px 0;
}
      
.Grid th  
{
    text-decoration: none;
      padding : 4px 2px;
      color: #737373;
      background: #FFF;
}

.Grid-NoLines {background-color: #fff; margin: 5px 0 10px 0; font-family: 'Roboto', sans-serif;  /*, Arial, Sans-Serif*/ color: #808080; border-collapse:collapse;}
      
.Grid-NoLines th  
{
    text-decoration: none;
      padding : 4px 2px;
      color: #737373;
      background: #FFF; 
}

.Grid-NoLines-RowStyle {
    border-bottom: solid 1px #c1c1c1;
    word-wrap: break-word;
    font-family: 'Roboto', sans-serif;
 }

.Grid-Clean {background-color: #fff; margin: 5px 0 10px 0; font-family: 'Roboto', sans-serif;  color: #808080; border-collapse:collapse; border: 0;}

.Grid-Clean tr {
    border: 0;
    white-space: nowrap;
}

.Grid-Clean td {
    border: 0;
    white-space: nowrap;
}

.nestedRow {
    color: #9c9c9c;
}

.nestedRow th {
    color: #9c9c9c;
}

.ddlStyle {
    max-width: 200px;
    height: 30px;

}

.ddlStyle-Short {
    width: 100px;
    height: 30px;

}

#map {
    width: 100%;
    height: 400px;
}
     
.mapBlock {
    padding:10px 20px 30px 20px;
}

#SearchBarBlock {
 vertical-align: bottom;
}

.SearchBar {
    width: calc(100% - 175px); /*minus width of search controls in line */
    height: 30px;
    font-size: 1.5em;
    border-radius: 4px;
    border: 0;
    border-bottom: 1.5px solid #9d9d9d;
    color: #595959;
    padding: 0 2px 0 5px;
    
}

.searchBar input[type="text"]:focus {
    border: none;
    outline:0px;
    border-bottom: 1.5px solid #9d9d9d;
}

.searchBar input[type="text"]:focus {
    border: none;
    outline:0px;
    border-bottom: 1.5px solid #9d9d9d;
}

span.checkbox-custom input[type="checkbox"] {
    background:url(images/check_radio_sheet.png) left top no-repeat;
}
span.checkbox-custom input[type="checkbox"] + label {
   
}
span.checkbox-custom input[type="checkbox"]:checked + label {
   
}

input.btnGetAddress {
    background-image: url('images/MapIco.png');
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* put the height and width of your image here */
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    border: none;
}

input.btnShowShipTo {
    background-image: url('images/shipTo.png');
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* put the height and width of your image here */
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    border: none;
}

input.btnNearMe {
    background-image: url('images/MapIco.png');
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* put the height and width of your image here */
    background-size: 32px 32px;
    height: 32px;
    width: 32px;
    border: none;
    vertical-align: bottom;
}


input.txtBoxGlobal {
    border-radius: 4px;
    border: 1.5px solid #9d9d9d;
    height: 25px;
    font-size: 1.2em;
    color: #595959;
    padding: 0 2px 0 5px;
}

input.txtBoxGlobal.Small {
    width: 60px;
}

.mapBlock #floating-panel {
    position: relative;
    bottom: 10px;
    /*left: 25%;*/
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
    text-align: center;
    font-family: 'Roboto','sans-serif';
    line-height: 30px;
    padding-left: 10px;
}
      
      
/* The side navigation menu */
#btnNav {
    cursor: pointer;
}

.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
   background-color:#243e5b ;
    overflow-x: hidden; /* Disable horizontal scroll */
    /*padding-top: 40px;*/ /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    -webkit-box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.45);
    box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.45);
}

/* The navigation menu links */
.sidenav a {
    padding: 6px 8px 6px 32px;
    text-decoration: none;
    font-size:small;
    color: #c8d8e9;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #fff;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: medium;
    margin-left: 50px;
    cursor: pointer;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s; 
}

#rightSideNav {
    float: left;
    position: absolute;
    padding: 16px 0 0 0;
    width: 150px;
}

#btnFilter {
    height: 25px;
    width: 25px;
    cursor: pointer;
    float:left;
}

#imgFilter {
    height:25px;
    width:25px;
    float:left;
    margin: 0 0 0 10px;
}

#btnAddFavorites {
    height: 25px;
    width: 25px;
    float:left;
    margin: 0 0 0 15px;
}

#imgMenu 
{
    height:25px;
    width:25px;
    float: left;
}

.chkChoice label
{
     display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}


/*Order Entry Item Number Type Ahead*/
.completionList {
border:solid 1px #444444;
margin:0px;
padding:2px;
height: 100px;
overflow:auto;
background-color: #FFFFFF;
}

.OrderEntryLines td {
    padding: 2px;
}

.OrderEntryLinesItemId {
    width: calc(100% - 250px);
}

.listItem {
    color: #1C1C1C;
}

.itemHighlighted {
background-color: #F0F8FF;
}


@media (max-width: 900px) {
    .container {
        max-width: 60%;
    }
}